body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.ColorBox{width:20%;height:25%;display:inline-block;position:relative;cursor:pointer;margin:0 auto -3.5px}.SingleColorPalette .ColorBox{height:50%}@media screen and (max-width:1200px){.ColorBox{width:25%;height:20%}.SingleColorPalette .ColorBox{width:33.3333%;height:40%}}@media screen and (max-width:900px){.ColorBox{width:50%;height:10%}.SingleColorPalette .ColorBox{width:50%;height:20%}}@media screen and (max-width:600px){.ColorBox{width:100%;height:5%}.SingleColorPalette .ColorBox{width:100%;height:10%}}.ColorBox.go-back{background-color:#000}.back-button,.copy-button{width:100px;height:30px;position:absolute;display:inline-block;top:50%;left:50%;margin-left:-50px;margin-top:-15px;text-align:center;outline:none;background-color:hsla(0,0%,100%,.3);font-size:1rem;line-height:30px;color:#fff;text-transform:uppercase;border:none;opacity:0;text-decoration:none}.ColorBox .back-button,.ColorBox:hover .copy-button{opacity:1;transition:.5s}.box-content{width:100%;left:0;padding:10px;color:#000;letter-spacing:1px;font-size:12px}.box-content,.see-more{position:absolute;bottom:0;text-transform:uppercase}.see-more{background-color:hsla(0,0%,100%,.3);border:none;right:0;width:60px;height:30px;line-height:30px;text-align:center}.light-text,.see-more{color:#fff}.dark-text{color:#000;opacity:.5}.copy-overlay{opacity:0;z-index:0;width:100%;height:100%;transition:transform .6s ease-in-out;transform:scale(.1)}.copy-overlay.show{opacity:1;transform:scale(50);z-index:10;position:absolute}.copy-msg{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;font-size:4rem;transform:scale(.1);opacity:0;color:#fff;flex-direction:column}.copy-msg.show{opacity:1;z-index:10;transform:scale(1);transition:all .4s ease-in-out;transition-delay:.3s}.copy-msg h1{font-weight:400;text-shadow:1px 2px #000;background:hsla(0,0%,100%,.2);width:100%;text-align:center;margin-bottom:0}.copy-msg p{font-size:2rem;font-weight:100}@media screen and (max-width:900px){.copy-msg h1{font-size:6rem}.copy-msg p{font-size:2rem}}@media screen and (max-width:600px){.copy-msg h1{font-size:4rem}}.Navbar{justify-content:flex-start;height:6vh}.logo,.Navbar{display:flex;align-items:center}.logo{margin-right:15px;padding:0 13px;font-size:22px;background-color:#eceff1;font-family:Roboto;height:100%}@media screen and (max-width:600px){.logo{display:none}}.logo a{text-decoration:none;color:#000}.slider{width:340px;margin:0 10px;display:inline-block}@media screen and (max-width:600px){.slider{width:170px}}.rc-slider-track{background-color:transparent}.rc-slider-rail{height:8px}.rc-slider-handle,.rc-slider-handle:active,.rc-slider-handle:focus,.rc-slider-handle:hover{background-color:green;outline:none;border:2px solid green;box-shadow:none;width:13px;height:13px;margin-left:-7px;margin-top:-3px}.select-container{margin-right:1rem;margin-left:auto}.Palette-footer{background-color:#fff;height:5vh;display:flex;justify-content:flex-end;align-items:center;font-weight:700}.Palette-footer .emoji{font-size:1.5rem;margin:0 1rem}.MiniPalette .delete-icon{position:absolute;z-index:2;right:10px;top:10px;opacity:0}.MiniPalette:hover .delete-icon{color:#fff;opacity:1;transform:scale(1.2);transition:all .3s ease-in-out;background-color:red}.PaletteList{background-color:#394bad;height:100vh;display:flex;align-items:flex-start;justify-content:center;background-image:url(/react-colors/static/media/bg.77428cd4.svg);overflow:scroll}.PaletteList-container{width:50%;display:flex;align-items:flex-start;flex-direction:column;flex-wrap:wrap}@media screen and (max-width:1200px){.PaletteList-container{width:80%}}.PaletteList-header{display:flex;width:100%;justify-content:space-between;color:#fff;align-items:center}.PaletteList-header a{color:#fff}.PaletteList-palettes-container{box-sizing:border-box;width:100%;display:grid;grid-template-columns:repeat(3,30%);grid-column-gap:5%;-webkit-column-gap:5%;column-gap:5%;grid-row-gap:5%;row-gap:5%}@media screen and (max-width:900px){.PaletteList-palettes-container{grid-template-columns:repeat(2,50%)}}@media screen and (max-width:600px){.PaletteList-container{width:60%}.PaletteList-palettes-container{grid-template-columns:repeat(1,100%);grid-row-gap:2%;row-gap:2%}}.Palette{height:95vh;display:flex;flex-direction:column}.Palette-colors{height:90%}.PaletteColorPicker{height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.PaletteColorPicker-header{font-family:Roboto;font-weight:400;padding-bottom:.5rem}.PaletteColorPicker .add-color-btn{margin-top:1rem;width:85%;height:3rem}.PaletteColorPicker .add-color-form{width:100%;display:flex;flex-direction:column;align-items:center}.PaletteColorPicker .color-name-input{margin-top:1rem;width:85%}.PaletteColorPicker .color-picker{margin-top:1rem;width:85%!important}.PaletteColorPicker .button-container{width:85%}.PaletteColorPicker .button-container button{width:50%}.NewPaletteForm{display:flex}.NewPaletteForm .button-group{margin-left:auto;display:flex;flex-direction:row;align-items:center}.NewPaletteForm-appbar button{margin:0 1rem;width:6rem}.NewPaletteForm-appbar a{text-decoration:none}.PaletteFormAppBar-toolbar{flex-direction:row}.DraggableColorBox{width:20%;display:inline-block;position:relative;cursor:pointer;margin:0 auto -3.5px;height:25%}@media screen and (max-width:1200px){.DraggableColorBox{width:25%;height:20%}}@media screen and (max-width:900px){.DraggableColorBox{width:50%;height:10%}}@media screen and (max-width:600px){.DraggableColorBox{width:100%;height:7%}}.DraggableColorBox .box-content{position:absolute;width:100%;left:0;bottom:0;padding:10px;color:#000;letter-spacing:1px;text-transform:uppercase;font-size:12px;display:flex;justify-content:space-between}.DraggableColorBox .delete-icon{color:rgba(0,0,0,.5)}.DraggableColorBox .delete-icon:hover{color:#fff;transform:scale(1.5);transition:all .3s ease-in-out}
/*# sourceMappingURL=main.ea0e499e.chunk.css.map */