._colorHistory_1m0jd_1{height:74px;display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:10px 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}._historyColor_1m0jd_14{flex:0 0 auto;display:inline-block;height:50px;width:25px;margin:5px;border:1px solid #7a7a7a;background-color:transparent;cursor:pointer;transition:box-shadow .15s ease-out,transform .15s ease-out;box-shadow:#3c404340 0 1px 2px,#3c40431a 0 1px 3px}._historyColor_1m0jd_14:first-of-type{margin-left:15px}._historyColor_1m0jd_14:last-of-type{margin-right:15px}._historyColor_1m0jd_14:hover{transform:translateY(-.5px);box-shadow:#3c40434d 0 2px 6px,#3c404326 0 3px 8px 2px}._historyColor_1m0jd_14:active{transform:translateY(.5px);box-shadow:#3c404333 0 0 1px,inset 0 1px 2px #0003;transition-duration:50ms}._container_o5rgg_1{display:grid;grid-template-columns:25px 1fr 25px;grid-template-rows:1fr 25px;grid-template-areas:"leftGrip square rightGrip" ". bottomGrip ." ". bar ."}._preview_o5rgg_11{grid-area:preview;height:25px;margin-bottom:15px;border:1px solid #7a7a7a;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}._pickerSquare_o5rgg_21{grid-area:square;position:relative;aspect-ratio:1/1;border:1px solid #7a7a7a;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}._pickerBar_o5rgg_31{grid-area:bar;position:relative;height:25px;margin-top:15px;border:1px solid #7a7a7a;box-shadow:#00000029 0 3px 6px,#0000003b 0 3px 6px}._gripSlider_o5rgg_43{position:relative;width:100%;height:100%}._grip_o5rgg_43{position:absolute;display:flex;align-items:center;justify-content:center;background:#e7e7e7;border:1px solid #c9c9c9;border-radius:4px;color:#8b8b8b;transition:background-color .15s,box-shadow .15s;box-shadow:#0000001f 0 2px 4px,#0003 0 2px 4px}._horizontalGrip_o5rgg_66 ._grip_o5rgg_43{height:20px;width:32px}._verticalGripLeft_o5rgg_71 ._grip_o5rgg_43,._verticalGripRight_o5rgg_72 ._grip_o5rgg_43{height:32px;width:22px}._horizontalGrip_o5rgg_66{grid-area:bottomGrip}._verticalGripLeft_o5rgg_71{grid-area:leftGrip}._verticalGripRight_o5rgg_72{grid-area:rightGrip}._colorSquareWrapper_o5rgg_90{height:100%;width:100%}._colorSquare_o5rgg_90{cursor:crosshair}._colorBarWrapper_o5rgg_100{height:100%;width:100%}._colorBar_o5rgg_100{cursor:crosshair}._crosshairWrapper_o5rgg_110{position:absolute;inset:0;pointer-events:none}._crosshair_o5rgg_110{position:absolute;transition:background-color .4s,box-shadow .4s;pointer-events:none}._crossEye_o5rgg_127{position:absolute;width:9px;height:9px;z-index:2;border-radius:9px;border-width:2px;border-style:solid;transition:border-color .35s,box-shadow .4s;pointer-events:none}._colorValuesWrapper_18s26_1{height:100%;display:flex;flex-direction:column;gap:16px}._spaceWrapper_18s26_8{display:flex;flex-direction:column;max-height:94px;flex:1;min-height:0;background-color:#f7f7f7;border:1px solid #c9c9c9;border-radius:4px;box-shadow:#0000001a 0 2px 4px,#00000026 0 2px 4px}._componentWrapper_18s26_22{display:flex;align-items:stretch;width:100%;max-height:25px;min-height:0;font-family:monospace;border-top:1px solid #7a7a7a}._componentWrapper_18s26_22:first-of-type{border-top:none}._componentWrapper_18s26_22:last-of-type{border-bottom:none}._section_18s26_40{display:flex;align-items:center;justify-content:center;border-right:1px solid #7a7a7a}._section_18s26_40:last-of-type{border-right:none}._symbol_18s26_51{font-family:monospace;font-size:14px;aspect-ratio:1 / 1}._sliderSection_18s26_57{position:relative;flex-grow:1}._sliderWrapper_18s26_62{width:100%;height:100%}._sliderBar_18s26_67{position:absolute;top:0;left:0;height:100%;background-color:#c1c1c1;pointer-events:none}._buttonWrapper_18s26_76{aspect-ratio:1 / 1}._button_18s26_76{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:0;cursor:pointer;user-select:none;background:none;border:none;transition-property:background-color;transition-duration:.15s;transition-timing-function:ease-out}._button_18s26_76:hover{background-color:#ddd}._button_18s26_76:active{background-color:#bbb}._valueWrapper_18s26_104{aspect-ratio:1.5 / 1;min-width:40px}._value_18s26_104{height:100%;width:100%;background:none;border:none;padding:0 5px;font-family:monospace;font-size:14px;text-align:right}._hexEditor_18s26_120{display:flex;align-items:stretch;font-family:monospace;background-color:#f7f7f7;border:1px solid #c9c9c9;border-radius:4px;height:25px;max-width:150px;box-shadow:#0000001a 0 2px 4px,#00000026 0 2px 4px}._hexLabel_18s26_134{font-family:monospace;font-size:14px;padding:0 10px}._hexValueWrapper_18s26_140{flex:1}._hexValueWrapper_18s26_140 input{height:100%;width:100%;background:none;border:none;padding:0 5px;font-family:monospace;font-size:14px;letter-spacing:.1em;text-align:center}._background_4cipv_1{width:100%;min-height:100%;display:flex}._appWrapper_4cipv_7{background-color:#f9f9f9;min-height:100%;width:1200px;margin:0 auto;box-shadow:0 0 40px #7a7a7a;border-left:1px solid #c9c9c9;border-right:1px solid #c9c9c9}._mainLayout_4cipv_17{height:100%;display:grid;grid-template-areas:"header header" "picker palette";grid-template-rows:auto 1fr;grid-template-columns:1fr 2fr}._appHeader_4cipv_28{grid-area:header;display:flex;align-items:center;border-bottom:1px solid #c9c9c9;padding:20px 30px 22px}._appHeader_4cipv_28 ._title_4cipv_36{font-family:Inter,Roboto,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.4rem;text-transform:uppercase;line-height:1}._appHeader_4cipv_28 ._subtitle_4cipv_46{margin-left:1.5rem;font-family:Inter,Roboto,sans-serif;font-style:italic;font-size:1rem;font-weight:300;letter-spacing:.08rem;line-height:1;color:#7a7a7a}._firstZone_4cipv_57{grid-area:picker;display:flex;flex-direction:column;border-right:1px solid #c9c9c9}._secondZone_4cipv_64{min-width:0;grid-area:palette;display:flex;flex-direction:column}._colorHistoryWrapper_4cipv_71{flex-shrink:0;box-sizing:border-box;border-bottom:1px solid #c9c9c9;position:relative}._colorPickerWrapper_4cipv_78{border-bottom:1px solid #c9c9c9;padding:20px 40px 26px}._colorValuesWrapper_4cipv_83{padding:24px 40px}._paletteEditorWrapper_4cipv_87{flex:2;min-height:0;overflow-y:hidden;border-bottom:1px solid #c9c9c9}._paletteLibraryWrapper_4cipv_94{flex:1}._paletteEditor_ac4ms_1{height:100%;width:100%;display:flex;flex-direction:column}._actionBar_ac4ms_8{padding:10px 11px;border-bottom:1px solid #c9c9c9;display:flex}._actionBar_ac4ms_8 ._actionButton_ac4ms_14{cursor:pointer;margin:4px;background-color:#e7e7e7;border-radius:0;border:1px solid #e2e2e2;box-shadow:#3c40434d 0 1px 2px,#3c40430d 0 2px 6px 1px;transition-property:background-color,box-shadow;transition-duration:.15s;transition-timing-function:ease-out}._actionBar_ac4ms_8 ._actionButton_ac4ms_14._disabled_ac4ms_28{cursor:auto}._actionBar_ac4ms_8 ._actionButton_ac4ms_14._enabled_ac4ms_32:hover{background-color:#f0f0f0;box-shadow:#3c404340 0 3px 6px,#3c40431a 0 4px 8px 2px;transform:translateY(-1px)}._actionBar_ac4ms_8 ._actionButton_ac4ms_14._enabled_ac4ms_32:active{background-color:#d1d1d1;box-shadow:#3c40434d 0 1px 1px,inset 0 1px 2px #0003;transform:translateY(1px);transition-duration:50ms}._actionBar_ac4ms_8 ._iconButton_ac4ms_49{aspect-ratio:1}._actionBar_ac4ms_8 ._wordButton_ac4ms_53{font-size:14px;padding:4px}._actionBar_ac4ms_8 ._activeButton_ac4ms_58{background-color:#f8b800;border-color:#e1964b;box-shadow:#3c404340 0 1px 2px,0 0 8px 1px #ffa33880,inset 0 0 4px #fff6}._actionBar_ac4ms_8 ._actionButton_ac4ms_14._activeButton_ac4ms_58:hover{background-color:#fea944;box-shadow:#3c404340 0 2px 4px,0 0 12px 2px #ffa33899,inset 0 0 4px #ffffff80;transform:translateY(-.5px)}._actionBar_ac4ms_8 ._actionButton_ac4ms_14._activeButton_ac4ms_58:active{background-color:#eb8d16;box-shadow:#3c404333 0 0 1px,0 0 4px #ffa33866,inset 0 1px 2px #0003;transform:translateY(.5px);transition-duration:50ms}._cardWrapper_ac4ms_86{flex:1;margin:32px;display:grid;border-radius:8px;grid-template-columns:1fr 1fr 4fr;grid-template-rows:auto 1fr;grid-template-areas:"sync sync card-header" "preview selection palette";overflow-y:auto;box-shadow:#00000030 0 10px 20px,#0000003b 0 6px 6px}._sync_ac4ms_103{grid-area:sync;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#f6f6f6;border-right:2px solid #aaa;border-bottom:2px solid #aaa;transition-property:background-color;transition-duration:.15s;transition-timing-function:ease-out}._sync_ac4ms_103:hover{background-color:#f1f1f1}._sync_ac4ms_103:active{background-color:#e7e7e7}._sync_ac4ms_103 ._leftSpan_ac4ms_126{flex:1;text-align:right}._sync_ac4ms_103 ._middleSpan_ac4ms_131{flex:0 0 auto;display:flex;align-items:middle;margin:0 8px}._sync_ac4ms_103 ._rightSpan_ac4ms_138{flex:1;text-align:left}._cardHeader_ac4ms_143{grid-area:card-header;display:flex;padding:4px 8px 8px;color:#292929;background-color:#f6f6f6;font-size:20px;font-weight:700;border-bottom:2px solid #aaa}._cardHeader_ac4ms_143 ._editableFieldWrapper_ac4ms_154{display:flex;align-items:center}._cardHeader_ac4ms_143 ._editingField_ac4ms_162{outline:none}._cardHeader_ac4ms_143 ._editableFieldButton_ac4ms_166{cursor:pointer;color:#000;background-color:#0000001a;margin:2px -2px 2px 8px;padding:5px 6px;border:none;border-radius:4px;transition-property:background-color;transition-duration:.15s;transition-timing-function:ease-out}._cardHeader_ac4ms_143 ._editableFieldButton_ac4ms_166:hover{background-color:#00000026}._cardHeader_ac4ms_143 ._editableFieldButton_ac4ms_166:active{background-color:#0003}._pickerColor_ac4ms_187{grid-area:preview;display:flex;align-items:center;padding:10px}._paletteColor_ac4ms_194{grid-area:selection;display:flex;align-items:center;padding:10px}._pickerColor_ac4ms_187 ._arrowIndicator_ac4ms_201{margin-left:auto}@keyframes _slideRight_ac4ms_1{0%{transform:translate(0)}50%{transform:translate(3px)}to{transform:translate(0)}}@keyframes _slideLeft_ac4ms_1{0%{transform:translate(0)}50%{transform:translate(-3px)}to{transform:translate(0)}}._pickerColor_ac4ms_187:hover ._arrowIndicator_ac4ms_201{animation:_slideRight_ac4ms_1 1.5s ease-in-out infinite}._paletteColor_ac4ms_194:hover ._arrowIndicator_ac4ms_201{animation:_slideLeft_ac4ms_1 1.5s ease-in-out infinite}._previewPane_ac4ms_237 ._arrowIndicator_ac4ms_201{transform:translate(0)}._previewPane_ac4ms_237 ._arrowIndicatorDark_ac4ms_241{color:#0006}._previewPane_ac4ms_237:hover ._arrowIndicatorDark_ac4ms_241{color:#000000b3}._previewPane_ac4ms_237:active ._arrowIndicatorDark_ac4ms_241{color:#00000080}._previewPane_ac4ms_237 ._arrowIndicatorLight_ac4ms_253{color:#fff6}._previewPane_ac4ms_237:hover ._arrowIndicatorLight_ac4ms_253{color:#ffffffb3}._previewPane_ac4ms_237:active ._arrowIndicatorLight_ac4ms_253{color:#ffffff80}._palette_ac4ms_1{grid-area:palette;display:flex;flex-direction:column;overflow-y:auto;min-height:0;background-color:#f7f7f7}._paletteRowWrapper_ac4ms_274{flex:1;cursor:pointer;min-height:3em}._paletteRowWrapper_ac4ms_274._draggable_ac4ms_280{cursor:grab}._paletteRowWrapper_ac4ms_274._dragging_ac4ms_284{cursor:grabbing}._paletteRowWrapper_ac4ms_274._dragging_ac4ms_284 ._paletteRow_ac4ms_274,._paletteRowWrapper_ac4ms_274._multiSelected_ac4ms_289 ._paletteRow_ac4ms_274{transform:scale(.96,.9);border-radius:8px;box-shadow:0 4px 8px #0003;z-index:10}._paletteRow_ac4ms_274{width:100%;height:100%;position:relative;transition:transform .2s ease-out,border-radius .2s ease-out}._paletteRow_ac4ms_274 ._selectedIndicator_ac4ms_305{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}._paletteRow_ac4ms_274 ._indicatorDark_ac4ms_312{color:#000000b3}._paletteRow_ac4ms_274 ._indicatorLight_ac4ms_316{color:#ffffffb3}._paletteRow_ac4ms_274 ._targettedIndicator_ac4ms_320{opacity:0;visibility:hidden;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:opacity .15s ease-out}._paletteRow_ac4ms_274:hover ._targettedIndicator_ac4ms_320{opacity:1;visibility:visible}._modeDecorator_ac4ms_335{position:absolute;right:8px;top:50%;transform:translateY(-50%);pointer-events:none}._checkDecorator_ac4ms_343{width:20px;height:20px;border-radius:3px;border:2px solid;display:flex;align-items:center;justify-content:center}._checkDecoratorDark_ac4ms_353{color:#000c;border-color:#00000080;background-color:#ffffff26}._checkDecoratorLight_ac4ms_358{color:#fffc;border-color:#ffffff80;background-color:#0003}._gripDark_ac4ms_364{color:#0006}._gripLight_ac4ms_367{color:#fff6}._paletteRowDataWithDecorator_ac4ms_371{padding-right:36px}._paletteRowData_ac4ms_371{display:flex;padding:10px;align-items:center}._paletteRowData_ac4ms_371 ._colorName_ac4ms_381{font-size:14px}._paletteRowData_ac4ms_371 ._colorHex_ac4ms_385{font-size:14px;font-family:monospace;margin-left:auto}._paletteRow_ac4ms_274 ._editableFieldWrapper_ac4ms_154{display:flex;align-items:center}._paletteRow_ac4ms_274 ._editableField_ac4ms_154,._paletteRow_ac4ms_274 ._field_ac4ms_397{cursor:text;border-radius:4px;margin-right:2px}._paletteRow_ac4ms_274 ._editableFieldDark_ac4ms_403,._paletteRow_ac4ms_274 ._fieldDark_ac4ms_404{color:#000000f2;background-color:#fff6}._paletteRow_ac4ms_274 ._editableFieldLight_ac4ms_409,._paletteRow_ac4ms_274 ._fieldLight_ac4ms_410{color:#fffffff2;background-color:#0003}._paletteRow_ac4ms_274 ._editableFieldButton_ac4ms_166{transition-property:color;transition-duration:.15s;transition-timing-function:ease-out}._paletteRow_ac4ms_274 ._editableFieldButtonDark_ac4ms_421{color:#00000080;background-color:#0000}._paletteRow_ac4ms_274 ._editableFieldButtonDark_ac4ms_421:hover{color:#000c}._paletteRow_ac4ms_274 ._editableFieldButtonDark_ac4ms_421:active{color:#0009}._paletteRow_ac4ms_274 ._editableFieldButtonLight_ac4ms_434{color:#ffffff80;background-color:#0000}._paletteRow_ac4ms_274 ._editableFieldButtonLight_ac4ms_434:hover{color:#fffc}._paletteRow_ac4ms_274 ._editableFieldButtonLight_ac4ms_434:active{color:#fff9}._paletteRow_ac4ms_274 ._editingField_ac4ms_162{outline:none}._paletteRow_ac4ms_274 ._colorHex_ac4ms_385{width:124px}._colorName_ac4ms_381 ._editableField_ac4ms_154,._colorName_ac4ms_381 ._field_ac4ms_397{padding:1px 8px}._colorHex_ac4ms_385 ._editableField_ac4ms_154,._colorHex_ac4ms_385 ._field_ac4ms_397{padding:3px 8px}._paletteRow_ac4ms_274 ._editableFieldButton_ac4ms_166{cursor:pointer;padding-left:4px;border:none;border-radius:4px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}html,body,#root{height:100%}