html{overflow-x:hidden}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}*,body{margin:0}*{padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.overflow-hidden{overflow:hidden}::-webkit-scrollbar{width:0}.fadeIn{-webkit-animation:fadeIn .5s forwards;animation:fadeIn .5s forwards}.fadeOut{-webkit-animation:fadeOut .5s forwards;animation:fadeOut .5s forwards}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes fadeOut{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOut{0%{opacity:1;-webkit-transform:translate(0);transform:translate(0)}to{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}.ColorBox{cursor:pointer;display:inline-block;height:25%;height:50%;margin:0 auto -4px;position:relative;width:20%}.go-back{background-color:#000}.light-text{color:#fff}.ColorBox .dark-text{color:rgba(0,0,0,.5)}.go-back .copy-button{align-items:center;display:flex;justify-content:center;opacity:1;text-decoration:none}.copy-button{background:hsla(0,0%,100%,.3);border:none;color:#fff;display:inline-block;font-size:1rem;height:30px;left:50%;margin-left:-50px;margin-top:-15px;opacity:0;outline:none;position:absolute;text-align:center;text-transform:uppercase;top:50%;width:100px}.ColorBox:hover .copy-button{opacity:1;transition:.5s}.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:hsla(0,0%,100%,.3);border:none;color:#fff;height:30px;line-height:30px;right:0;text-align:center;width:60px}.copy-overlay{height:100%;opacity:0;position:-webkit-sticky;position:sticky;-webkit-transform:scale(.1);transform:scale(.1);transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out;width:100%;z-index:0}.copy-overlay.show{opacity:1;-webkit-transform:scale(20);transform:scale(20);z-index:10}.copy-msg{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:4rem;inset:0;justify-content:center;opacity:0;position:fixed;-webkit-transform:scale(.1);transform:scale(.1)}.show.copy-msg{opacity:1;-webkit-transform:scale(1);transform:scale(1);transition:all .4s ease-in-out;transition-delay:.3s;z-index:10}.copy-msg h1{background:hsla(0,0%,100%,.2);font-weight:400;margin-bottom:0;padding:1rem;text-align:center;text-shadow:1px 2px #000;text-transform:uppercase;width:100%}.copy-msg p{font-size:2rem;font-weight:100}@media (max-width:1199.98px){.ColorBox{height:50%;width:25%}.ColorBox.showingFullPalette{height:20%}}@media (max-width:991.98px){.ColorBox{height:25%;width:50%}.ColorBox.showingFullPalette{height:10%}}@media (max-width:575.98px){.ColorBox{height:10%;width:100%}.copy-overlay.show{-webkit-transform:scale(30);transform:scale(30)}.ColorBox.showingFullPalette{height:5%}.copy-msg h1{font-size:2rem}.copy-msg p{font-size:1rem}}.Palette{display:flex;flex-direction:column;height:100vh}.Palette-colors{height:90%}.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}.save-palette{margin:25px 0!important;width:100%}.save-palette fieldset{border-left:none;border-right:none;border-top:none}.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;width:100%}.rc-slider-rail,.rc-slider-track{border-radius:6px;height:4px;position:absolute}.rc-slider-track{background-color:#abe2fb}.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;width:14px}.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: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:transparent;height:4px;pointer-events:none;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-handle{margin-left:-5px;margin-top:0;touch-action:pan-y}.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{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-play-state:paused;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{-webkit-animation-name:rcSliderTooltipZoomDownIn;animation-name:rcSliderTooltipZoomDownIn;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{-webkit-animation-name:rcSliderTooltipZoomDownOut;animation-name:rcSliderTooltipZoomDownOut;-webkit-animation-play-state:running;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{-webkit-animation-timing-function:cubic-bezier(.23,1,.32,1);animation-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform:scale(0);transform:scale(0)}.rc-slider-tooltip-zoom-down-leave{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@-webkit-keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownIn{0%{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@-webkit-keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:50% 100%;transform-origin:50% 100%}to{opacity:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:50% 100%;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:transparent;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}.PaletteFormNavStyles_root__TlSng{display:flex}.PaletteFormNavStyles_root__TlSng header{flex-direction:row}.PaletteFormNavStyles_hide__XANfh{display:none}.PaletteFormNavStyles_appBar__r6ogO{align-items:center;flex-direction:row;height:64px;justify-content:space-between}.PaletteFormNavStyles_menuButton__swup0{margin-left:12px;margin-right:20px}.PaletteFormNavStyles_navBtns__juG4a{display:flex;gap:0 10px;margin-right:1rem}.PaletteFormNavStyles_navBtns__juG4a form{align-items:center;display:flex;gap:0 10px}.PaletteFormNavStyles_navBtns__juG4a form input{border-bottom:1px solid #ffffff8c;color:#fff;height:.4375em;margin-bottom:7px}.PaletteFormNavStyles_navBtns__juG4a form label{color:#fff!important}.PaletteFormNavStyles_navBtns__juG4a fieldset{border:none!important}.PaletteFormNavStyles_navBtns__juG4a a{text-decoration:none}button{margin:0 .5rem}@media (max-width:768px){.PaletteFormNavStyles_appBar__r6ogO{width:100%!important}.PaletteFormNavStyles_create-palette__mjpN-{font-size:1rem!important}.PaletteFormNavStyles_appBar__r6ogO button{font-size:.7rem!important;margin-right:0}}@media (max-width:360px){.PaletteFormNavStyles_create-palette__mjpN-{display:none}}
/*# sourceMappingURL=main.7331c4ae.css.map*/