._root_vtcb4_1{position:relative;display:grid;place-items:center;margin-right:4px}._button_vtcb4_8{position:relative;display:grid;width:24px;height:24px;padding:0;overflow:hidden;border:1px solid #fff;border-radius:4px;background:transparent;box-shadow:#00000059 0 1px 2px,#fff3 0 .5px inset;transition:border-color .1s,filter .1s}._button_vtcb4_8:hover,._buttonOpen_vtcb4_27{filter:brightness(1.4)}._button_vtcb4_8:focus-visible{outline:2px solid rgba(255,255,255,.82);outline-offset:2px}._buttonSwatch_vtcb4_36{position:absolute;inset:0}._positioner_vtcb4_41{position:absolute;z-index:20;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}._content_vtcb4_49{width:224px;padding:10px;border:.5px solid #2b2b2b;border-radius:8px;background:#121212f0;box-shadow:#0006 0 12px 26px,#ffffff14 0 .5px inset;backdrop-filter:blur(16px)}._area_vtcb4_61{position:relative;height:136px;overflow:hidden;border-radius:6px;background:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,transparent),var(--hue-color);touch-action:none}._areaThumb_vtcb4_72,._sliderThumb_vtcb4_73{position:absolute;width:14px;height:14px;border:2px solid #fff;border-radius:999px;box-shadow:#0000008c 0 1px 3px,#000c 0 0 0 1px;pointer-events:none}._areaThumb_vtcb4_72{transform:translate(-50%,-50%)}._slider_vtcb4_73{position:relative;height:14px;margin-top:10px;overflow:hidden;border-radius:999px;touch-action:none}._hueTrack_vtcb4_98{position:absolute;inset:0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}._sliderThumb_vtcb4_73{z-index:2;top:50%;transform:translate(-50%,-50%)}._inputRow_vtcb4_119{margin-top:10px}._hexInput_vtcb4_123{width:100%;min-width:0;height:28px;box-sizing:border-box;border:1px solid #363636;border-radius:4px;background:#0d0d0d;font-weight:500;font-size:13px;color:#f3f3f3;outline:none;padding:0 8px}._hexInput_vtcb4_123:focus{border-color:#ffffff94}._save_3ty83_1{display:grid;height:32px;width:32px;align-items:center;justify-items:center;border-radius:4px;transition:background-color .1s;border:none;background:none}._save_3ty83_1:hover{background-color:#3a3a4e}._content_5qq6y_1{display:grid;grid-auto-flow:column;gap:2px}._select_5qq6y_7{position:absolute;bottom:56px;padding:8px 0;border-radius:4px;background-color:#0a0a0af2;backdrop-filter:blur(16px);border:.5px solid #191919;box-shadow:#00000059 0 3px 8px,#00000080 0 1px 3px,#ffffff14 0 .5px inset,#ffffff4d 0 0 .5px inset;transform:translate(calc(-50% + 32px))}._inputGroup_5qq6y_26{display:grid;grid-auto-flow:column;align-items:center;justify-content:start;gap:4px;width:100%;padding:4px 12px;color:#fff;font-size:13px;font-weight:500;border:none;background:none;transition:background-color .1s}._inputGroup_5qq6y_26:hover{background-color:#3a3a4e}._submenu_5qq6y_50{position:relative}._submenuArrow_5qq6y_54{display:grid;justify-items:end}._submenuContent_5qq6y_59{position:absolute;left:calc(100% + 8px);top:-8px;display:none;padding:8px 0;border-radius:4px;background-color:#0a0a0af2;backdrop-filter:blur(16px);border:.5px solid #191919;box-shadow:#00000059 0 3px 8px,#00000080 0 1px 3px,#ffffff14 0 .5px inset,#ffffff4d 0 0 .5px inset}._submenuContent_5qq6y_59:before{position:absolute;top:0;right:100%;bottom:0;width:8px;content:""}._submenu_5qq6y_50:hover>._submenuContent_5qq6y_59,._submenu_5qq6y_50:focus-within>._submenuContent_5qq6y_59{display:block}._dropdown_5qq6y_94{display:grid;align-items:center;justify-items:center;border-radius:4px;border:none;background:none;padding:0;transition:background-color .1s}._dropdown_5qq6y_94:hover,._dropdownSelected_5qq6y_112{background-color:#3a3a4e}._root_endgr_1{display:block;background-color:#191919;width:100vw;height:100vh}._modeSelected_1nidu_1{visibility:visible}._modeUnselected_1nidu_5{visibility:hidden}._cursor_1nidu_9{display:grid;height:32px;width:32px;align-items:center;justify-items:center;background-color:#3a3a4e;border-radius:4px;border:none}._icon_1nidu_22{height:16px;width:16px}._root_z7s51_1{position:absolute;height:48px;top:50%;left:50%;transform:translate(-50%,calc(50vh - 90px));background-color:#0003;border-radius:8px;backdrop-filter:blur(16px);border:.5px solid #191919;box-shadow:#00000059 0 3px 8px,#00000080 0 1px 3px,#ffffff14 0 .5px inset,#ffffff4d 0 0 .5px inset;display:grid;grid-auto-flow:column;gap:8px;align-items:center;padding:0 8px}