.ui-color-picker{--ui-color-picker-checker:repeating-conic-gradient(hsl(var(--foreground) / .15) 0% 25%, hsl(var(--background)) 0% 50%)}.ui-color-picker .react-colorful{width:100%;height:auto}.ui-color-picker .react-colorful__saturation{border-radius:var(--radius-md);border-bottom:0;flex:none}.ui-color-picker .react-colorful__saturation .react-colorful__interactive{cursor:crosshair}.ui-color-picker .react-colorful__hue,.ui-color-picker .react-colorful__alpha,.ui-color-picker .react-colorful__last-control{border-radius:9999px;height:12px;margin:calc(.5rem + 2px) 0 2px}.ui-color-picker .react-colorful__alpha{background-color:hsl(var(--background));background-image:var(--ui-color-picker-checker);background-size:8px 8px}.ui-color-picker .react-colorful__pointer{border:2px solid hsl(var(--background));background-color:hsl(var(--background));width:16px;height:16px;box-shadow:0 0 0 1px hsl(var(--foreground)), 0 1px 2px hsl(var(--shadow) / .1)}.ui-color-picker .react-colorful__alpha-pointer{background-image:var(--ui-color-picker-checker);background-size:8px 8px}.ui-color-picker .react-colorful__interactive:focus-visible .react-colorful__pointer{box-shadow:0 0 0 1px hsl(var(--foreground)), 0 0 0 3px hsl(var(--ring))}