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}:root{--bg-color:#dbf6e9;--primary-color:#31326f;--secondary-color:#9ddfd3;--accent-color:#ffc93c;--blue50:#5596f6;--blue60:#2a7bf4;--blue70:#2a5ca7;--green50:#9fd966;--green60:#74bd29;--green70:#6a9440;--grey40:#ccc;--grey70:#666;--grey80:#333;--red50:#e85e23;--red60:#cb4c15;--red70:#9f370a;--yellow50:#fcd33f;--yellow60:#e6b60d;--yellow70:#cf8e10}*,html{padding:0;margin:0;box-sizing:border-box}*,body,html{font-family:"Barlow",sans-serif}body{min-height:100vh;display:flex;justify-content:center;background:#dbf6e9;background:var(--bg-color)}h1,h2,h3,h4,h5{font-weight:700;text-transform:uppercase;color:#31326f;color:var(--primary-color)}.container{display:flex;flex-direction:column;grid-gap:1.875rem;gap:1.875rem;margin:0 auto}header{font-size:1.625rem;margin-top:2.5rem}.wrapper{grid-gap:20px;gap:20px;margin-bottom:2.5rem}.wrapper,.wrapper .placeholder{display:flex;flex-direction:column}.wrapper .placeholder{grid-gap:1.875rem;gap:1.875rem;max-width:500px}.wrapper .placeholder .alpaca{width:500px;height:500px;background-color:wheat;position:relative}.wrapper .placeholder .alpaca img{position:absolute;top:0;left:0;max-width:500px;width:inherit;height:auto;object-fit:contain}.wrapper .placeholder .other__controls{display:flex;justify-content:space-between}.wrapper .placeholder .other__controls button{display:flex;align-items:center;justify-content:center;padding:10px 20px}.wrapper .controls{display:flex;flex-direction:column;grid-gap:30px;gap:30px}.wrapper .controls .accessories,.wrapper .controls .styling{display:flex;flex-direction:column;grid-gap:20px;gap:20px}.items{display:flex;flex-wrap:wrap;justify-content:flex-start;grid-gap:1.25rem;gap:1.25rem}button{display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:500;padding:10px 20px;color:#31326f;color:var(--primary-color);border-radius:5px;border:2px solid #fff;background:#fff;cursor:pointer;transition:all .3s ease}button.active,button:hover{border:2px solid #ffc93c;border:2px solid var(--accent-color);color:#fff;background:#ffc93c;background:var(--accent-color)}.default{background:#5596f6;background:var(--blue50)}.blue60{background:#2a7bf4;background:var(--blue60)}.blue70{background:#2a5ca7;background:var(--blue70)}.green50{background:#9fd966;background:var(--green50)}.green60{background:#74bd29;background:var(--green60)}.green70{background:#6a9440;background:var(--green70)}.grey40{background:#ccc;background:var(--grey40)}.grey70{background:#666;background:var(--grey70)}.grey80{background:#333;background:var(--grey80)}.red50{background:#e85e23;background:var(--red50)}.red60{background:#cb4c15;background:var(--red60)}.red70{background:#9f370a;background:var(--red70)}.yellow50{background:#fcd33f;background:var(--yellow50)}.yellow60{background:#e6b60d;background:var(--yellow60)}.yellow70{background:#cf8e10;background:var(--yellow70)}button.coloractive.color{border:2px solid #ffc93c;border:2px solid var(--accent-color)}button.color{color:#fff;padding:20px;border:2px solid transparent}button.color:hover{opacity:.9}@media (max-width:991px){.container{padding:0 3.125rem}.wrapper{max-width:500px}}@media (min-width:17.5rem) and (max-width:36rem){header{max-width:280px}.wrapper .placeholder .alpaca{width:17.5rem;height:17.5rem}.wrapper .controls{max-width:280px}}@media (max-width:64rem){.header{font-size:1.5rem}}@media (min-width:992px){.container{max-width:62.5rem;padding:0 1.25rem;margin:0,auto}.wrapper{flex-direction:row}.wrapper .placeholder .alpaca img{width:inherit;height:auto;object-fit:contain}}
/*# sourceMappingURL=main.7513fa85.chunk.css.map */