.palette-color-picker{width:100%}.palette-color-picker .react-colorful{touch-action:none;-webkit-user-select:none;user-select:none;gap:12px;width:100%;max-width:100%;height:auto}.palette-color-picker .react-colorful__saturation{aspect-ratio:2;border-radius:var(--radius-md,.375rem);border:1px solid var(--border);touch-action:none;flex:none}.palette-color-picker .react-colorful__hue{border:1px solid var(--border);touch-action:none;border-radius:9999px;height:12px}.palette-color-picker .react-colorful__pointer{border:2px solid #fff;width:16px;height:16px;box-shadow:0 0 0 1px #00000026,0 1px 3px #0003}.palette-color-picker .react-colorful__hue .react-colorful__pointer{width:14px;height:14px}.palette-color-picker .hex-color-input{width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.palette-color-picker--compact .react-colorful{gap:8px}