@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap);h1{font-size:24px}@media(min-width:768px){h1{font-size:34px}}@media(min-width:1024px){h1{font-size:39px}}h1{font-family:Roboto,sans-serif;font-weight:400}h1,h3{margin-bottom:1.75rem}h3{font-size:20px}@media(min-width:768px){h3{font-size:25px}}@media(min-width:1024px){h3{font-size:30px}}h3{font-family:Open Sans,sans-serif}.paragraph{font-family:Roboto,sans-serif;font-size:14px;font-weight:300;line-height:1.35rem}@media(min-width:1024px){.paragraph{font-size:16px}}.paragraph--main{color:#a3a2a2}.paragraph--large{font-size:15px}@media(min-width:1024px){.paragraph--large{font-size:18px;line-height:1.5rem}}.paragraph--large-title{font-size:18px;font-weight:400;line-height:1.5rem}@media(min-width:1024px){.paragraph--large-title{font-size:20px}}.paragraph--bold{font-weight:400}.paragraph--caps{font-weight:400;text-transform:uppercase}.paragraph--underline{font-size:12px;font-weight:500;letter-spacing:1.5px;position:relative;text-decoration:underline;text-transform:uppercase;text-underline-offset:3px}@media(min-width:1024px){.paragraph--underline{font-size:14px}}.paragraph--underline--grey{color:#c6c6c6;font-size:10px;text-underline-offset:3px}.paragraph--underline--grey:after{background:#c6c6c6;height:2px}@media(min-width:1024px){.paragraph--underline--grey{font-size:12px;text-underline-offset:5px}}.btn{border-radius:2rem;font-family:Roboto,sans-serif;font-size:12px;letter-spacing:1px;padding:1rem 3rem;text-transform:uppercase}@media(min-width:1024px){.btn{font-size:14px;letter-spacing:1.5px;padding:1rem 2.75rem}}.btn--primary{background:#ff5c00;color:#fff}.btn--full-width{width:100%}button{background:none;border:none}@media(min-width:1024px){button:hover{cursor:pointer}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}50%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.styleguide-wrapper{padding:1rem}.styleguide-wrapper h1,.styleguide-wrapper h3,.styleguide-wrapper p{margin:1rem 0}.box-wrapper{display:flex;flex-wrap:wrap;gap:1rem}.box{align-items:flex-end;display:flex;font-family:Roboto,sans-serif;height:100px;justify-content:flex-end;padding:10px;width:100px}.box--orange{background:#ff5c00}.box--offwhite{background:#ebf6f8}.box--grey{background:#ebebeb}.box--grey100{background:#a3a2a2}.box--grey200{background:#c6c6c6}.box--black{background:#000;color:#fff}.box--white{background:#fff}@media(min-width:1024px){.home{height:100vh;position:relative}.home:after{background:#ebf6f8;content:"";height:100%;position:absolute;right:0;top:0;width:50%;z-index:-1}.home__container{align-items:center;display:flex;height:100%;margin:0 auto}}.intro{display:flex;justify-content:center}@media(min-width:1024px){.intro{margin-bottom:2rem;width:50%}}.intro__content{margin:4rem 1.9rem;max-width:425px;text-align:center}@media(min-width:1024px){.intro__content{margin:0}}.product{background:#ebf6f8}@media(min-width:1024px){.product{background:none;display:flex;justify-content:center;width:50%}}.product__card{padding:4rem 1.9rem}@media(min-width:1024px){.product__card{max-width:316px;min-width:316px;padding:0}}.product__container{align-items:center;background:#fff;border-radius:5px;box-shadow:0 10px 31px rgba(0,0,0,.182);display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:344px;padding:2rem 1.9rem 3rem;text-align:center}@media(min-width:1024px){.product__container{margin:initial;max-width:316px;min-height:495px}}.product__img{margin-bottom:1rem;max-width:269px;object-fit:contain;width:100%}@media(min-width:1024px){.product__img{max-width:235px}}.product__heading{margin:0 auto;text-align:center;width:80%}@media(min-width:1024px){.product__heading{width:100%}}.product__price{color:#ff5c00;font-family:Roboto,sans-serif;font-size:15px;font-weight:500;letter-spacing:1px;margin-bottom:1.25rem;margin-top:1rem}@media(min-width:1024px){.product__price{font-size:16px;margin-bottom:1rem}}.header{align-items:center;display:flex;justify-content:space-between;padding:2rem 1.9rem 0}@media(min-width:1024px){.header{padding:3.5rem 3.25rem 0;position:fixed;width:100%}}.logo{width:100px}.header__bag-container{align-items:center;display:flex;justify-content:center;position:relative;width:22px}.header__bag-container.active{animation:rotate .6s ease}@media(min-width:1024px){.header__bag-container:hover{cursor:pointer}}.bag-number{font-family:Roboto,sans-serif;font-size:13px;font-weight:600;position:absolute;top:30%}.slide-menu{background:#fff;height:100%;position:fixed;right:-326px;top:0;transition:right .3s ease;width:316px;z-index:1000}@media(min-width:1024px){.slide-menu{right:-428px;width:428px}}.slide-menu.active{right:0}.slide-menu__container{display:flex;flex-direction:column;height:100%;justify-content:space-between}.slide-menu__heading{border-bottom:1px solid #ebebeb;padding:1rem 1.9rem}@media(min-width:1024px){.slide-menu__heading{padding:1.9rem 3.6rem 1.3rem}}.slide-menu__content{align-items:center;display:flex;justify-content:space-between}.close-btn{background:none;border:none}.close-btn.active{animation:rotate .6s ease}.overlay{background:rgba(0,0,0,.4);height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s;visibility:hidden;width:100%;z-index:999}.overlay.active{opacity:1;visibility:visible}.loading-icon{animation:spin 1s linear infinite;border:5px solid #c6c6c6;border-radius:50%;border-top-color:#ff5c00;display:none;height:40px;left:50%;position:fixed;top:30%;transform:translate(-50%,-50%);width:40px;z-index:1300}.loading-icon.active{display:block}.slide-menu{display:flex;flex-direction:column;justify-content:space-between;overflow-x:hidden}.slide-menu__products-text-container{border-bottom:1px solid #ebebeb;display:flex;gap:1.6rem;padding-bottom:2rem;position:relative}.slide-menu__products-img{object-fit:contain;width:105px}@media(min-width:1024px){.slide-menu__products-img{width:126px}}.slide-menu__products{padding:2rem 1.9rem}.slide-menu__bottom{align-items:center;border-top:1px solid #ebebeb;display:flex;flex-direction:column;gap:1.1rem;padding:1.8rem 1.7rem 2rem;text-align:center}@media(min-width:1024px){.slide-menu__bottom{gap:1.6rem;padding:1.3rem 3.5rem 2.5rem}}.slide-menu__subtotal-text{font-size:16px}@media(min-width:1024px){.slide-menu__subtotal-text{font-size:19px;line-height:1.5rem}}*{box-sizing:border-box;margin:0;padding:0}