._picker_12w6z_1{position:relative;width:100%;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none}._pickerSaturation_12w6z_9{aspect-ratio:176 / 96;border-radius:var(--radius-md);overflow:hidden;cursor:crosshair}._sliderWrapper_12w6z_16{position:relative;width:100%;padding:0 4px;box-sizing:border-box}._pickerHue_12w6z_23,._pickerOpacity_12w6z_24{height:8px;border-radius:var(--radius-md);overflow:visible}._pickerHue_12w6z_23{background:linear-gradient(to right,red,#fe0,#0fd,#7b00ff,#ff0004)}._saturationWhite_12w6z_41{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#fff,transparent);border-radius:inherit}._saturationBlack_12w6z_48{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,transparent,#000);border-radius:inherit}._indicator_12w6z_55{position:absolute;width:12px;height:12px;border:2px solid var(--color-card);border-radius:var(--radius-full);box-shadow:0 0 0 1px #0003,inset 0 0 0 1px #0000001a;transform:translate(-50%,-50%);pointer-events:none;z-index:1}._sliderIndicator_12w6z_67{position:absolute;top:50%;width:12px;height:12px;border:2px solid var(--color-card);border-radius:var(--radius-full);box-shadow:0 0 0 1px #0003;transform:translate(-50%,-50%);pointer-events:none;z-index:1}._opacityBg_12w6z_80{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(45deg,var(--cp-checker, #ccc) 25%,transparent 25%),linear-gradient(-45deg,var(--cp-checker, #ccc) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--cp-checker, #ccc) 75%),linear-gradient(-45deg,transparent 75%,var(--cp-checker, #ccc) 75%);background-size:var(--cp-checker-size, 8px) var(--cp-checker-size, 8px);background-position:0 0,0 calc(var(--cp-checker-size, 8px) / 2),calc(var(--cp-checker-size, 8px) / 2) calc(var(--cp-checker-size, 8px) / -2),calc(var(--cp-checker-size, 8px) / -2) 0}._opacityGradient_12w6z_108{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}._pickerGradient_12w6z_114{height:8px;border-radius:var(--radius-md);outline:none;overflow:visible}._gradientBg_12w6z_121{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background-image:linear-gradient(45deg,var(--cp-checker, #ccc) 25%,transparent 25%),linear-gradient(-45deg,var(--cp-checker, #ccc) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--cp-checker, #ccc) 75%),linear-gradient(-45deg,transparent 75%,var(--cp-checker, #ccc) 75%);background-size:var(--cp-checker-size, 8px) var(--cp-checker-size, 8px);background-position:0 0,0 calc(var(--cp-checker-size, 8px) / 2),calc(var(--cp-checker-size, 8px) / 2) calc(var(--cp-checker-size, 8px) / -2),calc(var(--cp-checker-size, 8px) / -2) 0}._gradientFill_12w6z_138{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}._gradientStop_12w6z_144{position:absolute;top:50%;width:12px;height:12px;border:2px solid var(--color-card);border-radius:var(--radius-full);box-shadow:0 0 0 1px #0003;transform:translate(-50%,-50%);z-index:1;cursor:grab}._gradientStop_12w6z_144:active{cursor:grabbing}._gradientStopSelected_12w6z_161{box-shadow:0 0 0 2px var(--color-border-highlight)}