[data-theme=light]{--_0-FecC:var(--color-white);--_1-FecC:var(--color-ripe-red-a200);--_2-FecC:var(--color-ripe-red-500);--_3-FecC:var(--color-tv-blue-a400);--_4-FecC:var(--color-tv-blue-900);--_5-FecC:var(--color-iguana-green-300);--_6-FecC:var(--color-iguana-green-600);--_7-FecC:var(--color-banana-yellow-700);--_8-FecC:var(--color-banana-yellow-900);--_9-FecC:var(--color-grapes-purple-300);--_10-FecC:var(--color-grapes-purple-700);--_11-FecC:var(--color-sky-blue-a400);--_12-FecC:var(--color-sky-blue-a700);--_13-FecC:var(--color-berry-pink-200);--_14-FecC:var(--color-berry-pink-400)}[data-theme=dark]{--_0-FecC:var(--color-cold-gray-900);--_1-FecC:var(--color-ripe-red-a200);--_2-FecC:var(--color-ripe-red-500);--_3-FecC:var(--color-tv-blue-a400);--_4-FecC:var(--color-tv-blue-900);--_5-FecC:var(--color-iguana-green-300);--_6-FecC:var(--color-iguana-green-600);--_7-FecC:var(--color-banana-yellow-700);--_8-FecC:var(--color-banana-yellow-900);--_9-FecC:var(--color-grapes-purple-300);--_10-FecC:var(--color-grapes-purple-700);--_11-FecC:var(--color-sky-blue-a400);--_12-FecC:var(--color-sky-blue-a700);--_13-FecC:var(--color-berry-pink-200);--_14-FecC:var(--color-berry-pink-400)}.wrap-HXzRntFl{display:inline-flex;position:relative}.wrap-HXzRntFl:before{border-radius:50%;content:none;height:100%;left:0;outline:var(--color-tv-blue-500) none 2px;outline-offset:-4px;pointer-events:none;position:absolute;top:0;width:100%}.wrap-HXzRntFl:focus-visible:before{content:"";outline-style:solid}.wrap-HXzRntFl .input-HXzRntFl{cursor:pointer;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}@media (any-hover:hover){.wrap-HXzRntFl .input-HXzRntFl:hover:not(:checked)+.box-HXzRntFl .hoverDot-HXzRntFl{display:block}}.box-HXzRntFl{height:16px;pointer-events:none;position:relative;width:16px}.box-HXzRntFl.red-HXzRntFl{color:var(--_1-FecC)}@media (any-hover:hover){.box-HXzRntFl.red-HXzRntFl:hover{color:var(--_2-FecC)}}.box-HXzRntFl.blue-HXzRntFl{color:var(--_3-FecC)}@media (any-hover:hover){.box-HXzRntFl.blue-HXzRntFl:hover{color:var(--_4-FecC)}}.box-HXzRntFl.green-HXzRntFl{color:var(--_5-FecC)}@media (any-hover:hover){.box-HXzRntFl.green-HXzRntFl:hover{color:var(--_6-FecC)}}.box-HXzRntFl.orange-HXzRntFl{color:var(--_7-FecC)}@media (any-hover:hover){.box-HXzRntFl.orange-HXzRntFl:hover{color:var(--_8-FecC)}}.box-HXzRntFl.purple-HXzRntFl{color:var(--_9-FecC)}@media (any-hover:hover){.box-HXzRntFl.purple-HXzRntFl:hover{color:var(--_10-FecC)}}.box-HXzRntFl.cyan-HXzRntFl{color:var(--_11-FecC)}@media (any-hover:hover){.box-HXzRntFl.cyan-HXzRntFl:hover{color:var(--_12-FecC)}}.box-HXzRntFl.pink-HXzRntFl{color:var(--_13-FecC)}@media (any-hover:hover){.box-HXzRntFl.pink-HXzRntFl:hover{color:var(--_14-FecC)}}.box-HXzRntFl.large-HXzRntFl{height:24px;width:24px}.pickerDot-HXzRntFl{background-color:currentColor;border-radius:50%;height:100%;width:100%}.hoverDot-HXzRntFl{color:var(--_0-FecC);display:none;opacity:.5}[data-theme=light]{--_0-rc8M:var(--color-white)}[data-theme=dark]{--_0-rc8M:var(--color-cold-gray-650)}.wrapper-xPNB6vOB{padding:10px 10px 10px 6px}.wrapper-xPNB6vOB .selector-xPNB6vOB{align-items:center;background-color:var(--_0-rc8M);border-radius:4px;box-shadow:0 0 6px 0 var(--color-other-shadow-secondary-neutral-light);display:inline-flex;padding:4px;position:relative}.wrapper-xPNB6vOB .selector-xPNB6vOB .arrowLeft-xPNB6vOB{height:12px;left:-12px;overflow:hidden;position:absolute;top:50%;transform:translateY(-50%);width:12px}.wrapper-xPNB6vOB .selector-xPNB6vOB .arrowLeft-xPNB6vOB:after{background:var(--_0-rc8M);box-shadow:0 0 6px 0 var(--color-other-shadow-secondary-neutral-light);content:"";height:12px;left:9px;position:absolute;transform:rotate(45deg);width:12px}.colorSelectButton-xPNB6vOB{padding:4px}.popup-xPNB6vOB{position:fixed;transform:translateY(-50%);z-index:1000}