.CustomColorPicker-module__W1eu9a__trigger{cursor:pointer;appearance:none;border:1px solid #0f172a2e;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin:0;padding:0;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff47}.CustomColorPicker-module__W1eu9a__trigger:focus-visible,.CustomColorPicker-module__W1eu9a__swatch:focus-visible,.CustomColorPicker-module__W1eu9a__field:focus-visible{outline-offset:2px;outline:2px solid #0a84ff}.CustomColorPicker-module__W1eu9a__overlayTrigger{border-radius:inherit;width:100%;height:100%;box-shadow:none;border:0;position:absolute;inset:0;background:0 0!important}.CustomColorPicker-module__W1eu9a__barTrigger{border-radius:12px;width:100%;height:2.5rem}.CustomColorPicker-module__W1eu9a__panel{--ccp-bg:#646468;--ccp-elevated:#4c4c50;--ccp-text:#f5f5f7;--ccp-muted:#d2d2d6;--ccp-line:#00000047;z-index:10060;box-sizing:border-box;color:var(--ccp-text);background:var(--ccp-bg);-webkit-font-smoothing:antialiased;border:1px solid #ffffff2e;border-radius:10px;flex-direction:column;gap:8px;padding:8px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:visible;box-shadow:0 18px 40px #00000059,inset 0 1px #ffffff2e}.CustomColorPicker-module__W1eu9a__floating{position:fixed}.CustomColorPicker-module__W1eu9a__arrow{background:var(--ccp-bg);clip-path:polygon(50% 0,0 100%,100% 100%);filter:drop-shadow(0 -1px #ffffff2e);width:16px;height:8px;margin-left:-8px;position:absolute;top:-7px}.CustomColorPicker-module__W1eu9a__arrowAbove{clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 1px #0003);top:auto;bottom:-7px}.CustomColorPicker-module__W1eu9a__sheet{width:100%;max-height:92vh;padding-bottom:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:12px;padding-left:max(12px, env(safe-area-inset-left));padding-right:12px;padding-right:max(12px, env(safe-area-inset-right));border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0;overflow:auto}.CustomColorPicker-module__W1eu9a__spectrum,.CustomColorPicker-module__W1eu9a__matrix{grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;margin:0;padding:0;display:grid}.CustomColorPicker-module__W1eu9a__matrix{margin-top:2px}.CustomColorPicker-module__W1eu9a__swatch{aspect-ratio:1;cursor:pointer;border:0;border-radius:1px;width:100%;min-width:0;min-height:0;padding:0}.CustomColorPicker-module__W1eu9a__swatchActive{z-index:1;box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #1c1c1e}.CustomColorPicker-module__W1eu9a__showColors{color:#fff;cursor:pointer;background:linear-gradient(#5a5a5e,#3f3f43);border:1px solid #00000073;border-radius:6px;align-self:center;margin-top:2px;padding:3px 12px 4px;font-size:13px;font-weight:500;line-height:1.2;box-shadow:inset 0 1px #ffffff38}.CustomColorPicker-module__W1eu9a__showColors:hover{background:linear-gradient(#68686c,#4a4a4e)}.CustomColorPicker-module__W1eu9a__details{flex-direction:column;gap:8px;display:flex}.CustomColorPicker-module__W1eu9a__engine{touch-action:none;-webkit-user-select:none;user-select:none;width:100%}.CustomColorPicker-module__W1eu9a__engine .react-colorful{gap:10px;width:100%;height:168px}:is(.CustomColorPicker-module__W1eu9a__engine .react-colorful__saturation,.CustomColorPicker-module__W1eu9a__engine .react-colorful__hue){touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.CustomColorPicker-module__W1eu9a__engine .react-colorful__saturation{border-bottom-width:0;border-radius:8px}.CustomColorPicker-module__W1eu9a__engine .react-colorful__hue{border-radius:999px;height:16px}.CustomColorPicker-module__W1eu9a__engine .react-colorful__last-control{border-radius:999px}.CustomColorPicker-module__W1eu9a__engine .react-colorful__pointer{width:22px;height:22px;transition:none}.CustomColorPicker-module__W1eu9a__readout{color:var(--ccp-muted);letter-spacing:.01em;margin:0;font-size:11px}.CustomColorPicker-module__W1eu9a__controls{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;display:grid}.CustomColorPicker-module__W1eu9a__preview{border:1px solid #ffffff59;border-radius:8px;width:36px;height:36px;box-shadow:inset 0 0 0 1px #00000059}.CustomColorPicker-module__W1eu9a__fieldLabel{min-width:0;color:var(--ccp-muted);letter-spacing:.04em;text-transform:uppercase;flex-direction:column;gap:2px;font-size:10px;font-weight:700;display:flex}.CustomColorPicker-module__W1eu9a__field{box-sizing:border-box;width:100%;min-width:0;color:var(--ccp-text);background:var(--ccp-elevated);border:1px solid var(--ccp-line);border-radius:8px;margin:0;padding:6px 8px;font:13px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.CustomColorPicker-module__W1eu9a__rgb{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:640px){.CustomColorPicker-module__W1eu9a__field{font-size:16px}.CustomColorPicker-module__W1eu9a__engine .react-colorful{height:148px}}@media (pointer:coarse){.CustomColorPicker-module__W1eu9a__showColors{min-height:36px;padding-inline:16px}.CustomColorPicker-module__W1eu9a__engine .react-colorful__pointer{width:28px;height:28px}.CustomColorPicker-module__W1eu9a__engine .react-colorful__hue{height:22px}}