@import url(https://fonts.googleapis.com/css2?family=Titillium+Web:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{box-sizing:border-box}.app__main{min-height:75vh;padding:0 1rem}@media(min-width:768px){.app__main{padding:0 2rem}}@media(min-width:1280px){.app__main{padding:0 6rem}}.error{color:#c94515;display:block;font-size:11px;line-height:16px;margin:0;padding:0}@media(min-width:768px){.error{font-size:12px;line-height:18px}}.recommendations{align-items:center;display:flex;flex-direction:column;justify-content:center}.outfit-card__heading{text-align:center}.outfit-card__header{align-items:baseline}.primary__btn{background-color:#13182c;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;line-height:20px;margin:20px 0;padding:10px 20px;width:200px}@media(min-width:768px){.primary__btn{font-size:14px;line-height:22px}}.primary__btn:hover{background-color:#f7f8f9;color:#bdc5d5;color:#13182c}.icon{height:auto}.my-outfits{align-items:center;display:flex;flex-direction:column;justify-content:center}.outfit-gallery{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;margin:0;padding:1rem 0 0}@media(min-width:768px){.outfit-gallery{gap:20px;padding-top:2rem}}.outfit__heading{font-family:Titillium Web,sans-serif;font-size:28px;font-weight:600;line-height:36px;margin:1rem 0;padding:0}@media(min-width:768px){.outfit__heading{font-size:32px;line-height:40px;padding-top:2rem}}.outfit__errer-text{font-family:Titillium Web,sans-serif;font-size:15px;font-weight:400;line-height:26px}@media(min-width:768px){.outfit__errer-text{font-size:16px;line-height:28px}}.outfit-card{border-radius:1rem;box-shadow:2px 2px 12px 2px #0000001a;box-sizing:border-box;padding:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media(min-width:768px){.outfit-card{padding:2rem;width:40vw}}.outfit-card__images{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:0}@media(min-width:1280px){.outfit-card__images{gap:1rem}}.outfit-card__image{margin:0;width:100px}@media(min-width:768px){.outfit-card__image{width:150px}}@media(min-width:1280px){.outfit-card__image{width:200px}}.outfit-card__text{text-wrap:wrap;font-family:Titillium Web,sans-serif;font-size:15px;font-weight:400;line-height:26px}@media(min-width:768px){.outfit-card__text{font-size:16px;line-height:28px}}@media(min-width:1280px){.outfit-card__text{word-wrap:break-word;box-sizing:border-box}}.outfit-card__heading{font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;line-height:20px;text-align:baseline}@media(min-width:768px){.outfit-card__heading{font-size:24px;line-height:32px}}.outfit-card__header{display:flex;justify-content:space-between}.error{color:red;font-family:Titillium Web,sans-serif;font-size:15px;font-weight:400;line-height:26px}@media(min-width:768px){.error{font-size:16px;line-height:28px}}.icon{cursor:pointer;opacity:.8;width:25px}.icon:hover{transform:scale(1.1)}.header{align-items:center;background-color:#13182c;box-sizing:border-box;display:flex;flex-direction:column;padding-bottom:1rem}@media(min-width:768px){.header{align-items:baseline;flex-direction:row;justify-content:space-between;padding:0 2rem;width:100%}}@media(min-width:1280px){.header{padding:0 3rem}}.header__logo{color:#ff9f29;display:block;font-family:Titillium Web,sans-serif;font-size:28px;font-weight:600;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;line-height:36px;margin:0;padding:0;text-decoration:none}.header__list{display:flex;justify-content:space-between;list-style:none;margin:0;padding:0}@media(min-width:768px){.header__list{justify-content:space-between;padding:0}}.header__list-item{color:#fff;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:13px;font-size:.7rem;font-weight:600;line-height:20px;padding:4px 1rem;text-decoration:none}@media(min-width:768px){.header__list-item{font-size:14px;line-height:22px;padding-left:2.5rem}}.header__list-item:hover{text-decoration:underline}.header__list-item.active{background-color:#13182c;border-radius:20px}.header__list-item--link{color:#fff;text-decoration:none}.footer{bottom:1rem;color:#bdc5d5;font-family:Titillium Web,sans-serif;font-size:11px;font-weight:400;line-height:16px;margin:1rem 0;padding:0;text-align:center;width:100%}@media(min-width:768px){.footer{font-size:12px;line-height:18px}}.home__heading{font-family:Titillium Web,sans-serif;font-size:28px;font-weight:600;line-height:36px;margin:1rem 0 0;padding:0;text-align:center}@media(min-width:768px){.home__heading{font-size:32px;line-height:40px;margin-top:2rem,0}}@media(min-width:1280px){.home__heading{margin-top:3rem}}.image-uploader,.image-uploader__drop-area{align-items:center;display:flex;flex-direction:column;justify-content:center}.image-uploader__drop-area{border:1px solid #13182ccc;border-radius:3rem;color:#13182c;margin:1rem 0;max-height:-webkit-fit-content;max-height:-moz-fit-content;max-height:fit-content;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;min-height:40vh;min-width:60vw}@media(min-width:768px){.image-uploader__drop-area{margin:2rem 0}}.image-uploader__content{align-items:center;display:flex;flex-direction:column;gap:0;margin:1rem}@media(min-width:768px){.image-uploader__content{margin:1.5rem}}@media(min-width:1280px){.image-uploader__content{margin:2rem}}.image-uploader__messages{font-family:Titillium Web,sans-serif;font-size:11px;font-weight:400;line-height:16px;margin:1rem 0 0;text-align:center}@media(min-width:768px){.image-uploader__messages{font-size:12px;line-height:18px}}.image-uploader__upload-icon{height:auto;opacity:.3;width:60px}.image-uploader__remove-btn{background-color:none;border:none;border-radius:0 0 0 5px;color:#fff;cursor:pointer;font-size:16px;height:25px;padding:0 5px;position:absolute;right:2px;top:4px;width:25px}.image-uploader__remove-btn:hover{transform:scale(1.1)}.image-uploader__preview{display:flex;flex-wrap:wrap;justify-content:center}.image-uploader__image-item{align-items:center;display:flex;flex-direction:column;margin:1rem;position:relative}.image-uploader__image-item__btn-wrapper{display:flex;gap:5px;margin-top:5px}.image-uploader__counter{color:#bdc5d5;font-family:Titillium Web,sans-serif;font-size:15px;font-weight:400;line-height:26px}@media(min-width:768px){.image-uploader__counter{font-size:16px;line-height:28px}}.image-uploader__image{max-height:auto;max-width:160px;object-fit:cover}.style{align-items:center;display:flex;flex-direction:column}.style__options{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0}@media(min-width:768px){.style__options{width:60vw}}.style__option,.style__option--selected{background-color:#fff;border:0;border-radius:8px;box-shadow:1px 1px 4px 2px #0000001a;color:#13182c;cursor:pointer;padding:8px 16px;transition:background-color .2s,border-color .2s}.style__option--selected:hover,.style__option:hover{background-color:#f7f8f9;color:#13182c}.style__btn,.style__option--selected{background-color:#13182c;color:#fff}.style__btn{border:none;border-radius:8px;cursor:pointer;font-family:Titillium Web,sans-serif;font-size:13px;font-weight:600;line-height:20px;margin:20px 0;padding:10px 20px;width:200px}@media(min-width:768px){.style__btn{font-size:14px;line-height:22px}}.style__btn:hover{background-color:#f7f8f9;color:#bdc5d5;color:#13182c}.style__errors{margin-bottom:1rem}.style__loading{margin-top:1rem}@media(min-width:768px){.style__loading{margin-top:2rem}}
/*# sourceMappingURL=main.8e439fc3.css.map*/