[data-color-picker] .react-colorful{width:100%;height:auto}[data-color-picker] .react-colorful__saturation{corner-shape:superellipse(1.3);border-bottom:0;border-radius:10px;height:172px}[data-color-picker] .react-colorful__hue,[data-color-picker] .react-colorful__alpha{border-radius:9999px;height:14px;margin-top:12px}[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{border-width:3px;width:18px;height:18px;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)}