._color-container_1r9y4_1{overflow:visible;background:linear-gradient(0deg,transparent 0%,black 5%,black 92%,transparent 100%);display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;padding:20em .5em 8em;max-width:100vw;min-height:120vh}._light_1r9y4_18._color-container_1r9y4_1{background:linear-gradient(0deg,transparent 0%,white 8%,white 92%,transparent 100%)}._color-picker_1r9y4_27{--size: 4em;flex:1 0 100%;display:flex;flex-flow:row wrap;align-items:center;justify-content:center;gap:.4em;margin-bottom:2em}._color-picker_1r9y4_27>label{margin-right:1em}._color-picker_1r9y4_27>input[type=color i]{--clamp: clamp(30px, 10vw, var(--size));min-width:var(--clamp);width:var(--clamp);max-width:var(--clamp);min-height:var(--clamp);height:var(--clamp);max-height:var(--clamp);outline:8px solid white;outline-offset:-8px;border-radius:50%;z-index:2}._light_1r9y4_18 ._color-picker_1r9y4_27>input[type=color i]{outline:10px solid black}._color-picker_1r9y4_27>button{position:relative;border-radius:0 999px 999px 0;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;padding:.3em .2em .3em 2.6em}._color-picker_1r9y4_27>button svg{width:2em;height:2em}._color-picker_1r9y4_27 ._circle-left-edge_1r9y4_69{position:absolute;left:-3px;top:-1px;display:inline-block;height:calc(100% + 2px);width:1.5em;border-right:2px solid gray;outline:2px solid black;outline-offset:-3px;border-radius:0 999px 999px 0;background-color:#000;transition-property:outline-offset;transition-duration:.2s;transition-timing-function:ease-in-out;transition-delay:.1s}._light_1r9y4_18 ._color-picker_1r9y4_27 ._circle-left-edge_1r9y4_69{background-color:#fff;outline:2px solid white}._color-picker_1r9y4_27 button:hover ._circle-left-edge_1r9y4_69{outline:2px solid black;outline-offset:1px}._light_1r9y4_18 ._color-picker_1r9y4_27 button:hover ._circle-left-edge_1r9y4_69{outline:2px solid white;outline-offset:2px}._width-wrap_1r9y4_99{margin:2em auto 0}._width-wrap_1r9y4_99,._width-wrap_1r9y4_99>*{width:clamp(100px,70vw,400px)}._btn-wrap_1r9y4_106{width:clamp(100px,70vw,800px);display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:1em;margin-bottom:2rem}#_color-container_1r9y4_1 ._btn-wrap_1r9y4_106 ._mode-container_1r9y4_115{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-end;gap:.8em}._btn-wrap_1r9y4_106 button{border-radius:999px}#_color-container_1r9y4_1 ._btn-wrap_1r9y4_106._export-wrap_1r9y4_125{align-items:flex-end;justify-content:center}._btn-wrap_1r9y4_106._export-wrap_1r9y4_125 button{padding:1.8em .4em 1.7em .6em}#_color-container_1r9y4_1 ._btn-wrap_1r9y4_106._export-wrap_1r9y4_125>div{display:flex;flex-flow:row wrap;align-items:flex-end;justify-content:center;gap:1em}#_color-container_1r9y4_1 ._btn-wrap_1r9y4_106._export-wrap_1r9y4_125 div div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:.3rem}#_color-container_1r9y4_1 ._mode-container_1r9y4_115 button{padding:.2em .4em .2em .6em}#_color-container_1r9y4_1 ._btn-wrap_1r9y4_106 button._flat-left_1r9y4_149{border-radius:0 999px 999px 0;padding:.2em .25em .2em .6em}._btn-wrap_1r9y4_106 svg{width:2em;height:2em}._btn-wrap_1r9y4_106 ._mode-container_1r9y4_115 svg{width:1.4em;height:1.4em}._skip-arrow_1r9y4_162{font-size:2em;line-height:.8}._info-wrap_1r9y4_166 ul{display:flex;flex-flow:column nowrap;justify-content:center;align-items:flex-start;gap:1em;margin:0 auto 3em;padding:0;width:clamp(100px,88vw,600px);max-width:88vw}._info-wrap_1r9y4_166 li{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:.6em}._info-wrap_1r9y4_166 li span{flex:0 1 77%}._info-wrap_1r9y4_166 li div{flex:0 0 auto}._mode-btn_1r9y4_190{padding:.4em}._color-blocks_1r9y4_193{--size: 96vw;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start;gap:0;overflow-x:auto;overflow-y:visible;height:max-content;width:clamp(100px,max-content,var(--size));max-width:var(--size);margin-bottom:2rem}._color-blocks_1r9y4_193 li ul li{border:1px solid var(--color)}._color-blocks_1r9y4_193._drag_1r9y4_210 li ul li{outline:2px dashed black;outline-offset:-1px;border:1px dashed white;cursor:grabbing}._color-blocks_1r9y4_193._overflow_1r9y4_217{overflow-y:hidden}._block-wrap_1r9y4_221{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:.3em;padding:0;margin:0}._color-wrap_1r9y4_230,._color-block_1r9y4_193{position:relative;width:100%;border:none;border-radius:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;box-sizing:border-box}._color-wrap_1r9y4_230,._color-wrap_1r9y4_230 ul,._color-block_1r9y4_193{padding:0;margin:0}._color-block_1r9y4_193{cursor:grab}._color-block_1r9y4_193:active{cursor:grabbing}#_color-container_1r9y4_1 ._block-wrap_1r9y4_221 button{cursor:pointer;padding:.3em .2em;width:100%}._compliance-indicators_1r9y4_260{position:absolute;top:1em;left:50%;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;z-index:2;transform:translate(-50%)}#_color-container_1r9y4_1 ._indicator_1r9y4_271>._tooltip_1r9y4_271{top:calc(100% + var(--tooltip-offset) * .5)!important}._indicator_1r9y4_271:before{content:"";position:absolute;top:50%;left:var(--left);width:var(--width-full);height:calc(var(--width-full) * .015);border-radius:0;background-color:var(--color);z-index:-1}._indicator-aaa_1r9y4_286{position:relative;border-radius:50%}._indicator-null_1r9y4_290{position:relative}._compliance-info_1r9y4_294 *{font-size:inherit}._toggle-controls_1r9y4_298{display:flex;flex-flow:row wrap;justify-content:center;align-items:flex-start;gap:3em 1em;margin:3em auto 1em;max-width:clamp(100px,92%,92vw)}._toggle-controls_1r9y4_298>div{display:flex;flex-flow:column nowrap;max-width:clamp(100px,92%,92vw);gap:1em}._color-edit-container_1r9y4_313,._color-edit-container_1r9y4_313>._color-select_1r9y4_314,._color-edit-container_1r9y4_313>._color-select_1r9y4_314>*{width:99%;max-width:99%;font-size:clamp(.8rem,calc(var(--font-size) * .8),2rem)}._color-edit-container_1r9y4_313>._color-select_1r9y4_314{gap:.2em;padding-top:.5em}._color-edit-container_1r9y4_313>._color-select_1r9y4_314>div{flex-flow:row nowrap;background:linear-gradient(4deg,#1a1a1a,#080808);background-size:var(--bg-size);background-position:50% 3%;border-bottom-color:gray;margin:0}._color-edit-container_1r9y4_313>._color-select_1r9y4_314>div>div{border-top-color:gray}._light_1r9y4_18 ._color-edit-container_1r9y4_313>._color-select_1r9y4_314>div{background:linear-gradient(4deg,#b3b3b3,#e6e6e6);background-size:var(--bg-size);background-position:50% 3%}._color-edit-container_1r9y4_313>._color-select_1r9y4_314>div>span{max-width:calc(100% - 3em)}._mode-container_1r9y4_115._color-edit-container_1r9y4_313{display:flex;flex-flow:row wrap;justify-content:center;align-items:center;gap:1em;margin:0}._mode-container_1r9y4_115>._color-select_1r9y4_314{max-width:12rem;margin:0;padding:0}._form_1r9y4_356{display:flex;flex-flow:column nowrap;justify-content:center;align-items:center;gap:.5em;width:100%}._form_1r9y4_356>input{padding-left:.2em;min-width:92%;margin:.3em auto 0}#_color-container_1r9y4_1 ._form_1r9y4_356>button._color-format-submit_1r9y4_369,#_color-container_1r9y4_1 ._color-wrap_1r9y4_230 button._remove_1r9y4_370{padding:.3em .2em;width:100%}#_color-container_1r9y4_1 ._color-wrap_1r9y4_230 button._remove_1r9y4_370{outline:gray solid 1px}._color-name_1r9y4_377>span{display:flex;flex-flow:row nowrap;justify-content:center;align-items:flex-end;min-height:2em;line-height:1}._inputs_1r9y4_385>label{display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;gap:.5em;color:var(--color-primary-20)}._inputs_1r9y4_385>label>span{white-space:nowrap;width:1em}._inputs_1r9y4_385>label input{min-width:calc(100% - 2em)}._inputs_1r9y4_385._hex-input_1r9y4_400>label{flex-flow:column nowrap;margin-top:.3em;gap:.1em}._inputs_1r9y4_385._hex-input_1r9y4_400>label>span{align-self:flex-start;margin-left:.5em}@media(min-width:300px){._color-edit-container_1r9y4_313>._color-select_1r9y4_314>div>span{max-width:100%}}