@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap);.react-toggle{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent;background-color:initial;border:0;cursor:pointer;display:inline-block;padding:0;position:relative;touch-action:pan-x;-webkit-user-select:none;user-select:none}.react-toggle-screenreader-only{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.react-toggle--disabled{cursor:not-allowed;opacity:.5;transition:opacity .25s}.react-toggle-track{background-color:#4d4d4d;border-radius:30px;height:24px;padding:0;transition:all .2s ease;width:50px}.react-toggle:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#000}.react-toggle--checked .react-toggle-track{background-color:#19ab27}.react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track{background-color:#128d15}.react-toggle-track-check{bottom:0;height:10px;left:8px;line-height:0;margin-bottom:auto;margin-top:auto;opacity:0;position:absolute;top:0;transition:opacity .25s ease;width:14px}.react-toggle--checked .react-toggle-track-check,.react-toggle-track-x{opacity:1;transition:opacity .25s ease}.react-toggle-track-x{bottom:0;height:10px;line-height:0;margin-bottom:auto;margin-top:auto;position:absolute;right:10px;top:0;width:10px}.react-toggle--checked .react-toggle-track-x{opacity:0}.react-toggle-thumb{background-color:#fafafa;border:1px solid #4d4d4d;border-radius:50%;box-sizing:border-box;height:22px;left:1px;position:absolute;top:1px;transition:all .5s cubic-bezier(.23,1,.32,1) 0ms;transition:all .25s ease;width:22px}.react-toggle--checked .react-toggle-thumb{border-color:#19ab27;left:27px}.react-toggle--focus .react-toggle-thumb{box-shadow:0 0 2px 3px #0099e0}.react-toggle:active:not(.react-toggle--disabled) .react-toggle-thumb{box-shadow:0 0 5px 5px #0099e0}:root{--body-background:#fff;--container-background:#f5f5f5;--body-text:#000;--button-border:#24509d;--button-text:#24509d;--button-background:#24509d;--lrg-buttons-background:#fff;--lrg-buttons-text:#000}.dark{--body-background:#4d4d4d;--container-background:#000;--body-text:#fff;--button-border:#bb86fc;--button-text:#bb86fc;--button-background:#bb86fc;--lrg-buttons-background:#4d4d4d;--lrg-buttons-text:#fff}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0;transition:background-color 1s ease}body,body.dark{background-color:#fff;background-color:var(--body-background);color:#000;color:var(--body-text)}body .alpaca-container{background:#f5f5f5;background:var(--container-background);border-radius:25px;box-shadow:0 0 13px -3px rgba(0,0,0,.59);-webkit-box-shadow:0 0 13px -3px rgba(0,0,0,.59);-moz-box-shadow:0 0 13px -3px rgba(0,0,0,.59);margin:2rem auto;max-width:950px;padding:30px}body .alpaca-container .header{align-items:baseline;display:flex;justify-content:space-between}body .alpaca-container .header .alpaca-app-heading{font-size:52px;font-weight:900;margin-bottom:25px;text-transform:uppercase}@media screen and (max-width:768px){body .alpaca-container .header .alpaca-app-heading{font-size:25px}}body .alpaca-container .inner{display:flex;gap:2rem;height:495px}@media screen and (max-width:768px){body .alpaca-container .inner{flex-direction:column;height:1000px}}body .alpaca-container .inner .left,body .alpaca-container .inner .right{width:425px}@media screen and (max-width:768px){body .alpaca-container .inner .left,body .alpaca-container .inner .right{height:420px;width:100%}}body .alpaca-container .inner .left .download-btn,body .alpaca-container .inner .left .random-btn,body .alpaca-container .inner .left .style-btn,body .alpaca-container .inner .right .download-btn,body .alpaca-container .inner .right .random-btn,body .alpaca-container .inner .right .style-btn{background:#fff;background:var(--lrg-buttons-background);border:none;border-radius:10px;cursor:pointer;font-size:18px;outline:none}body .alpaca-container .inner .left .download-btn,body .alpaca-container .inner .left .random-btn,body .alpaca-container .inner .right .download-btn,body .alpaca-container .inner .right .random-btn{align-self:flex-end;margin:8px 37px 0;padding:17px}@media screen and (max-width:768px){body .alpaca-container .inner .left .download-btn,body .alpaca-container .inner .left .random-btn,body .alpaca-container .inner .right .download-btn,body .alpaca-container .inner .right .random-btn{margin:8px 12px 0}}body .alpaca-container .inner .left .icon-download,body .alpaca-container .inner .left .icon-shuffle,body .alpaca-container .inner .right .icon-download,body .alpaca-container .inner .right .icon-shuffle{margin-right:5px}body .alpaca-container .inner .left{display:flex;position:relative}body .alpaca-container .inner .left .alpaca img{position:absolute;width:425px}@media screen and (max-width:768px){body .alpaca-container .inner .left .alpaca img{width:330px}}body .alpaca-container .inner .left .alpaca .background{border-radius:25px}body .alpaca-container .inner .left .alpaca .accessories,body .alpaca-container .inner .left .alpaca .eyes{z-index:99}body .alpaca-container .inner .right .heading{font-size:18px;font-weight:900;margin-bottom:15px;text-transform:uppercase}body .alpaca-container .inner .right .acc-btn-wrapper{margin-bottom:25px}body .alpaca-container .inner .right .acc-btn-wrapper .acc-btn{background:transparent;border:2px solid #24509d;border:2px solid var(--button-border);border-radius:50px;color:#24509d;color:var(--button-text);cursor:pointer;font-size:18px;margin:0 5px 5px 0;opacity:.6;outline:none;padding:10px 35px}@media screen and (max-width:768px){body .alpaca-container .inner .right .acc-btn-wrapper .acc-btn{padding:10px 25px}}body .alpaca-container .inner .right .acc-btn-wrapper .acc-btn.selected{background:#24509d;background:var(--button-background);color:#fff;opacity:1}body .alpaca-container .inner .right .style-btn{background:transparent;border:2px solid #24509d;border:2px solid var(--button-border);border-radius:50px;color:#24509d;color:var(--button-text);cursor:pointer;font-size:18px;margin:0 5px 5px 0;opacity:.6;outline:none;padding:10px 15px}body .alpaca-container .inner .right .style-btn.selected{background:#24509d;background:var(--button-background);color:#fff;opacity:1}body .alpaca-container .react-toggle--checked:hover:not(.react-toggle--disabled) .react-toggle-track,body .alpaca-container .react-toggle:hover:not(.react-toggle--checked) .react-toggle-track{background-color:#24509d;background-color:var(--button-background);box-shadow:0 0 5px 5px rgba(25,25,112,.75)}body .alpaca-container .react-toggle:hover:not(.react-toggle--checked) .react-toggle-track{background-color:#0099e0;box-shadow:0 0 5px 5px rgba(135,206,235,.75)}body .alpaca-container .react-toggle-thumb{border:none}body .alpaca-container .react-toggle--focus .react-toggle-thumb{box-shadow:none}body .alpaca-container .react-toggle-track{background-color:#0099e0}body .alpaca-container .react-toggle--checked .react-toggle-track{background-color:#191970}body .alpaca-container .react-toggle--checked .react-toggle-track .react-toggle-track-check{left:4px;top:7px}body .alpaca-container .react-toggle-track-x{right:15px;top:10px}@font-face{font-family:fontello;font-style:normal;font-weight:400;src:url(/static/media/fontello.c88f6fe50180269664db.eot);src:url(/static/media/fontello.c88f6fe50180269664db.eot#iefix) format("embedded-opentype"),url(/static/media/fontello.4218bcbb969972dff12d.woff2) format("woff2"),url(/static/media/fontello.99ae8e440f71effab111.woff) format("woff"),url(/static/media/fontello.d736fc833d91cbbf531d.ttf) format("truetype"),url(/static/media/fontello.4e245f59b71f50bb9c09.svg#fontello) format("svg")}[class*=" icon-"]:before,[class^=icon-]:before{speak:never;-webkit-font-feature-settings:normal;font-feature-settings:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font-family:fontello;font-style:normal;font-variant:normal;font-weight:400;line-height:1em;margin-left:.2em;margin-right:.2em;text-align:center;text-decoration:inherit;text-transform:none;width:1em}.icon-shuffle:before{content:"\e800"}.icon-download:before{content:"\f02e"}
/*# sourceMappingURL=main.0c20ce4a.css.map*/