[data-color-picker] .react-colorful{width:100%;height:auto}[data-color-picker] .react-colorful__saturation{height:172px;border-bottom:0;border-radius:10px;corner-shape:superellipse(1.3)}[data-color-picker] .react-colorful__hue,[data-color-picker] .react-colorful__alpha{height:14px;margin-top:12px;border-radius:9999px}[data-color-picker] .react-colorful__hue .react-colorful__interactive,[data-color-picker] .react-colorful__alpha .react-colorful__interactive{left:7px;right:7px}[data-color-picker] .react-colorful__pointer{width:18px;height:18px;border-width:3px;box-shadow:0 0 0 1px #0000001f,0 1px 3px #00000040}[data-color-picker] .react-colorful__interactive:focus-visible .react-colorful__pointer{box-shadow:0 0 0 2px var(--custom-color-background),0 0 0 4px var(--custom-color-ring)}