:root{--color-bg:#fafbfb;--color-white-l:#fff;--color-black-lt:rgba(0,0,0,0.267);--color-grey-l:hsla(0,0%,78.4%,0.55);--color-grey-d:#8b8b8b;--color-blue-l:#f5fcff}.Shadow-Light{box-shadow:0 .5rem 1rem 0 rgba(0,64,128,.05)}*,:after,:before{margin:0;padding:0;box-sizing:inherit;-webkit-tap-highlight-color:transparent}html{font-size:62.5%}body{box-sizing:border-box;font-family:"Rubik",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{position:relative;background:var(--color-bg)}.Navbar{position:fixed;top:0;left:0;width:100%;height:5rem;display:flex;align-items:center;font-size:1.5rem;padding:0 2rem;background:var(--color-white-l);z-index:100}.Link{color:inherit;text-decoration:none}.Link:not(:last-child){margin-right:1.5rem}.Logo-Box{display:flex;align-items:center}.Logo-Box__Logo{margin-right:1rem;width:3rem;border-radius:50%}.Logo-Box__Text{font-size:1.8rem;margin-bottom:.1rem}.Feed,.Navbar__List{display:flex}.Feed{padding:7rem 2rem 8rem;flex-wrap:wrap;justify-content:center;min-height:100vh;position:relative}@media (max-width:425px){.Feed{padding:7rem 0 8rem}}.LoadMore__Btn{position:absolute;bottom:0;display:inline-block;margin:2rem 0;padding:1rem 1.5rem;font-size:1.5rem;border:.1rem solid var(--color-grey-l);border-radius:.4rem;transition:.1s ease-in-out;cursor:pointer}.LoadMore__Btn:hover{background:var(--color-blue-l)}@-webkit-keyframes bubble{0%{opacity:.92}to{opacity:1}}@keyframes bubble{0%{opacity:.92}to{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:.9;transform:translateY(.1rem)}70%{opacity:.95;transform:translateY(-.1rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:.9;transform:translateY(.1rem)}70%{opacity:.95;transform:translateY(-.1rem)}to{opacity:1;transform:translateY(0)}}.Palette-Box{flex:0 0 25rem;height:29rem;display:flex;flex-direction:column;margin:1rem;padding:1.5rem;background:var(--color-white-l);border-radius:.8rem;-webkit-animation:fadeIn 1s ease-in-out;animation:fadeIn 1s ease-in-out}@media (max-width:425px){.Palette-Box{flex:0 0 15rem;height:19rem;padding:1rem;margin:.5rem}}.Palette{flex:1 1;display:flex;flex-direction:column;margin-bottom:1.5rem}.C1,.C2,.C3,.C4{position:relative;cursor:pointer;-webkit-animation:bubble 1.5s ease-in;animation:bubble 1.5s ease-in}.C1{flex:3 1;-webkit-animation-delay:.4s;animation-delay:.4s}.C2{flex:2 1;-webkit-animation-delay:.3s;animation-delay:.3s}.C3{flex:1.5 1;-webkit-animation-delay:.2s;animation-delay:.2s}.C4{flex:1 1;-webkit-animation-delay:.1s;animation-delay:.1s}.C__Code{position:absolute;opacity:0;bottom:0;font-size:1.5rem;padding:.2rem .5rem;color:var(--color-white-l);background:var(--color-black-lt);transition:.1s ease-in-out}@media (max-width:425px){.C__Code{font-size:1.2rem}}.C__Code::selection{background:none}.C1:hover .C__Code,.C2:hover .C__Code,.C3:hover .C__Code,.C4:hover .C__Code{opacity:1}.Controls{display:flex;align-items:center;justify-content:space-between}.Save{font-size:1.5rem;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;border:.1rem solid var(--color-grey-l);transition:.1s ease-in-out}.Save:hover{background:var(--color-blue-l)}.Save::selection{background:none}.Age{color:var(--color-grey-d);font-size:1.2rem}.Loading-Wrap{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;z-index:500;background:rgba(0,0,0,.205)}.sk-chase{width:40px;height:40px;position:relative;-webkit-animation:sk-chase 2.5s linear infinite both;animation:sk-chase 2.5s linear infinite both;z-index:501}.sk-chase-dot{width:100%;height:100%;position:absolute;left:0;top:0;-webkit-animation:sk-chase-dot 2s ease-in-out infinite both;animation:sk-chase-dot 2s ease-in-out infinite both}.sk-chase-dot:before{content:"";display:block;width:25%;height:25%;background-color:#fff;border-radius:100%;-webkit-animation:sk-chase-dot-before 2s ease-in-out infinite both;animation:sk-chase-dot-before 2s ease-in-out infinite both}.sk-chase-dot:first-child{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase-dot:nth-child(2){-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase-dot:nth-child(3){-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase-dot:nth-child(4){-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase-dot:nth-child(5){-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase-dot:nth-child(6){-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-chase-dot:first-child:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-chase-dot:nth-child(2):before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-chase-dot:nth-child(3):before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-chase-dot:nth-child(4):before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-chase-dot:nth-child(5):before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-chase-dot:nth-child(6):before{-webkit-animation-delay:-.6s;animation-delay:-.6s}@-webkit-keyframes sk-chase{to{transform:rotate(1turn)}}@keyframes sk-chase{to{transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@keyframes sk-chase-dot{80%,to{transform:rotate(1turn)}}@-webkit-keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}@keyframes sk-chase-dot-before{50%{transform:scale(.4)}0%,to{transform:scale(1)}}.Create{min-height:100vh;padding:7rem 2rem;flex-direction:column;justify-content:center;align-items:center}.Create,.Palette-New{display:flex;position:relative}.Palette-New{flex:0 0 30rem;flex-direction:column;width:30rem;padding:1.5rem;background:var(--color-white-l);border-radius:.8rem;cursor:pointer}.New-C1{flex:3 1}.New-C2{flex:2 1}.New-C3{flex:1.5 1}.New-C4{flex:1 1}.Picker-CloseBtn{width:4rem;height:4rem;border:.1rem solid var(--color-grey-l);border-radius:50%;line-height:.5;top:-6rem;font-size:2rem;display:flex;justify-content:center;align-items:center;color:#a4a4a4}.Palette-New__CreateBtn,.Picker-CloseBtn{position:absolute;left:50%;transform:translateX(-50%)}.Palette-New__CreateBtn{padding:1rem 1.5rem;font-size:1.5rem;border:.1rem solid var(--color-grey-l);border-radius:.4rem;bottom:-5.5rem;transition:.1s ease-in-out}.Palette-New__CreateBtn:hover{background:var(--color-blue-l)}.sketch-picker{position:absolute;z-index:100;top:1rem;right:-20rem}@media (max-width:900px){.sketch-picker{right:-10rem}}@media (max-width:600px){.sketch-picker{right:-5rem}}@media (max-width:430px){.sketch-picker{top:3rem;right:0}}.Saved{padding:7rem 2rem 2rem;display:flex;flex-wrap:wrap;justify-content:center;min-height:100vh;position:relative}@media (max-width:425px){.Saved{padding:7rem 0 2rem}}.Empty{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}.Empty__Img{height:100%;margin-top:-5rem}@media (max-width:580px){.Empty__Img{height:60%}}.Empty__Img::selection{background:none}.Empty__Text{font-size:2rem;margin-bottom:2rem}@media (max-width:425px){.Empty__Text{font-size:2rem;text-align:center}}.Empty__Btn{display:inline-block;color:#000;color:initial;padding:1rem 1.5rem;font-size:1.5rem;border:.1rem solid var(--color-grey-l);border-radius:.4rem;margin-bottom:5rem;transition:.1s ease-in-out}.Empty__Btn:hover{background:var(--color-blue-l)}@-webkit-keyframes glow{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}@keyframes glow{0%{transform:scale(.8)}50%{transform:scale(1)}to{transform:scale(.8)}}.Info{padding:7rem 2rem 2rem;min-height:100vh;text-align:center;position:relative}.Logo{width:5rem;border-radius:50%;margin:2rem 0 3rem;-webkit-animation:glow 2s ease-in-out infinite;animation:glow 2s ease-in-out infinite}.Info__Head{font-weight:400;margin-bottom:1rem}.Info__Desc{font-size:1.5rem;color:#696969;margin-bottom:1.5rem}.Info__Desc--main{width:50%;margin:0 auto 1.5rem}.Info__Links{display:inline-block;margin-bottom:1.5rem}.Links-Item{display:inline-block;text-decoration:none;font-size:1.3rem;margin-right:.8rem}@media (max-width:757px){.Info__Desc--main{width:100%}}@media (max-width:425px){.Info{padding:7rem 2rem 2rem}.Logo{margin-top:1rem}}
/*# sourceMappingURL=main.4ba1db65.chunk.css.map */