:root{--colorWhite:#fefae0;--colorBlack:#283618;--colorOrange:#dda15e;--background-color:var(--colorWhite);--colorPrimary:var(--colorBlack);--colorSecondary:var(--colorOrange)}.app{padding:2rem;text-align:center}.pigments header{margin-bottom:2rem}.pigments h1{color:#dda15e;color:var(--colorSecondary);margin:0}.playarea{display:flex;flex-direction:row}.container{padding:0 2rem}#file{display:none}form{display:flex;justify-content:flex-end}.file-upload label{border:6px solid #283618;border:6px solid var(--colorPrimary);border-radius:2px;cursor:pointer;display:flex;font-size:1rem;font-weight:400;justify-content:space-around;padding:5px 8px;width:10rem}.file-upload label:focus,.file-upload label:hover{border-color:#dda15e;border-color:var(--colorSecondary);color:#dda15e;color:var(--colorSecondary)}.file-upload img{width:1.25rem}.upload{flex:1 1;text-align:right}.upload .preview{margin-top:2rem}.upload .preview img{max-width:100%}.summery{flex:1 1}.summery .palette{margin-bottom:2rem}.swatches{display:flex;flex-direction:row;flex-wrap:wrap;gap:.25rem}.swatch{border:4px solid transparent;display:flex;flex:1 1;padding:.5rem 1.75rem}.swatch:hover{border-color:#283618;border-color:var(--colorBlack);cursor:pointer}.swatch.dominant{flex:initial;width:100%}.ball{align-items:center;background:#ddd;border-radius:50%;height:4rem;justify-content:center;margin-right:2px;width:4rem}.ball.copied{box-shadow:-2.5px -2.5px 20px 2.5px #cdd9e5,2.5px 2.5px 20px 5px #df8039;transition:all .3s cubic-bezier(.165,.84,.44,1)}.links{bottom:0;padding:8px;position:fixed;right:0}@media only screen and (max-width:768px){.playarea{flex-direction:column}.summery,.upload{border:none;text-align:center}.container{padding:0}.file-upload{align-items:center}form{justify-content:center}}@media only screen and (min-width:1400px){.summery .container{padding:4.5rem 10rem}.upload .preview img{max-height:50vh;max-width:33vw}}@media only screen and (min-width:768px){.upload .preview img{max-height:50vh}}.color-information{border:6px solid transparent;border-radius:2px}@font-face{font-family:psychedelic;src:local("psychedelic"),url(/static/media/psychedelic.8aba0f0160c5626d8c9c.otf) format("opentype")}@font-face{font-family:psyche;src:local("psyche"),url(/static/media/pyshce.a2d51dd8a121f8df19ca.ttf) format("truetype")}@font-face{font-family:j-airplane;src:local("j-airplane"),url(/static/media/J-airplane-swash-font.e50409c77ed0eaf66286.ttf) format("truetype")}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--textColor);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;margin:0}.padding-around-s{padding:0 6px}h1,h2,h3{font-weight:400}h1{font-family:psyche;font-size:4rem}h2{font-size:2.5rem}h2,h3{font-family:Quicksand,sans-serif}h3{font-size:2rem}a{color:var(--textColor);text-decoration:none}
/*# sourceMappingURL=main.f3b926f9.css.map*/