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 -4px;position:relative;width:20%}.back-button,.copy-button{background:#ffffff4d;border:none;color:#fff;display:inline-block;font-size:1rem;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%;width:100px}.copy-button{opacity:0}.ColorBox:hover .copy-button{opacity:1;transition:.5s}.box-content{color:#000;font-size:12px;left:0;letter-spacing:1px;padding:10px}.box-content,.see-more{bottom:0;position:absolute;text-transform:uppercase}.see-more{background:#ffffff4d;border:none;color:#fff;height:30px;line-height:30px;right:0;text-align:center;width:60px}.copy-overlay{height:100%;opacity:0;transform:scale(.1);width:100%;z-index:0}.copy-overlay.show{opacity:1;position:absolute;transform:scale(50);transition:transform .6s ease-in-out;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;text-transform:uppercase;width:100%}.copy-msg p{font-size:2rem;font-weight:100}.SingleColorPalette .ColorBox{height:50%}@media screen and (max-width:1199.98px){.ColorBox{height:20%;width:25%}}@media screen and (max-width:991.98px){.ColorBox{height:10%;width:50%}}@media screen and (max-width:575.98px){.ColorBox{height:5%;width:100%}.copy-msg h1{font-size:5rem}}.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{margin-right:15px;padding:0 13px}.logo a{color:#000;text-decoration:none}.logo img{width:100%}.slider{display:inline-block;margin:0 10px;width:350px}.rc-slider-track{background-color:initial}.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:-2.5px;outline:none;width:13px}.rc-slider-rail{height:8px}.select-container{margin-left:auto;margin-right:1rem}@media screen and (max-width:991.98px){.slider{width:150px}}@media screen and (max-width:767.98px){.logo{display:none}}.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:space-between}.emoji{font-size:1.5rem;margin:0 1rem}.MiniPalette{background:#fff;border:1px solid #000;border-radius:5px;cursor:pointer;padding:.5rem;position:relative}.MiniPalette:hover{svg{opacity:1;transition:all .3s ease-in-out}}.MiniPalette-colors{background:#dae1e4;border-radius:5px;height:150px;overflow:hidden;width:100%}.MiniPalette-title{align-items:center;color:#000;display:flex;font-size:1rem;justify-content:space-between;margin:0;padding-top:.5rem;position:relative}.MiniPalette-emoji{font-size:1.5rem;margin-left:.5rem}.MiniPalette-miniColor{display:inline-block;height:25%;margin:0 auto -4px;position:relative;width:20%}.MiniPalette-deleteIcon{background-color:#eb3d30;color:#fff;height:20px;opacity:0;padding:10px;position:absolute;right:0;top:0;width:20px;z-index:10}.PaletteList{align-items:flex-start;background-color:#394bad;background-image:url(/React-Colour-Palette/static/media/bg.c99d9e1b84c41f14d53f.svg);display:flex;justify-content:center;min-height:100vh}.PaletteList-container{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;width:50%}.PaletteList-nav{align-items:center;color:#fff;display:flex;justify-content:space-between;width:100%;a{color:#fff}}.PaletteList-heading{font-size:2rem}.PaletteList-button{margin:0 .5rem!important}.PaletteList-palettes{grid-gap:2.5rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(3,30%);width:100%}@media screen and (max-width:1599.98px){.PaletteList-container{width:60%}}@media screen and (max-width:1399.98px){.PaletteList-container{width:80%}}@media screen and (max-width:991.98px){.PaletteList-palettes{grid-gap:1.5rem;grid-template-columns:repeat(2,50%)}}@media screen and (max-width:767.98px){.PaletteList-button{font-size:.8rem!important;padding:.5rem!important}}@media screen and (max-width:575.98px){.PaletteList-container{width:70%}.PaletteList-palettes{grid-template-columns:repeat(1,100%)}.PaletteList-navButtons{margin-right:0}.PaletteList-button{font-size:.8rem!important;margin:.1rem!important}}.PaletteFooter-navButtons{margin-right:1rem}.PaletteFooter-button{margin:0 .5rem!important}@media screen and (max-width:575.98px){.PaletteFooter-navButtons{margin-right:0}.PaletteFooter-button{text-wrap:nowrap;margin:.1rem!important}}.ColorBox.go-back{background-color:#000}.SingleColorPalette .logo{display:flex}@media screen and (max-width:1199.98px){.SingleColorPalette .ColorBox{height:33.3333%;width:25%}}@media screen and (max-width:991.98px){.SingleColorPalette .ColorBox{height:20%;width:50%}}@media screen and (max-width:575.98px){.SingleColorPalette .ColorBox{height:10%;width:100%}}.DraggableColorBox{cursor:pointer;display:inline-block;height:25%;margin:0 auto -7px;position:relative;width:20%}.DraggableColorBox:hover{svg{color:#fff;transform:scale(1.5)}}.DraggableColorBox-boxContent{bottom:0;color:#00000080;display:flex;font-size:12px;justify-content:space-between;left:0;letter-spacing:1px;padding:10px;position:absolute;text-transform:uppercase;width:100%}.DraggableColorBox-deleteIcon{transition:all .3s ease-in-out!important}.drag-button{background:#ffffff4d;border:none;color:#fff;display:inline-block;font-size:1rem;height:30px;left:50%;line-height:30px;margin-left:-50px;margin-top:-15px;opacity:0;outline:none;position:absolute;text-align:center;text-decoration:none;text-transform:uppercase;top:50%;width:100px}.DraggableColorBox:hover .drag-button{cursor:pointer;opacity:1;transition:.5s}@media screen and (max-width:1199.98px){.DraggableColorBox{height:20%;width:25%}}@media screen and (max-width:991.98px){.DraggableColorBox{height:10%;width:50%}}@media screen and (max-width:767.98px){.DraggableColorBox{height:5%;width:100%}}.PaletteMetaForm-navButtons{margin-right:1rem}.PaletteMetaForm-button{margin:0 .5rem!important}@media screen and (max-width:575.98px){.PaletteMetaForm-navButtons{margin-right:0}.PaletteMetaForm-button{text-wrap:nowrap;font-size:.8rem!important;margin:.1rem!important;padding:.5rem!important;width:48%}.PaletteFormNav-title{font-size:1rem!important}body>div.MuiDialog-root.MuiModal-root.css-1424xw8-MuiModal-root-MuiDialog-root>div.MuiDialog-container.MuiDialog-scrollPaper.css-19do60a-MuiDialog-container>div>div.MuiDialogActions-root.MuiDialogActions-spacing.css-15fu35s-MuiDialogActions-root{justify-content:space-around!important}}.ColorPickerForm{width:100%}.ColorPickerForm-picker{margin-top:2rem}#ColorPickerForm-addColor{font-size:2rem;margin-top:1rem;padding:1rem;width:100%}.css-1xp5r68-MuiFormControl-root-MuiTextField-root{height:70px;margin-bottom:1rem!important;margin-top:1rem!important;width:100%}.NewPaletteForm-container{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:90%}.NewPaletteForm-buttonContainer{width:100%}.NewPaletteForm-button{width:50%}.fade-exit{opacity:1}.fade-exit-active{opacity:0;transition:opacity .5s ease-in}
/*# sourceMappingURL=main.5814f6a1.css.map*/