.header{padding:20px 0;justify-content:space-between;color:#eee;border-bottom:1px solid #eee}.header,.header__user{display:flex;align-items:center}.header__logo a{font-size:30px;text-decoration:none;color:#eee}.header__user-email{margin-right:20px}@media(max-width:576px){.header__user{display:none}.header.active{position:fixed;top:0;left:0;right:0;bottom:0;z-index:5;background-color:#121212;flex-direction:column;align-items:center;justify-content:center}.header.active .header__logo{position:absolute;top:27px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.header.active .header__user{display:flex;flex-direction:column;align-items:center}.header.active .header__user a{margin:0 0 20px}.header.active .header__user-email{margin-right:0;margin-bottom:20px}}.btn{display:inline-block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border:0;background:none;cursor:pointer;font-family:"Roboto",sans-serif;font-size:18px;color:#eee}.btn--outline{padding:8px 12px;border:1px solid #ddd;border-radius:10px;transition:background .2s linear,color .2s linear}.btn--outline:hover{background:#eee;color:#121212}.btn--big{padding:16px 24px;font-size:20px}.btn--fill{padding:8px 12px;border:1px solid transparent;border-radius:10px;color:#121212;background-color:#eee;transition:box-shadow .2s linear}.btn--fill .cart-btn{display:flex;align-items:center}.btn--fill .cart-btn__counter{margin-left:10px}.btn--fill .cart-btn__path{stroke:#121212}.btn--fill:hover{box-shadow:0 0 10px 10px hsla(0,0%,93.3%,.5)}.btn--form{width:100%;padding:12px;font-size:18px;border-radius:0}.btn--delete{margin-left:10px}.btn--delete:hover .delete-path{stroke:tomato}.btn--delete .delete-path{stroke:#eee;transition:stroke .2s linear}.btn--burger{padding:0;display:none;width:30px;height:25px;position:absolute;top:27px;right:20px;z-index:10;cursor:pointer}.btn--burger:hover .burger__item{-webkit-transform:scale(1.3);transform:scale(1.3)}.btn--burger.active .burger__item:nth-child(2){display:none}.btn--burger.active .burger__item:first-child{-webkit-transform:rotate(45deg) translateY(7px);transform:rotate(45deg) translateY(7px)}.btn--burger.active .burger__item:nth-child(3){-webkit-transform:rotate(-45deg) translateY(-7px);transform:rotate(-45deg) translateY(-7px)}.btn--burger .burger__item{display:block;width:100%;background-color:#eee;height:3px;margin-bottom:8px;border-radius:20px;transition:-webkit-transform .2s linear;transition:transform .2s linear;transition:transform .2s linear,-webkit-transform .2s linear}.btn--burger .burger__item:last-child{margin-bottom:0}@media(max-width:576px){.btn--burger{display:block}}.product-item{display:flex;flex-direction:column;justify-content:space-between;padding:20px;transition:box-shadow .2s linear}.product-item:hover{box-shadow:0 0 10px 5px rgba(0,0,0,.5)}.product-item a{flex:1 0 auto;color:#eee;text-decoration:none}.product-item__image{display:block;max-width:100%;max-height:200px;margin:0 auto}.product-item__title{flex:1 0 auto}.product-item__footer{justify-content:space-between}.form,.product-item__footer{display:flex;align-items:center}.form{flex-direction:column;width:50%}.form__footer{text-align:center;width:100%;font-size:15px}.form__footer a{color:#eee;text-decoration:none}.form__footer a:hover{text-decoration:underline}.form__divider{font-size:18px;margin-bottom:20px}.input{display:block;border:0;outline:0;padding:8px 12px;background-color:#121212;color:#eee;border-bottom:2px solid #eee;font-family:"Montserrat",sans-serif;font-size:18px;transition:border .2s linear}.input,.input__label{width:100%}.input__label+.checkbox__label,.input__label+.input__label{margin-top:40px}.input.error{border-bottom-color:tomato}.error-message{width:100%;font-size:12px;color:tomato}.checkbox{margin-right:10px;background-color:#888}.checkbox__label{width:100%;font-size:18px;color:#888}.checkbox__label+.button{margin-top:40px}.checkbox__label a{display:inline;color:#888;transition:color .2s linear}.checkbox__label a:hover{color:#eee}.checkbox.error{outline:2px solid tomato}.button{display:block;width:100%;border:1px solid #eee;outline:0;background-color:#eee;color:#000;padding:12px;font-family:"Montserrat",sans-serif;font-size:18px;cursor:pointer;transition:background .2s linear,color .2s linear}.button:hover{background-color:#c8c8c8;color:#000}.button--outline{background-color:#121212;color:#eee}.button--outline:hover{background-color:#fff;color:#000}@media(max-width:576px){.form{width:100%}}.product-main{display:flex}.product-main__image{flex:1 0 auto;flex-basis:40%;margin:0;padding:0;width:300px}.product-main__text-block{flex-basis:60%;padding:30px;line-height:1.5}.product-main__title{margin:0;padding:0}.product-main__footer{display:flex;justify-content:space-between}@media(max-width:768px){.product-main{flex-wrap:wrap}.product-main__image,.product-main__text-block{flex-basis:100%}}@media(max-width:576px){.product-main__footer{flex-direction:column}}.cart-item{justify-content:space-between}.cart-item,.cart-item__content{display:flex;align-items:center}.cart-item__image{width:50px}.cart-item__right-side{display:flex;align-items:center}.cart-item__price{white-space:nowrap}body,html{margin:0;font-family:"Montserrat",sans-serif;font-size:20px;background-color:#121212;color:#eee}*,:after,:before{box-sizing:border-box}.container{width:100%;max-width:1170px;margin:0 auto;padding:0 15px;min-height:100vh}.content{padding:40px 0}.section{display:flex;flex-direction:column;align-items:center}.section__title{text-align:center;font-size:25px;margin-bottom:40px}.section__list{list-style:none;margin-bottom:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:30px;row-gap:30px;grid-column-gap:40px;-webkit-column-gap:40px;column-gap:40px}.section__footer{margin-top:40px;width:50%;display:flex;justify-content:space-between}.section--cart .section__list{width:50%;grid-template-columns:1fr}.not-found{display:flex;align-items:center;flex-direction:column}.not-found__title{font-size:200px;color:#eee}.not-found__subtitle{font-size:20px}a{display:block}a+a{margin-left:20px}@media(max-width:992px){.section__list{grid-template-columns:repeat(2,1fr)}.section__footer{width:100%;flex-wrap:wrap}.section--cart .section__list{width:100%}}@media(max-width:576px){.section__list{grid-template-columns:1fr}}
/*# sourceMappingURL=main.86941323.chunk.css.map */