.dts-picker{flex-direction:column;gap:10px;display:flex}.dts-picker-gradient{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:6px;width:100%;height:120px;position:relative}.dts-picker-gradient-white{background:linear-gradient(90deg,#fff,#0000);border-radius:6px;position:absolute;inset:0}.dts-picker-gradient-black{background:linear-gradient(#0000,#000);border-radius:6px;position:absolute;inset:0}.dts-picker-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:14px;height:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 3px #0006}.dts-picker-hue{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);border-radius:6px;width:100%;height:12px;position:relative}.dts-picker-hue-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:16px;height:16px;position:absolute;top:-2px;transform:translate(-50%);box-shadow:0 0 3px #0000004d}.dts-picker-info{align-items:center;gap:8px;display:flex}.dts-picker-swatch{border:1px solid #00000014;border-radius:4px;flex-shrink:0;width:24px;height:24px}.dts-picker-hex{color:#666;letter-spacing:.02em;font-family:monospace;font-size:10px!important;font-weight:300!important}