._colorHistory_1kise_1{height:74px;display:flex;flex-wrap:nowrap;overflow-x:auto;width:100%;padding:5px 0 0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}._historyColor_1kise_14{flex:0 0 auto;display:inline-block;height:50px;width:25px;margin:5px;border:2px solid #7a7a7a;transition:margin .2s,height .2s,width .2s;cursor:pointer}._historyColor_1kise_14:hover{height:56px;width:31px;margin:2px}._historyColor_1kise_14:first-of-type:hover{margin-left:12px}._historyColor_1kise_14:first-of-type{margin-left:15px}._historyColor_1kise_14:last-of-type:hover{margin-right:12px}._historyColor_1kise_14:last-of-type{margin-right:15px}._container_181im_1{display:grid;grid-template-columns:25px 1fr 25px;grid-template-rows:50px 1fr 25px;grid-template-areas:". preview ." "leftGrip square rightGrip" ". bottomGrip ." ". bar ."}._preview_181im_12{grid-area:preview;height:25px;margin-bottom:15px;border:2px solid #7a7a7a}._pickerSquare_181im_19{grid-area:square;position:relative;aspect-ratio:1/1;border:2px solid #7a7a7a}._pickerBar_181im_26{grid-area:bar;position:relative;height:25px;margin-top:15px;border:2px solid #7a7a7a}._verticalGripLeft_181im_34{grid-area:leftGrip}._verticalGripRight_181im_38{grid-area:rightGrip}._horizontalGrip_181im_42{grid-area:bottomGrip}._colorSquareWrapper_181im_47{height:100%;width:100%}._colorSquare_181im_47{cursor:crosshair}._colorBarWrapper_181im_57{height:100%;width:100%}._colorBar_181im_57{cursor:crosshair}._crosshairWrapper_181im_67{position:absolute;inset:0;pointer-events:none}._crosshair_181im_67{position:absolute;transition:background-color .4s,box-shadow .4s;pointer-events:none}._crossEye_181im_84{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}._gripSlider_181im_99{position:relative;width:100%;height:100%}._grip_181im_99{position:absolute;width:0;height:0}._colorValuesWrapper_79gdk_1{height:100%;display:flex;flex-direction:column;gap:16px}._spaceWrapper_79gdk_8{display:flex;flex-direction:column;max-height:94px;flex:1;min-height:0;border:2px solid #7a7a7a}._componentWrapper_79gdk_17{display:flex;align-items:stretch;width:100%;max-height:25px;min-height:0;font-family:monospace;border-top:1px solid #7a7a7a;border-bottom:1px solid #7a7a7a}._componentWrapper_79gdk_17:first-of-type{border-top:none}._componentWrapper_79gdk_17:last-of-type{border-bottom:none}._section_79gdk_36{display:flex;align-items:center;justify-content:center;border-right:2px solid #7a7a7a}._section_79gdk_36:last-of-type{border-right:none}._symbol_79gdk_47{font-family:monospace;font-size:14px;aspect-ratio:1 / 1}._sliderSection_79gdk_53{position:relative;flex-grow:1}._sliderWrapper_79gdk_58{width:100%;height:100%}._sliderBar_79gdk_63{position:absolute;top:0;left:0;height:100%;background-color:#aaa;pointer-events:none}._buttonWrapper_79gdk_72{aspect-ratio:1 / 1}._button_79gdk_72{height:100%;width:100%;padding:0;cursor:pointer;user-select:none;background:none;border:none}._button_79gdk_72:hover{background-color:#ddd}._button_79gdk_72:active{background-color:#bbb}._valueWrapper_79gdk_94{aspect-ratio:1.5 / 1;min-width:40px}._value_79gdk_94{height:100%;width:100%;background:none;border:none;padding:0 5px;font-family:monospace;font-size:14px;text-align:right}._hexEditor_79gdk_110{display:flex;align-items:stretch;font-family:monospace;border:2px solid #7a7a7a;height:25px;max-width:150px}._hexLabel_79gdk_119{font-family:monospace;font-size:14px;padding:0 10px}._hexValueWrapper_79gdk_125{flex:1}._hexValueWrapper_79gdk_125 input{height:100%;width:100%;background:none;border:none;padding:0 5px;font-family:monospace;font-size:14px;letter-spacing:.1em;text-align:center}._appWrapper_1nam5_1{background-color:#fff;height:100%;width:1200px;margin:0 auto;box-shadow:0 0 40px #7a7a7a;border-left:2px solid #7a7a7a;border-right:2px solid #7a7a7a;overflow:hidden}._mainLayout_1nam5_12{height:100%;display:grid;grid-template-areas:"header header" "picker palette";grid-template-columns:1fr 2fr;grid-template-rows:76px 1fr}._appHeader_1nam5_22{grid-area:header;display:flex;align-items:baseline;border-bottom:2px solid #7a7a7a;padding:20px 30px 12px}._appHeader_1nam5_22 ._title_1nam5_30{font-family:Inter,Roboto,sans-serif;font-size:2rem;font-weight:400;letter-spacing:.4rem;text-transform:uppercase;line-height:1}._appHeader_1nam5_22 ._subtitle_1nam5_40{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_1nam5_51{grid-area:picker;display:flex;flex-direction:column;border-right:2px solid #7a7a7a}._secondZone_1nam5_58{min-width:0;grid-area:palette;color:#555;font-style:italic}._colorHistoryWrapper_1nam5_65{box-sizing:border-box;border-bottom:2px solid #7a7a7a;position:relative}._colorPickerWrapper_1nam5_71{border-bottom:2px solid #7a7a7a;padding:20px 40px 40px}._colorValuesWrapper_1nam5_76{padding:40px}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%}