body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.ColorBox{cursor:pointer;display:inline-block;height:25%;margin:0 auto -3.5px;position:relative;width:20%}.SingleColorPalette .ColorBox{height:50%}.back-button,.copy-button{background:#ffffff4d;border:0;color:#fff;display:inline-block;height:30px;left:50%;line-height:30px;margin-left:-50px;margin-top:-15px;outline:none;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:50%;transition:.5s;width:100px}.copy-button{opacity:0}.ColorBox:hover .copy-button{opacity:1}.box-content{color:#000;font-size:12px;left:0;letter-spacing:1px;padding:10px;width:100%}.box-content,.see-more{bottom:0;position:absolute;text-transform:uppercase}.see-more{background:#ffffff4d;border:0;color:#fff;height:30px;line-height:30px;right:0;text-align:center;width:60px}.copy-overlay{height:100%;opacity:0;transform:scale(.1);transition:transform .6s ease-in-out;width:100%;z-index:0}.copy-overlay.show{opacity:1;position:absolute;transform:scale(50);z-index:10}.copy-msg{align-items:center;bottom:0;color:#fff;display:flex;flex-direction:column;font-size:4rem;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transform:scale(.1)}.copy-msg.show{opacity:1;transform:scale(1);transition:all .4s ease-in-out;transition-delay:.3s;z-index:25}.copy-msg h1{background:#fff3;font-weight:400;margin-bottom:0;padding:1rem;text-align:center;text-shadow:1px 2px #000;width:100%}.copy-msg p{font-size:2rem;font-weight:100}.ColorBox.go-back{background-color:#000}.light-text{color:#fff}.ColorBox .dark-text{color:#000}.rc-slider{border-radius:6px;height:14px;padding:5px 0;position:relative;touch-action:none;width:100%}.rc-slider,.rc-slider *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-rail{background-color:#e9e9e9;border-radius:6px;height:4px;position:absolute;width:100%}.rc-slider-track,.rc-slider-tracks{background-color:#abe2fb;border-radius:6px;height:4px;position:absolute}.rc-slider-track-draggable{background-clip:content-box;border-bottom:5px solid #0000;border-top:5px solid #0000;box-sizing:initial;transform:translateY(-5px);z-index:1}.rc-slider-handle{background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:grab;height:14px;margin-top:-5px;opacity:.8;position:absolute;touch-action:pan-x;-webkit-user-select:none;user-select:none;width:14px;z-index:1}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging-delete{opacity:0}.rc-slider-handle:focus{box-shadow:none;outline:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:none}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:grabbing}.rc-slider-mark{font-size:12px;left:0;position:absolute;top:18px;width:100%}.rc-slider-mark-text{color:#999;cursor:pointer;display:inline-block;position:absolute;text-align:center;vertical-align:middle}.rc-slider-mark-text-active{color:#666}.rc-slider-step{background:#0000;height:4px;position:absolute;width:100%}.rc-slider-dot{background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;bottom:-2px;cursor:pointer;height:8px;position:absolute;vertical-align:middle;width:8px}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{height:100%;padding:0 5px;width:14px}.rc-slider-vertical .rc-slider-rail{height:100%;width:4px}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-track-draggable{border-bottom:0;border-left:5px solid #0000;border-right:5px solid #0000;border-top:0;transform:translateX(-5px)}.rc-slider-vertical .rc-slider-handle{margin-left:-5px;margin-top:0;position:absolute;touch-action:pan-y;z-index:1}.rc-slider-vertical .rc-slider-mark{height:100%;left:18px;top:0}.rc-slider-vertical .rc-slider-step{height:100%;width:4px}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused;display:block!important}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{animation-timing-function:cubic-bezier(.23,1,.32,1);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;transform:scale(0);transform-origin:50% 100%}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{opacity:0;transform:scale(0);transform-origin:50% 100%}}.rc-slider-tooltip{left:-9999px;position:absolute;top:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9;color:#fff;font-size:12px;height:24px;line-height:1;min-width:24px;padding:6px 2px;text-align:center;text-decoration:none}.rc-slider-tooltip-arrow{border-color:#0000;border-style:solid;height:0;position:absolute;width:0}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{border-top-color:#6c6c6c;border-width:4px 4px 0;bottom:4px;left:50%;margin-left:-4px}.NavBar{height:6vh;justify-content:flex-start}.NavBar,.logo{align-items:center;display:flex}.logo{background-color:#eceff1;font-family:Roboto;font-size:22px;height:100%;margin-right:15px;padding:0 13px}.logo a{color:#000;text-decoration:none}.slider-container{align-content:center;align-items:center;display:flex}.level{width:100px}.slider{display:inline-block;margin:0 10px;width:340px}.rc-slider-track{background-color:initial}.rc-slider-rail{height:8px}.rc-slider-handle,.rc-slider-handle:active,.rc-slider-handle:focus,.rc-slider-handle:hover{background-color:green;border:2px solid green;box-shadow:none;height:13px;margin-left:-7px;margin-top:-3px;outline:none;width:13px}.select-container{margin-left:auto;margin-right:1rem}.Palette{display:flex;flex-direction:column;height:100vh}.Palette-colors{height:90vh}.Palette-footer{align-items:center;background-color:#fff;display:flex;font-weight:700;height:5vh;justify-content:flex-end}.emoji{font-size:1.5rem;margin:0 1rem}
/*# sourceMappingURL=main.6ac18549.css.map*/