diff --git a/asset-manifest.json b/asset-manifest.json index 569e0a9847..619dcbc4b3 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,16 +1,16 @@ { "files": { - "main.css": "./static/css/main.693d38bc.css", - "main.js": "./static/js/main.da3ea754.js", + "main.css": "./static/css/main.39d3971e.css", + "main.js": "./static/js/main.cf2a1f1e.js", "static/media/Mont-Regular.otf": "./static/media/Mont-Regular.1d26d89f7339866d3133.otf", "static/media/Mont-SemiBold.otf": "./static/media/Mont-SemiBold.8979d71a3146ca1d761f.otf", "static/media/Mont-Bold.otf": "./static/media/Mont-Bold.03c8c2f6127c1da0fc39.otf", "index.html": "./index.html", - "main.693d38bc.css.map": "./static/css/main.693d38bc.css.map", - "main.da3ea754.js.map": "./static/js/main.da3ea754.js.map" + "main.39d3971e.css.map": "./static/css/main.39d3971e.css.map", + "main.cf2a1f1e.js.map": "./static/js/main.cf2a1f1e.js.map" }, "entrypoints": [ - "static/css/main.693d38bc.css", - "static/js/main.da3ea754.js" + "static/css/main.39d3971e.css", + "static/js/main.cf2a1f1e.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index d2ce5b93e8..cb19ba1181 100644 --- a/index.html +++ b/index.html @@ -1 +1 @@ -Apple Products Catalog - React Web Development Learning
\ No newline at end of file +Apple Products Catalog - React Web Development Learning
\ No newline at end of file diff --git a/static/css/main.39d3971e.css b/static/css/main.39d3971e.css new file mode 100644 index 0000000000..55f71c0925 --- /dev/null +++ b/static/css/main.39d3971e.css @@ -0,0 +1,2 @@ +:root{--c-bg:#fff;--c-elements:#e2e6e9;--c-primary:#313237;--c-tips:#b4bdc3;--c-secondary:#89939a;--c-success:#27ae60;--c-attention:#eb5757;--c-details:#000,}@font-face{font-family:Mont;font-style:normal;font-weight:700;src:url(../../static/media/Mont-Bold.03c8c2f6127c1da0fc39.otf) format("opentype")}@font-face{font-family:Mont;font-style:normal;font-weight:600;src:url(../../static/media/Mont-SemiBold.8979d71a3146ca1d761f.otf) format("opentype")}@font-face{font-family:Mont;font-style:normal;font-weight:500;src:url(../../static/media/Mont-Regular.1d26d89f7339866d3133.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}input{outline:none}button,input{border:none;font-family:inherit}button{background-color:initial}a{color:inherit;text-decoration:none}html{font-family:Mont;font-size:14px;font-weight:500}.App{display:flex;flex-direction:column;min-height:100dvh}:root{--max-content-width:1136px}.main{align-self:center;display:flex;flex-direction:column;flex-grow:1;max-width:1136px;max-width:var(--max-content-width);width:80%}:root{--header-height:64px}.header{background-color:var(--c-bg);border-bottom:1px solid var(--c-elements);display:flex;height:64px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:4}.header__right{display:flex;flex-grow:1;justify-content:flex-end}.navbar{align-items:stretch;display:flex;gap:32px;justify-content:space-between;padding-inline:8px}.navbar__item{align-items:center;color:var(--c-secondary);display:flex;font-size:12px;font-weight:700;letter-spacing:.48px;line-height:11px;padding:16px;position:relative;text-transform:uppercase;transition:.3s}.navbar__item:hover{color:var(--c-primary)}.navbar__item:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;transition:.3s;width:0}.navbar__item--active{color:var(--c-primary)}.navbar__item--active:after{width:calc(100% - 32px)}@keyframes show-amount{0%{transform:scale(0)}to{transform:scale(1)}}.square-link{align-items:center;aspect-ratio:1;border:solid var(--c-elements);border-width:0 0 0 1px;display:flex;justify-content:center;position:relative;transition:.3s}.square-link:hover:before{border:1px solid var(--c-primary);content:"";height:calc(100% - 2px);position:absolute;width:calc(100% - 2px)}.square-link--selected{position:relative}.square-link--selected:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;width:100%}.square-link__img-container{height:16px;position:relative;width:16px}.square-link__amount{align-items:center;animation:show-amount .1s ease-in-out forwards;background-color:var(--c-attention);border:1px solid var(--c-bg);border-radius:50%;box-sizing:initial;color:var(--c-bg);display:flex;font-size:9px;font-weight:600;height:14px;justify-content:center;position:absolute;right:-50%;top:-50%;width:14px}.square-link__img{height:100%;object-fit:cover;width:100%}.search-field{border:solid var(--c-elements);border-width:0 0 0 1px;display:flex;flex-grow:1;flex-shrink:1;max-width:328px;transition:.3s}.search-field__input{flex-grow:1;flex-shrink:1;font-size:14px;font-weight:600;min-width:30px;padding-left:24px}.search-field__input::placeholder{color:var(--c-tips)}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__button{align-items:center;aspect-ratio:1;background:none;border:none;cursor:pointer;height:100%}.footer,.search-field__button{display:flex;justify-content:center}.footer{border-top:1px solid var(--c-tips);box-shadow:0 -1px 0 0 var(--c-elements);height:96px}.footer__content{align-items:center;display:flex;flex-grow:1;justify-content:space-between;max-width:var(--max-content-width)}.footer__links{display:flex;gap:64px}.footer__link{font-weight:700;letter-spacing:.04em;line-height:92%;text-transform:uppercase}.footer__back-to-top,.footer__link{color:var(--c-secondary);font-size:12px}.footer__back-to-top{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:16px}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top:hover>button{border:1px solid var(--c-primary)}.arrow-button{align-items:center;background-color:initial;border:1px solid var(--c-tips);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.arrow-button:hover{border:1px solid var(--c-primary)}.arrow-button:disabled{border:1px solid var(--c-elements)}.products-carousel{display:flex;flex-direction:column;gap:24px}.products-carousel__name{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.products-carousel__top{align-items:center;display:flex;justify-content:space-between}.products-carousel__controls{display:flex;gap:16px}.products-carousel__bottom{display:flex;gap:16px;overflow:hidden}.products-carousel__content{display:flex;transition:transform .3s ease-out}:root{--product-card-width:272px}.product-card{background:var(--c-bg);border:1px solid var(--c-elements);box-shadow:0 2px 15px 0 #0000000d;display:flex;flex-direction:column;max-width:272px;max-width:var(--product-card-width);padding:24px;transition:.3s}.product-card:hover{transform:scale(1.02)}.product-card__top{align-items:center;display:flex;flex-direction:column;justify-content:center}.product-card__main-info{align-self:stretch}.product-card__name{color:var(--c-primary);font-size:16px;font-weight:500;height:3em;line-height:150%;overflow:hidden}.product-card__price{display:flex;font-size:22px;gap:4px;margin-block:6px}.product-card__price>span{padding-inline:2px}.product-card__current-price{color:var(--c-primary);font-weight:700;line-height:140%;text-decoration:none}.product-card__old-price{color:var(--c-secondary);font-weight:500}.product-card>hr{background-color:var(--c-elements);border:none;height:1px}.product-card__img{aspect-ratio:1;background-size:cover;height:208px;margin:8px 8px 24px;object-fit:contain}.product-card__features{margin-block:16px}.product-card__features,.product-card__features tbody{display:flex;flex-direction:column}.product-card__features tr{display:flex;justify-content:space-between}.product-card__features td{color:var(--c-secondary);font-size:12px;font-weight:600}.product-card__features td:nth-child(2n){color:var(--c-primary)}.product-card__buttons{display:flex;gap:8px}.gray-select-button{align-items:center;background-color:var(--c-primary);color:var(--c-bg);display:flex;flex-grow:1;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:150%;transition:.3s}.gray-select-button:hover{box-shadow:0 3px 13px 0 #17203142;cursor:pointer}.gray-select-button--selected{background-color:var(--c-bg);border:1px solid var(--c-elements);color:var(--c-success)}.square-select-button{align-items:center;aspect-ratio:1;background-color:var(--c-bg);border:1px solid var(--c-tips);cursor:pointer;display:flex;height:40px;justify-content:center;transition:.3s}.square-select-button:hover{border:1px solid var(--c-primary)}.square-select-button>img{aspect-ratio:1;height:16px;object-fit:cover}.square-select-button--selected{border:1px solid var(--c-elements)}.placeholder{background-color:#d3d3d3;border-radius:5px;height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.placeholder__activity{animation:loading 1s infinite;background-image:linear-gradient(270deg,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);height:100%;left:-45%;position:absolute;width:45%;z-index:3}@keyframes loading{0%{left:-45%}to{left:100%}}@keyframes show-prev-arrow{0%{opacity:0;transform:translateX(-32px)}to{opacity:.5;transform:translateX(0)}}@keyframes show-next-arrow{0%{opacity:0;transform:translateX(32px)}to{opacity:.5;transform:translateX(0)}}.banners-slider{display:flex;flex-direction:column;gap:8px}.banners-slider__arrow-button{background-color:var(--c-bg);border:1px solid var(--c-primary);border-radius:5px;display:none;height:60px;opacity:.5;position:absolute;top:calc(50% - 30px)}.banners-slider__arrow-button--prev{animation:show-prev-arrow 1s forwards;left:16px}.banners-slider__arrow-button--next{animation:show-next-arrow 1s forwards;right:16px}.banners-slider__top{position:relative}.banners-slider__top:hover .banners-slider__arrow-button{display:flex}.banners-slider__content{height:400px}.banners-slider__img{background-color:var(--c-elements);background-position:50%;background-size:cover;display:block;height:100%;opacity:1;transition:background-image .3s ease-in-out;width:100%}.banners-slider__pagination{align-self:center;display:flex;gap:4px}.banners-slider__pagination-item{cursor:pointer;display:grid;height:24px;place-content:center;width:24px}.banners-slider__pagination-item-inner{background-color:var(--c-elements);height:4px;transition:background-color .3s;width:14px}.banners-slider__pagination-item-inner--active{background-color:var(--c-primary)}.home-page{gap:80px;padding-block:40px 80px}.categories-gallery,.home-page{display:flex;flex-direction:column}.categories-gallery{gap:24px}.categories-gallery__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.categories-gallery__error{align-items:center;background-color:var(--c-elements);display:flex;height:445px;justify-content:center}.categories-gallery__error>p{color:var(--c-attention);font-size:32px}.categories-gallery__content{display:flex;flex-wrap:wrap;gap:16px}.category-item{--item-width:368px}.category-item__placeholder{height:443px;width:var(--item-width)}.category-item__link{display:flex;flex-direction:column;gap:24px;transition:.3s}.category-item__link:hover{transform:scale(1.05)}.category-item__img{aspect-ratio:1;display:block;object-fit:cover;width:var(--item-width)}.category-item__info{display:flex;flex-direction:column;gap:4px}.category-item__name{color:var(--c-primary);font-size:20px;font-weight:600}.category-item__amount{color:var(--c-secondary);font-size:14px;line-height:150%}.error-message{align-items:center;display:flex;flex-direction:column;width:100%}.error-message__text{color:var(--c-attention);font-size:2vw;margin-top:30px;max-width:60%;text-align:center}.error-message__links{display:flex;flex-direction:column;gap:20px;margin-top:40px;width:20%}.error-message__loader{height:20px}.error-message__link{align-items:center;background-color:var(--c-elements);border-radius:2px;color:var(--c-primary);display:flex;font-size:18px;gap:8px;height:36px;justify-content:center;padding:8px}.error-message__link:hover{background-color:var(--c-secondary);text-decoration:underline}.products-page{display:flex;flex-direction:column;padding-block:24px 40px;width:100%}.products-page__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px;margin-top:40px}.products-page__amount{color:var(--c-secondary);line-height:21px;margin-top:8px}.products-page__amount--without-filters-page{margin-bottom:40px}.products-page__controls{display:flex;gap:16px;margin-block:40px 24px}.products-page__paginator{align-self:center;margin-block:40px}.products-list{grid-gap:40px 16px;display:grid;gap:40px 16px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));justify-items:center}.products-list--no-products{align-items:center;color:var(--c-primary);display:flex;flex-direction:column;font-size:32px;height:460px;justify-content:center;text-align:center}.products-list--no-products a{text-decoration:underline}.dropdown{display:flex;flex-direction:column;position:relative;width:128px}.dropdown__name{color:var(--c-secondary);font-size:12px;font-weight:600;margin-bottom:4px}.dropdown__box{border:1px solid var(--c-tips)}.dropdown__box--open{border:1px solid var(--c-primary)}.dropdown__button{align-items:center;color:var(--c-primary);cursor:pointer;display:flex;font-weight:600;height:100%;justify-content:space-between;line-height:150%;padding:10px 12px;width:100%}.dropdown__open{background-color:initial;cursor:pointer;height:16px}.dropdown__arrow{transition:.3s}.dropdown__list{background-color:var(--c-bg);box-shadow:0 2px 15px 0 #0000000d;left:0;list-style-type:none;overflow:hidden;position:absolute;top:64px;transition:height .2s;width:100%;z-index:1}.dropdown__item{color:var(--c-secondary);cursor:pointer;line-height:150%;padding:6px 12px}.dropdown__item--selected,.dropdown__item:hover{color:var(--c-primary)}.paginator{display:flex;gap:16px}.paginator__list{display:flex;gap:8px;list-style-type:none}.paginator__item{align-items:center;border:1px solid var(--c-elements);color:var(--c-details);cursor:pointer;display:flex;height:32px;justify-content:center;line-height:150%;width:32px}.paginator__item:hover{border:1px solid var(--c-primary)}.paginator__item--active{background-color:var(--c-primary);border:none;color:var(--c-bg)}.bread-crumbs{display:flex;gap:8px;list-style-type:none}.bread-crumbs__arrow{transform:rotateY(180deg)}.bread-crumbs__link{display:flex}.bread-crumbs__item{color:var(--c-primary);display:flex;font-size:12px;font-weight:600;gap:8px}.back-button,.bread-crumbs__item--active,.bread-crumbs__item:hover{color:var(--c-secondary)}.back-button{align-items:center;cursor:pointer;display:flex;gap:4px;width:-webkit-min-content;width:min-content}.back-button:hover{color:var(--c-primary)}.back-button>span{font-size:10px;font-weight:600}@keyframes cart-page-mount{0%{transform:scale(0);transform-origin:right top}to{transform:scale(1);transform-origin:right top}}@keyframes cart-page-empty-icon{0%,66.67%{transform:scale(1)}83.33%{transform:scale(1.1)}to{transform:scale(1)}}.cart-page{padding-block:40px}.cart-page,.cart-page--empty{animation:cart-page-mount .5s forwards}.cart-page--empty{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.cart-page--empty>img{animation:cart-page-empty-icon 2s ease-in-out infinite;height:128px}.cart-page--empty__message{color:var(--c-primary);font-size:64px;font-weight:600;margin-block:40px 16px}.cart-page--empty__description{color:var(--c-secondary);font-size:16px;max-width:400px;text-align:center}.cart-page__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em;margin-block:16px 24px}.cart-page__content{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:47fr 23fr}.cart-list{display:flex;flex-direction:column;gap:16px}@keyframes cart-product-item-unmount{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.cart-product-item{align-items:center;border:1px solid var(--c-elements);display:flex;height:128px;justify-content:space-between;padding:24px;transition:all .3s}.cart-product-item--unmount{animation:cart-product-item-unmount .3s ease-in-out forwards;pointer-events:none}.cart-product-item__left{align-items:center;display:flex;gap:24px}.cart-product-item__close-button{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;padding:4px;width:24px}.cart-product-item__close-button:hover{filter:brightness(50%)}.cart-product-item__image-block{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.cart-product-item__image{display:block;height:100%}.cart-product-item__name{color:var(--c-primary);font-size:16px;font-weight:500;line-height:150%;max-width:240px}.cart-product-item__right{align-items:center;display:flex;gap:40px}.cart-product-item__price-block{align-items:flex-end;color:var(--c-primary);display:flex;flex-direction:column;gap:4px;position:relative;width:90px}.cart-product-item__price{bottom:-40%;font-size:10px;font-weight:700;line-height:150%;position:absolute;right:0;width:-webkit-max-content;width:max-content}.cart-product-item__price>span{color:var(--c-secondary);font-size:8px}.cart-product-item__summary-price{font-size:22px;font-weight:700;line-height:140%}.counter{display:flex}.counter__button{border:1px solid;border-color:var(--c-tips);cursor:pointer;height:32px;transition:transform .3s;width:32px}.counter__button:hover{border-color:var(--c-primary)}.counter__button:active>img{transform:scale(1.15)}.counter__button:disabled{border-color:var(--c-elements);opacity:.5}.counter__count{color:var(--c-primary);font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.cart-summary,.counter__count{align-items:center;display:flex}.cart-summary{border:1px solid var(--c-elements);flex-direction:column;height:-webkit-min-content;height:min-content;padding:24px;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 16px)}.cart-summary>hr{background-color:var(--c-elements);border:none;height:1px;margin-block:24px;width:100%}.cart-summary__total-price{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.cart-summary__total{color:var(--c-secondary);line-height:150%}.cart-summary__checkout{align-items:center;background-color:var(--c-primary);color:var(--c-bg);cursor:pointer;display:flex;font-family:inherit;font-weight:600;height:40px;justify-content:center;width:100%}.cart-summary__checkout:hover{box-shadow:0 3px 13px #171f3042}.product-details{max-width:1136px}.product-details__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px}.product-details__content{grid-gap:80px 16px;display:grid;gap:80px 16px;grid-template-columns:repeat(24,minmax(16px,32px));margin-top:60px}.product-details__about-block,.product-details__gallery{grid-column:span 12}.product-details__interaction{align-self:center;grid-column:14/-4}.product-details__specs-table{grid-column:14/-1}.image-gallery-with-choice{display:flex;gap:16px}.image-gallery-with-choice__images{display:flex;flex-direction:column;gap:16px}.image-gallery-with-choice__selected-image-container{display:flex;flex-grow:1;height:464px;justify-content:center;width:464px}.image-gallery-with-choice__image,.image-gallery-with-choice__selected-image{height:100%;object-fit:contain;width:100%}.image-gallery-with-choice__image-container{aspect-ratio:1;border:1px solid var(--c-tips);cursor:pointer;display:flex;height:80px;justify-content:center;padding:2px}.image-gallery-with-choice__image-container--selected,.image-gallery-with-choice__image-container:hover{border:1px solid var(--c-primary)}.image-gallery-with-choice__image{display:block;height:100%}.about-block{color:var(--c-primary);display:flex;flex-direction:column}.about-block__title{font-size:22px;font-weight:700;line-height:140%}.about-block>hr{background-color:var(--c-elements);border:none;height:1px;margin-block:16px}.about-block__content{display:flex;flex-direction:column;gap:32px;padding-block:16px}.about-block__item-title{font-size:20px;font-weight:600;margin-bottom:16px}.about-block__item-content{color:var(--c-secondary);display:flex;flex-direction:column;gap:16px}.about-block__item-paragraph{font-size:14px;font-weight:500;line-height:150%}.specs-table{display:flex;flex-direction:column;gap:24px}.specs-table caption{border-bottom:1px solid var(--c-elements);color:var(--c-primary);font-size:22px;font-weight:700;line-height:140%;padding-bottom:16px;text-align:left}.specs-table tbody{color:var(--c-secondary);display:flex;flex-direction:column;font-weight:500;gap:8px;line-height:150%}.specs-table tr{align-items:center;display:flex;justify-content:space-between}.specs-table td{max-width:50%}.specs-table td:nth-child(2n){color:var(--c-primary);text-align:right}.product-details-interaction__option-togglers{display:flex;flex-direction:column;gap:24px}.product-details-interaction__option-togglers>hr{background-color:var(--c-elements);border:none;height:1px}.product-details-interaction__price-container{align-items:center;display:flex;gap:8px;margin-bottom:16px}.product-details-interaction__new-price{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px;text-decoration:none}.product-details-interaction__old-price{color:var(--c-secondary);font-size:22px;font-weight:500}.product-details-interaction__min-specs-table{margin-top:32px}.product-details-interaction__buttons{display:flex;gap:8px}.product-details-interaction__buttons>*{height:48px}.options-toggler__title{color:var(--c-secondary);font-size:12px;font-weight:600}.options-toggler__options{display:flex;gap:8px;list-style-type:none;margin-top:8px}.color-item{align-items:center;border:1px solid var(--c-elements);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.color-item--selected,.color-item:hover{border:1px solid var(--c-primary)}.color-item__color{aspect-ratio:1;border-radius:50%;width:26px}.rectangle-text-item{align-items:center;aspect-ratio:2/1;border:1px solid var(--c-tips);color:var(--c-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;width:64px}.rectangle-text-item--selected{background-color:var(--c-primary);border:1px solid var(--c-primary);color:var(--c-bg)}.product-page{padding-block:24px 80px}.product-page__content{display:flex;flex-direction:column;gap:80px}.product-page__back-button{margin-block:40px 16px}@keyframes checkout-page-mount{0%{transform:scale(0)}to{transform:scale(1)}}.checkout-page{align-items:center;animation:checkout-page-mount 1.5s;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.checkout-page__main-description{color:var(--c-primary);font-size:24px;max-width:500px;text-align:center}.checkout-page__main-description>a{color:var(--c-success)}.checkout-page__main-description>a:hover{filter:brightness(1.2)}.checkout-page__description{color:var(--c-secondary);margin-block:20px;max-width:600px;text-align:center}.checkout-page__link{align-items:center;border:1px solid var(--c-primary);border-radius:4px;color:var(--c-primary);display:flex;font-weight:600;justify-content:center;margin-top:10px;padding:4px;width:200px}.checkout-page__link:hover{border-color:var(--c-success);color:var(--c-success)} +/*# sourceMappingURL=main.39d3971e.css.map*/ \ No newline at end of file diff --git a/static/css/main.693d38bc.css.map b/static/css/main.39d3971e.css.map similarity index 58% rename from static/css/main.693d38bc.css.map rename to static/css/main.39d3971e.css.map index 6b8e7ab94a..1563c87d6b 100644 --- a/static/css/main.693d38bc.css.map +++ b/static/css/main.39d3971e.css.map @@ -1 +1 @@ -{"version":3,"file":"static/css/main.693d38bc.css","mappings":"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","sources":["styles/varsCss.scss","styles/fonts.scss","styles/App.scss","components/common/Header/Header.scss","components/common/Navbar/Navbar.scss","styles/vars.scss","components/UI/SquareLink/SquareLink.scss","components/UI/SearchField/SearchField.scss","components/common/Footer/Footer.scss","components/UI/buttons/ArrowButton/ArrowButton.scss","components/common/ProductsCarousel/ProductsCarousel/ProductsCarousel.scss","components/common/ProductCard/ProductCard.scss","components/UI/buttons/GraySelectButton/GraySelectButton.scss","components/UI/buttons/SquareSelectButton/SquareSelectButton.scss","components/UI/Placeholder/Placeholder.scss","components/common/BannersSlider/BannersSlider.scss","pages/HomePage/HomePage.scss","components/common/CategoriesGallery/CategoriesGallery.scss","components/common/ErrorMessage/ErrorMessage.scss","pages/ProductsPage/ProductsPage.scss","components/common/ProductsList/ProductsList.scss","components/UI/Dropdown/Dropdown.scss","components/UI/Paginator/Paginator.scss","components/UI/BreadCrumbs/BreadCrumbs.scss","components/UI/buttons/BackButton/BackButton.scss","pages/CartPage/CartPage.scss","components/common/CartList/CartList.scss","components/common/CartProductItem/CartProductItem.scss","components/UI/Counter/Counter.scss","components/common/CartSummary/CartSummary.scss","components/common/ProductDetailsComponent/ProductDetailsComponent.scss","components/UI/ImageGalleryWithChoice/ImageGalleryWithChoice.scss","components/common/AboutBlock/AboutBlock.scss","components/UI/SpecsTable/SpecsTable.scss","components/common/ProductDetailsInteraction/ProductDetailsInteraction.scss","components/UI/OptionsToggler/OptionsToggler.scss","components/UI/OptionTogglerItems/ColorItem/ColorItem.scss","components/UI/OptionTogglerItems/RectangleTextItem/RectangleTextItem.scss","pages/ProductPage/ProductPage.scss","pages/CheckoutPage/CheckoutPage.scss"],"sourcesContent":[":root {\n // colors\n --c-bg: #fff;\n --c-elements: #E2E6E9;\n --c-primary: #313237;\n --c-tips: #B4BDC3;\n --c-secondary: #89939A;\n --c-success: #27AE60; \n --c-attention: #EB5757;\n --c-details: #000,\n}\n","@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-Bold.otf') format('opentype');\n font-weight: 700;\n font-style: normal;\n}\n\n@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-SemiBold.otf') format('opentype');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-Regular.otf') format('opentype');\n font-weight: 500;\n font-style: normal;\n}\n","* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\ninput {\r\n border: none;\r\n outline: none;\r\n font-family: inherit;\r\n}\r\n\r\nbutton {\r\n border: none;\r\n background-color: transparent;\r\n font-family: inherit;\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\nhtml {\r\n font-family: $f-main;\r\n font-size: 14px;\r\n font-weight: 500;\r\n}\r\n\r\n.App {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n:root {\r\n --max-content-width: 1136px;\r\n}\r\n\r\n.main {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-self: center;\r\n width: 80%;\r\n max-width: var(--max-content-width);\r\n}",":root {\n --header-height: 64px;\n}\n\n.header {\n position: sticky;\n top: 0;\n z-index: 4;\n display: flex;\n width: 100%;\n height: var(--header-height);\n\n background-color: var(--c-bg);\n border-bottom: 1px solid var(--c-elements);\n\n &__right {\n flex-grow: 1;\n display: flex;\n justify-content: flex-end;\n }\n}","@import '../../../styles/vars';\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n gap: 32px;\n\n padding-inline: 8px;\n\n &__item {\n position: relative;\n display: flex;\n align-items: center;\n\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 700;\n line-height: 11px; \n letter-spacing: 0.48px;\n text-transform: uppercase;\n\n padding: 16px;\n transition: $transition-time;\n\n &:hover {\n color: var(--c-primary);\n }\n\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 3px;\n transition: $transition-time;\n background-color: var(--c-primary);\n\n bottom: 0;\n }\n \n &--active {\n color: var(--c-primary);\n \n &::after {\n width: calc(100% - 16px * 2);\n }\n }\n }\n}","// fonts\n$f-main: 'Mont';\n$transition-time: 300ms;\n$laptop-width: 1080px;\n","@import '../../../styles/vars';\n\n@keyframes show-amount {\n from {\n transform: scale(0);\n }\n\n to {\n transform: scale(1);\n }\n}\n\n.square-link {\n position: relative;\n aspect-ratio: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n\n border: solid var(--c-elements);\n border-width: 0 0 0 1px;\n \n transition: $transition-time;\n \n &:hover::before {\n content: '';\n position: absolute;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px solid var(--c-primary);\n }\n\n &--selected {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 3px;\n background-color: var(--c-primary);\n }\n }\n\n &__img-container {\n position: relative;\n width: 16px;\n height: 16px;\n }\n\n &__amount {\n box-sizing: content-box;\n position: absolute;\n top: -50%;\n right: -50%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background-color: var(--c-attention);\n border: 1px solid var(--c-bg);\n\n color: var(--c-bg);\n font-weight: 600;\n font-size: 9px;\n\n animation: show-amount 100ms ease-in-out forwards;\n }\n\n &__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}","@import '../../../styles/vars';\n\n.search-field {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 328px;\n display: flex;\n\n border: solid var(--c-elements);\n border-width: 0 0 0 1px;\n\n transition: $transition-time;\n\n &__input {\n flex-grow: 1;\n flex-shrink: 1;\n font-size: 14px;\n font-weight: 600;\n padding-left: 24px;\n min-width: 30px;\n\n &::placeholder {\n color: var(--c-tips);\n }\n\n &::-webkit-search-cancel-button {\n display: none;\n }\n }\n\n &__button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: none;\n border: none;\n cursor: pointer;\n\n height: 100%;\n aspect-ratio: 1;\n }\n}",".footer {\n display: flex;\n justify-content: center;\n\n height: 96px;\n border-top: 1px solid var(--c-tips);\n box-shadow: 0 -1px 0 0 var(--c-elements);\n\n &__content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: var(--max-content-width);\n }\n\n &__links {\n display: flex;\n gap: 64px;\n }\n\n &__link {\n text-transform: uppercase;\n font-weight: 700;\n font-size: 12px;\n line-height: 92%;\n letter-spacing: 0.04em;\n color: var(--c-secondary);\n }\n\n &__back-to-top {\n display: flex;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n\n font-weight: 600;\n font-size: 12px;\n color: var(--c-secondary);\n\n &:hover {\n text-decoration: underline;\n\n & > button {\n border: 1px solid var(--c-primary);\n }\n }\n }\n}",".arrow-button {\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--c-tips);\n background-color: transparent;\n height: 32px;\n width: 32px;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &:disabled {\n border: 1px solid var(--c-elements);\n }\n}","@import '../../../../styles/vars';\n\n.products-carousel {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &__name {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n &__controls {\n display: flex;\n gap: 16px;\n }\n\n &__bottom {\n display: flex;\n gap: 16px;\n overflow: hidden;\n }\n\n &__content {\n display: flex;\n transition: transform $transition-time ease-out;\n }\n}","@import '../../../styles/vars';\n\n:root {\n --product-card-width: 272px;\n}\n\n.product-card {\n display: flex;\n flex-direction: column;\n max-width: var(--product-card-width);\n padding: 24px;\n border: 1px solid var(--c-elements);\n background: var(--c-bg);\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n transition: $transition-time;\n\n &:hover {\n transform: scale(1.02);\n }\n\n &__top {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &__main-info {\n align-self: stretch;\n }\n\n &__name {\n color: var(--c-primary);\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n height: calc(2em * 1.5);\n overflow: hidden;\n }\n\n &__price {\n display: flex;\n gap: 4px;\n margin-block: 6px;\n font-size: 22px;\n\n & > span {\n padding-inline: 2px;\n }\n }\n\n &__current-price {\n color: var(--c-primary);\n font-weight: 700;\n line-height: 140%;\n text-decoration: none;\n }\n\n &__old-price {\n color: var(--c-secondary);\n font-weight: 500;\n }\n\n & > hr {\n background-color: var(--c-elements);\n border: none;\n height: 1px;\n }\n\n &__img {\n margin: 8px;\n margin-bottom: 24px;\n height: 208px;\n aspect-ratio: 1;\n object-fit: contain;\n background-size: cover;\n }\n\n &__features {\n display: flex;\n flex-direction: column;\n\n margin-block: 16px;\n\n & tbody {\n display: flex;\n flex-direction: column;\n }\n\n & tr {\n display: flex;\n justify-content: space-between;\n }\n\n & td {\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n & td:nth-child(2n) {\n color: var(--c-primary);\n }\n }\n\n &__buttons {\n display: flex;\n gap: 8px;\n }\n}","@import '../../../../styles/vars';\n\n.gray-select-button {\n height: 40px;\n flex-grow: 1;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: var(--c-primary);\n\n color: var(--c-bg);\n font-size: 14px;\n font-weight: 600;\n line-height: 150%;\n\n transition: $transition-time;\n\n &:hover {\n cursor: pointer;\n box-shadow: 0 3px 13px 0 rgba(23, 32, 49, 0.26);\n }\n\n &--selected {\n color: var(--c-success);\n background-color: var(--c-bg);\n border: 1px solid var(--c-elements);\n }\n}","@import './../../../../styles/vars';\n\n.square-select-button {\n height: 40px;\n aspect-ratio: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1px solid var(--c-tips);\n background-color: var(--c-bg);\n cursor: pointer;\n\n transition: $transition-time;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n & > img {\n aspect-ratio: 1;\n height: 16px;\n\n object-fit: cover;\n }\n\n &--selected {\n border: 1px solid var(--c-elements);\n }\n}",".placeholder {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: rgb(211, 211, 211);\n z-index: 2;\n overflow: hidden;\n border-radius: 5px;\n\n &__activity {\n position: absolute;\n left: -45%;\n height: 100%;\n width: 45%;\n background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));\n animation: loading 1s infinite;\n z-index: 3;\n }\n}\n\n@keyframes loading {\n 0% {\n left: -45%;\n }\n\n 100% {\n left: 100%;\n }\n}","@import '../../../styles/vars';\n\n@keyframes show-prev-arrow {\n from {\n transform: translateX(-32px);\n opacity: 0;\n }\n\n to {\n transform: translateX(0);\n opacity: 0.5;\n }\n}\n\n@keyframes show-next-arrow {\n from {\n transform: translateX(32px);\n opacity: 0;\n }\n\n to {\n transform: translateX(0);\n opacity: 0.5;\n }\n}\n\n.banners-slider {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &__arrow-button {\n position: absolute;\n display: none;\n top: calc(50% - 30px);\n height: 60px;\n opacity: 0.5;\n border: 1px solid var(--c-primary);\n background-color: var(--c-bg);\n border-radius: 5px;\n \n &--prev {\n left: 16px;\n animation: show-prev-arrow 1s forwards;\n }\n\n &--next {\n right: 16px;\n animation: show-next-arrow 1s forwards;\n }\n }\n\n &__top {\n position: relative;\n\n &:hover .banners-slider__arrow-button {\n display: flex;\n }\n }\n\n &__content {\n height: 400px;\n }\n\n &__img {\n opacity: 1;\n display: block;\n background-position: center;\n background-size: cover;\n background-color: var(--c-tips);\n transition: background-image $transition-time ease-in-out;\n width: 100%;\n height: 100%;\n }\n\n &__pagination {\n align-self: center;\n display: flex;\n gap: 4px;\n }\n\n &__pagination-item {\n display: grid;\n place-content: center;\n width: 24px;\n height: 24px;\n cursor: pointer;\n\n &-inner {\n width: 14px;\n height: 4px;\n background-color: var(--c-elements);\n transition: background-color $transition-time;\n\n &--active {\n background-color: var(--c-primary);\n }\n }\n }\n}",".home-page {\n display: flex;\n flex-direction: column;\n gap: 80px;\n padding-block: 40px 80px;\n}","@import '../../../styles/vars';\n\n.categories-gallery {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &__title {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__error {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 445px;\n background-color: var(--c-elements);\n\n & > p {\n font-size: 32px;\n color: var(--c-attention);\n }\n }\n\n &__content {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n }\n}\n\n.category-item {\n --item-width: 368px;\n\n &__placeholder {\n height: 443px;\n width: var(--item-width);\n }\n\n &__link {\n display: flex;\n flex-direction: column;\n gap: 24px;\n transition: $transition-time;\n\n &:hover {\n transform: scale(1.05);\n }\n }\n\n &__img {\n display: block;\n object-fit: cover;\n aspect-ratio: 1;\n width: var(--item-width);\n }\n\n &__info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n &__name {\n font-weight: 600;\n font-size: 20px;\n color: var(--c-primary);\n }\n\n &__amount {\n font-size: 14px;\n line-height: 150%;\n color: var(--c-secondary);\n }\n}",".error-message {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n\n &__text {\n margin-top: 30px;\n text-align: center;\n max-width: 60%;\n font-size: 2vw;\n color: var(--c-attention);\n }\n\n &__links {\n width: 20%;\n display: flex;\n flex-direction: column;\n\n margin-top: 40px;\n\n gap: 20px;\n }\n\n &__loader {\n height: 20px;\n }\n\n &__link {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 36px;\n font-size: 18px;\n background-color: var(--c-elements);\n color: var(--c-primary);\n padding: 8px;\n border-radius: 2px;\n gap: 8px;\n \n &:hover {\n background-color: var(--c-secondary);\n text-decoration: underline;\n }\n }\n}",".products-page {\n display: flex;\n width: 100%;\n padding-block: 24px 40px;\n flex-direction: column;\n\n &__title {\n color: var(--c-primary);\n\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n margin-top: 40px;\n }\n\n &__amount {\n margin-top: 8px;\n color: var(--c-secondary);\n line-height: 21px;\n\n &--without-filters-page {\n margin-bottom: 40px;\n }\n }\n\n &__controls {\n margin-block: 40px 24px;\n display: flex;\n gap: 16px;\n }\n\n &__paginator {\n margin-block: 40px;\n align-self: center;\n }\n}",".products-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));\n justify-items: center;\n gap: 40px 16px;\n\n &--no-products {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 460px;\n\n font-size: 32px;\n color: var(--c-primary);\n text-align: center;\n\n & a {\n text-decoration: underline;\n }\n }\n}","@import '../../../styles/vars';\n\n.dropdown {\n position: relative;\n width: 128px;\n display: flex;\n flex-direction: column;\n\n &__name {\n margin-bottom: 4px;\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n &__box {\n border: 1px solid var(--c-tips);\n\n &--open {\n border: 1px solid var(--c-primary);\n }\n }\n\n &__button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n width: 100%;\n height: 100%;\n padding: 10px 12px;\n\n color: var(--c-primary);\n font-weight: 600;\n line-height: 150%;\n cursor: pointer;\n }\n\n &__open {\n background-color: transparent;\n height: 16px;\n cursor: pointer;\n }\n\n &__arrow {\n transition: $transition-time;\n }\n\n &__list {\n position: absolute;\n left: 0;\n top: 64px;\n z-index: 1;\n \n width: 100%;\n overflow: hidden;\n background-color: var(--c-bg);\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n list-style-type: none;\n\n transition: height 200ms;\n }\n\n &__item {\n padding: 6px 12px;\n color: var(--c-secondary);\n line-height: 150%;\n cursor: pointer;\n\n &:hover,\n &--selected {\n color: var(--c-primary);\n }\n }\n}",".paginator {\n display: flex;\n gap: 16px;\n\n &__list {\n display: flex;\n gap: 8px;\n list-style-type: none;\n }\n\n &__item {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n color: var(--c-details);\n line-height: 150%;\n border: 1px solid var(--c-elements);\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &--active {\n background-color: var(--c-primary);\n color: var(--c-bg);\n border: none;\n }\n }\n}",".bread-crumbs {\n display: flex;\n gap: 8px;\n\n list-style-type: none;\n\n &__arrow {\n transform: rotateY(180deg);\n }\n\n &__link {\n display: flex;\n }\n\n &__item {\n display: flex;\n gap: 8px;\n\n color: var(--c-primary);\n font-size: 12px;\n font-weight: 600;\n\n &--active,\n &:hover {\n color: var(--c-secondary);\n }\n }\n}",".back-button {\n display: flex;\n align-items: center;\n width: min-content;\n cursor: pointer;\n\n gap: 4px;\n color: var(--c-secondary);\n\n &:hover {\n color: var(--c-primary);\n }\n\n &>span {\n font-size: 10px;\n font-weight: 600;\n }\n}","@keyframes cart-page-mount {\n from {\n transform-origin: right top;\n transform: scale(0);\n }\n\n to {\n transform-origin: right top;\n transform: scale(1);\n }\n}\n\n\n@keyframes cart-page-empty-icon {\n\n 0%,\n 66.67% {\n transform: scale(1);\n }\n\n 83.33% {\n transform: scale(1.1);\n } \n\n 100% {\n transform: scale(1);\n }\n}\n\n.cart-page {\n animation: cart-page-mount 0.5s forwards;\n padding-block: 40px;\n\n &--empty {\n animation: cart-page-mount 0.5s forwards;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n &>img {\n animation: cart-page-empty-icon 2s infinite ease-in-out;\n height: 128px;\n }\n\n &__message {\n color: var(--c-primary);\n font-size: 64px;\n font-weight: 600;\n margin-block: 40px 16px;\n }\n\n &__description {\n color: var(--c-secondary);\n font-size: 16px;\n text-align: center;\n max-width: 400px;\n }\n }\n\n &__title {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n margin-block: 16px 24px;\n }\n\n &__content {\n display: grid;\n grid-template-columns: 47fr 23fr;\n column-gap: 16px;\n }\n}",".cart-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}","@keyframes cart-product-item-unmount {\n from {\n transform: translateX(0);\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translateX(-50%);\n }\n}\n\n\n.cart-product-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n padding: 24px;\n height: 128px;\n border: 1px solid var(--c-elements);\n transition: all 300ms;\n\n &--unmount {\n pointer-events: none;\n animation: cart-product-item-unmount 300ms forwards ease-in-out;\n }\n\n &__left {\n display: flex;\n align-items: center;\n gap: 24px;\n }\n\n &__close-button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 24px;\n padding: 4px;\n aspect-ratio: 1;\n cursor: pointer;\n\n &:hover {\n filter: brightness(50%);\n }\n }\n\n &__image-block {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 80px;\n width: 80px;\n }\n\n &__image {\n display: block;\n height: 100%;\n }\n\n &__name {\n font-weight: 500;\n font-size: 16px;\n line-height: 150%;\n color: var(--c-primary);\n max-width: 240px;\n }\n\n &__right {\n display: flex;\n align-items: center;\n gap: 40px;\n }\n\n &__price-block {\n position: relative;\n width: 90px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n\n color: var(--c-primary);\n }\n\n &__price {\n position: absolute;\n bottom: -40%;\n right: 0;\n width: max-content;\n line-height: 150%;\n font-size: 10px;\n font-weight: 700;\n\n &>span {\n font-size: 8px;\n color: var(--c-secondary);\n }\n\n }\n\n &__summary-price {\n font-weight: 700;\n font-size: 22px;\n line-height: 140%;\n }\n}\n","@import '../../../styles/vars';\n\n.counter {\n display: flex;\n\n &__button {\n width: 32px;\n height: 32px;\n\n border: 1px solid;\n border-color: var(--c-tips);\n cursor: pointer;\n transition: transform $transition-time;\n\n &:hover {\n border-color: var(--c-primary);\n }\n\n &:active > img {\n transform: scale(1.15);\n }\n\n &:disabled {\n opacity: 0.5;\n border-color: var(--c-elements);\n }\n }\n\n &__count {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n font-size: 14px;\n font-weight: 600;\n color: var(--c-primary);\n }\n}",".cart-summary {\n position: sticky;\n top: calc(var(--header-height) + 16px);\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px;\n border: 1px solid var(--c-elements);\n height: min-content;\n\n &>hr {\n width: 100%;\n height: 1px;\n background-color: var(--c-elements);\n border: none;\n margin-block: 24px;\n }\n\n &__total-price {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__total {\n line-height: 150%;\n color: var(--c-secondary);\n }\n\n &__checkout {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--c-primary);\n height: 40px;\n width: 100%;\n color: var(--c-bg);\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0 3px 13px #171f3042;\n }\n }\n}",".product-details {\n &__title {\n color: var(--c-primary);\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n }\n\n max-width: 1136px;\n\n &__content {\n display: grid;\n grid-template-columns: repeat(24, minmax(16px, 32px));\n gap: 80px 16px;\n\n margin-top: 60px;\n }\n\n &__gallery,\n &__about-block {\n grid-column: span 12;\n }\n\n &__interaction {\n grid-column: 14 / -4;\n align-self: center;\n }\n\n &__specs-table {\n grid-column: 14 / -1;\n }\n}",".image-gallery-with-choice {\n display: flex;\n gap: 16px;\n\n &__images {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n &__selected-image-container {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n height: 464px;\n width: 464px;\n }\n\n &__image,\n &__selected-image {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n &__image-container {\n display: flex;\n justify-content: center;\n aspect-ratio: 1;\n height: 80px;\n border: 1px solid var(--c-tips);\n padding: 2px;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &--selected {\n border: 1px solid var(--c-primary);\n }\n }\n\n &__image {\n display: block;\n height: 100%;\n }\n}",".about-block {\n display: flex;\n flex-direction: column;\n color: var(--c-primary);\n\n &__title {\n font-size: 22px;\n font-weight: 700;\n line-height: 140%;\n }\n\n &>hr {\n margin-block: 16px;\n background-color: var(--c-elements);\n height: 1px;\n border: none;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: 32px;\n padding-block: 16px;\n }\n\n &__item-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 16px;\n }\n\n &__item-content {\n display: flex;\n flex-direction: column;\n color: var(--c-secondary);\n gap: 16px;\n }\n\n &__item-paragraph {\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n }\n}",".specs-table {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n & caption {\n text-align: left;\n color: var(--c-primary);\n font-size: 22px;\n font-weight: 700;\n line-height: 140%;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--c-elements);\n }\n\n & tbody {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n color: var(--c-secondary);\n font-weight: 500;\n line-height: 150%;\n }\n \n & tr {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n & td {\n max-width: 50%;\n }\n\n & td:nth-child(2n) {\n text-align: right;\n color: var(--c-primary);\n }\n}",".product-details-interaction {\n\n &__option-togglers {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &>hr {\n height: 1px;\n background-color: var(--c-elements);\n border: none;\n }\n }\n\n &__price-container {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 16px;\n }\n\n &__new-price {\n text-decoration: none;\n\n color: var(--c-primary);\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n }\n\n &__old-price {\n color: var(--c-secondary);\n font-size: 22px;\n font-weight: 500;\n }\n\n &__min-specs-table {\n margin-top: 32px;\n }\n\n &__buttons {\n display: flex;\n gap: 8px;\n\n &>* {\n height: 48px;\n }\n }\n}",".options-toggler {\n\n\n &__title {\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n &__options {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n\n list-style-type: none;\n }\n}",".color-item {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n height: 32px;\n width: 32px;\n border: 1px solid var(--c-elements);\n border-radius: 50%;\n \n &:hover {\n border: 1px solid var(--c-primary);\n }\n \n &--selected {\n border: 1px solid var(--c-primary);\n }\n\n &__color {\n width: 26px;\n aspect-ratio: 1;\n border-radius: 50%;\n }\n}",".rectangle-text-item {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n aspect-ratio: 2 / 1;\n border: 1px solid var(--c-tips);\n cursor: pointer;\n \n color: var(--c-primary);\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n \n &--selected {\n background-color: var(--c-primary);\n border: 1px solid var(--c-primary);\n color: var(--c-bg);\n }\n}",".product-page {\n padding-block: 24px 80px;\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: 80px;\n }\n\n &__back-button {\n margin-block: 40px 16px;\n }\n}","@keyframes checkout-page-mount {\n from {\n transform: scale(0);\n } \n to {\n transform: scale(1);\n }\n}\n\n.checkout-page {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: checkout-page-mount 1.5s;\n\n &__main-description {\n max-width: 500px;\n font-size: 24px;\n text-align: center;\n color: var(--c-primary);\n\n &>a {\n color: var(--c-success);\n\n &:hover {\n filter: brightness(1.2);\n }\n }\n }\n\n &__description {\n margin-block: 20px;\n max-width: 600px;\n text-align: center;\n color: var(--c-secondary);\n }\n\n &__link {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--c-primary);\n border: 1px solid var(--c-primary);\n padding: 4px;\n border-radius: 4px;\n font-weight: 600;\n width: 200px;\n margin-top: 10px;\n\n &:hover {\n color: var(--c-success);\n border-color: var(--c-success);\n }\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file +{"version":3,"file":"static/css/main.39d3971e.css","mappings":"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","sources":["styles/varsCss.scss","styles/fonts.scss","styles/App.scss","components/common/Header/Header.scss","components/common/Navbar/Navbar.scss","styles/vars.scss","components/UI/SquareLink/SquareLink.scss","components/UI/SearchField/SearchField.scss","components/common/Footer/Footer.scss","components/UI/buttons/ArrowButton/ArrowButton.scss","components/common/ProductsCarousel/ProductsCarousel/ProductsCarousel.scss","components/common/ProductCard/ProductCard.scss","components/UI/buttons/GraySelectButton/GraySelectButton.scss","components/UI/buttons/SquareSelectButton/SquareSelectButton.scss","components/UI/Placeholder/Placeholder.scss","components/common/BannersSlider/BannersSlider.scss","pages/HomePage/HomePage.scss","components/common/CategoriesGallery/CategoriesGallery.scss","components/common/ErrorMessage/ErrorMessage.scss","pages/ProductsPage/ProductsPage.scss","components/common/ProductsList/ProductsList.scss","components/UI/Dropdown/Dropdown.scss","components/UI/Paginator/Paginator.scss","components/UI/BreadCrumbs/BreadCrumbs.scss","components/UI/buttons/BackButton/BackButton.scss","pages/CartPage/CartPage.scss","components/common/CartList/CartList.scss","components/common/CartProductItem/CartProductItem.scss","components/UI/Counter/Counter.scss","components/common/CartSummary/CartSummary.scss","components/common/ProductDetailsComponent/ProductDetailsComponent.scss","components/UI/ImageGalleryWithChoice/ImageGalleryWithChoice.scss","components/common/AboutBlock/AboutBlock.scss","components/UI/SpecsTable/SpecsTable.scss","components/common/ProductDetailsInteraction/ProductDetailsInteraction.scss","components/UI/OptionsToggler/OptionsToggler.scss","components/UI/OptionTogglerItems/ColorItem/ColorItem.scss","components/UI/OptionTogglerItems/RectangleTextItem/RectangleTextItem.scss","pages/ProductPage/ProductPage.scss","pages/CheckoutPage/CheckoutPage.scss"],"sourcesContent":[":root {\n // colors\n --c-bg: #fff;\n --c-elements: #E2E6E9;\n --c-primary: #313237;\n --c-tips: #B4BDC3;\n --c-secondary: #89939A;\n --c-success: #27AE60; \n --c-attention: #EB5757;\n --c-details: #000,\n}\n","@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-Bold.otf') format('opentype');\n font-weight: 700;\n font-style: normal;\n}\n\n@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-SemiBold.otf') format('opentype');\n font-weight: 600;\n font-style: normal;\n}\n\n@font-face {\n font-family: Mont;\n src: url('../../public/fonts/Mont-Regular.otf') format('opentype');\n font-weight: 500;\n font-style: normal;\n}\n","* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\ninput {\r\n border: none;\r\n outline: none;\r\n font-family: inherit;\r\n}\r\n\r\nbutton {\r\n border: none;\r\n background-color: transparent;\r\n font-family: inherit;\r\n}\r\n\r\na {\r\n text-decoration: none;\r\n color: inherit;\r\n}\r\n\r\nhtml {\r\n font-family: $f-main;\r\n font-size: 14px;\r\n font-weight: 500;\r\n}\r\n\r\n.App {\r\n min-height: 100dvh;\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n\r\n:root {\r\n --max-content-width: 1136px;\r\n}\r\n\r\n.main {\r\n flex-grow: 1;\r\n display: flex;\r\n flex-direction: column;\r\n align-self: center;\r\n width: 80%;\r\n max-width: var(--max-content-width);\r\n}",":root {\n --header-height: 64px;\n}\n\n.header {\n position: sticky;\n top: 0;\n z-index: 4;\n display: flex;\n width: 100%;\n height: var(--header-height);\n\n background-color: var(--c-bg);\n border-bottom: 1px solid var(--c-elements);\n\n &__right {\n flex-grow: 1;\n display: flex;\n justify-content: flex-end;\n }\n}","@import '../../../styles/vars';\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n gap: 32px;\n\n padding-inline: 8px;\n\n &__item {\n position: relative;\n display: flex;\n align-items: center;\n\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 700;\n line-height: 11px; \n letter-spacing: 0.48px;\n text-transform: uppercase;\n\n padding: 16px;\n transition: $transition-time;\n\n &:hover {\n color: var(--c-primary);\n }\n\n &::after {\n content: '';\n position: absolute;\n width: 0;\n height: 3px;\n transition: $transition-time;\n background-color: var(--c-primary);\n\n bottom: 0;\n }\n \n &--active {\n color: var(--c-primary);\n \n &::after {\n width: calc(100% - 16px * 2);\n }\n }\n }\n}","// fonts\n$f-main: 'Mont';\n$transition-time: 300ms;\n$laptop-width: 1080px;\n","@import '../../../styles/vars';\n\n@keyframes show-amount {\n from {\n transform: scale(0);\n }\n\n to {\n transform: scale(1);\n }\n}\n\n.square-link {\n position: relative;\n aspect-ratio: 1;\n display: flex;\n justify-content: center;\n align-items: center;\n\n border: solid var(--c-elements);\n border-width: 0 0 0 1px;\n \n transition: $transition-time;\n \n &:hover::before {\n content: '';\n position: absolute;\n width: calc(100% - 2px);\n height: calc(100% - 2px);\n border: 1px solid var(--c-primary);\n }\n\n &--selected {\n position: relative;\n\n &::after {\n content: '';\n position: absolute;\n bottom: 0;\n width: 100%;\n height: 3px;\n background-color: var(--c-primary);\n }\n }\n\n &__img-container {\n position: relative;\n width: 16px;\n height: 16px;\n }\n\n &__amount {\n box-sizing: content-box;\n position: absolute;\n top: -50%;\n right: -50%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background-color: var(--c-attention);\n border: 1px solid var(--c-bg);\n\n color: var(--c-bg);\n font-weight: 600;\n font-size: 9px;\n\n animation: show-amount 100ms ease-in-out forwards;\n }\n\n &__img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n}","@import '../../../styles/vars';\n\n.search-field {\n flex-grow: 1;\n flex-shrink: 1;\n max-width: 328px;\n display: flex;\n\n border: solid var(--c-elements);\n border-width: 0 0 0 1px;\n\n transition: $transition-time;\n\n &__input {\n flex-grow: 1;\n flex-shrink: 1;\n font-size: 14px;\n font-weight: 600;\n padding-left: 24px;\n min-width: 30px;\n\n &::placeholder {\n color: var(--c-tips);\n }\n\n &::-webkit-search-cancel-button {\n display: none;\n }\n }\n\n &__button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n background: none;\n border: none;\n cursor: pointer;\n\n height: 100%;\n aspect-ratio: 1;\n }\n}",".footer {\n display: flex;\n justify-content: center;\n\n height: 96px;\n border-top: 1px solid var(--c-tips);\n box-shadow: 0 -1px 0 0 var(--c-elements);\n\n &__content {\n flex-grow: 1;\n display: flex;\n align-items: center;\n justify-content: space-between;\n max-width: var(--max-content-width);\n }\n\n &__links {\n display: flex;\n gap: 64px;\n }\n\n &__link {\n text-transform: uppercase;\n font-weight: 700;\n font-size: 12px;\n line-height: 92%;\n letter-spacing: 0.04em;\n color: var(--c-secondary);\n }\n\n &__back-to-top {\n display: flex;\n align-items: center;\n gap: 16px;\n cursor: pointer;\n\n font-weight: 600;\n font-size: 12px;\n color: var(--c-secondary);\n\n &:hover {\n text-decoration: underline;\n\n & > button {\n border: 1px solid var(--c-primary);\n }\n }\n }\n}",".arrow-button {\n display: flex;\n justify-content: center;\n align-items: center;\n border: 1px solid var(--c-tips);\n background-color: transparent;\n height: 32px;\n width: 32px;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &:disabled {\n border: 1px solid var(--c-elements);\n }\n}","@import '../../../../styles/vars';\n\n.products-carousel {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &__name {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__top {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n &__controls {\n display: flex;\n gap: 16px;\n }\n\n &__bottom {\n display: flex;\n gap: 16px;\n overflow: hidden;\n }\n\n &__content {\n display: flex;\n transition: transform $transition-time ease-out;\n }\n}","@import '../../../styles/vars';\n\n:root {\n --product-card-width: 272px;\n}\n\n.product-card {\n display: flex;\n flex-direction: column;\n max-width: var(--product-card-width);\n padding: 24px;\n border: 1px solid var(--c-elements);\n background: var(--c-bg);\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n transition: $transition-time;\n\n &:hover {\n transform: scale(1.02);\n }\n\n &__top {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n }\n\n &__main-info {\n align-self: stretch;\n }\n\n &__name {\n color: var(--c-primary);\n font-size: 16px;\n font-weight: 500;\n line-height: 150%;\n height: calc(2em * 1.5);\n overflow: hidden;\n }\n\n &__price {\n display: flex;\n gap: 4px;\n margin-block: 6px;\n font-size: 22px;\n\n & > span {\n padding-inline: 2px;\n }\n }\n\n &__current-price {\n color: var(--c-primary);\n font-weight: 700;\n line-height: 140%;\n text-decoration: none;\n }\n\n &__old-price {\n color: var(--c-secondary);\n font-weight: 500;\n }\n\n & > hr {\n background-color: var(--c-elements);\n border: none;\n height: 1px;\n }\n\n &__img {\n margin: 8px;\n margin-bottom: 24px;\n height: 208px;\n aspect-ratio: 1;\n object-fit: contain;\n background-size: cover;\n }\n\n &__features {\n display: flex;\n flex-direction: column;\n\n margin-block: 16px;\n\n & tbody {\n display: flex;\n flex-direction: column;\n }\n\n & tr {\n display: flex;\n justify-content: space-between;\n }\n\n & td {\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n & td:nth-child(2n) {\n color: var(--c-primary);\n }\n }\n\n &__buttons {\n display: flex;\n gap: 8px;\n }\n}","@import '../../../../styles/vars';\n\n.gray-select-button {\n height: 40px;\n flex-grow: 1;\n\n display: flex;\n justify-content: center;\n align-items: center;\n\n background-color: var(--c-primary);\n\n color: var(--c-bg);\n font-size: 14px;\n font-weight: 600;\n line-height: 150%;\n\n transition: $transition-time;\n\n &:hover {\n cursor: pointer;\n box-shadow: 0 3px 13px 0 rgba(23, 32, 49, 0.26);\n }\n\n &--selected {\n color: var(--c-success);\n background-color: var(--c-bg);\n border: 1px solid var(--c-elements);\n }\n}","@import './../../../../styles/vars';\n\n.square-select-button {\n height: 40px;\n aspect-ratio: 1;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border: 1px solid var(--c-tips);\n background-color: var(--c-bg);\n cursor: pointer;\n\n transition: $transition-time;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n & > img {\n aspect-ratio: 1;\n height: 16px;\n\n object-fit: cover;\n }\n\n &--selected {\n border: 1px solid var(--c-elements);\n }\n}",".placeholder {\n position: relative;\n height: 100%;\n width: 100%;\n background-color: rgb(211, 211, 211);\n z-index: 2;\n overflow: hidden;\n border-radius: 5px;\n\n &__activity {\n position: absolute;\n left: -45%;\n height: 100%;\n width: 45%;\n background-image: linear-gradient(to left, rgba(251, 251, 251, .05), rgba(251, 251, 251, .3), rgba(251, 251, 251, .6), rgba(251, 251, 251, .3), rgba(251, 251, 251, .05));\n animation: loading 1s infinite;\n z-index: 3;\n }\n}\n\n@keyframes loading {\n 0% {\n left: -45%;\n }\n\n 100% {\n left: 100%;\n }\n}","@import '../../../styles/vars';\n\n@keyframes show-prev-arrow {\n from {\n transform: translateX(-32px);\n opacity: 0;\n }\n\n to {\n transform: translateX(0);\n opacity: 0.5;\n }\n}\n\n@keyframes show-next-arrow {\n from {\n transform: translateX(32px);\n opacity: 0;\n }\n\n to {\n transform: translateX(0);\n opacity: 0.5;\n }\n}\n\n.banners-slider {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n &__arrow-button {\n position: absolute;\n display: none;\n top: calc(50% - 30px);\n height: 60px;\n opacity: 0.5;\n border: 1px solid var(--c-primary);\n background-color: var(--c-bg);\n border-radius: 5px;\n \n &--prev {\n left: 16px;\n animation: show-prev-arrow 1s forwards;\n }\n\n &--next {\n right: 16px;\n animation: show-next-arrow 1s forwards;\n }\n }\n\n &__top {\n position: relative;\n\n &:hover .banners-slider__arrow-button {\n display: flex;\n }\n }\n\n &__content {\n height: 400px;\n }\n\n &__img {\n opacity: 1;\n display: block;\n background-position: center;\n background-size: cover;\n background-color: var(--c-elements);\n transition: background-image $transition-time ease-in-out;\n width: 100%;\n height: 100%;\n }\n\n &__pagination {\n align-self: center;\n display: flex;\n gap: 4px;\n }\n\n &__pagination-item {\n display: grid;\n place-content: center;\n width: 24px;\n height: 24px;\n cursor: pointer;\n\n &-inner {\n width: 14px;\n height: 4px;\n background-color: var(--c-elements);\n transition: background-color $transition-time;\n\n &--active {\n background-color: var(--c-primary);\n }\n }\n }\n}",".home-page {\n display: flex;\n flex-direction: column;\n gap: 80px;\n padding-block: 40px 80px;\n}","@import '../../../styles/vars';\n\n.categories-gallery {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &__title {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__error {\n display: flex;\n justify-content: center;\n align-items: center;\n height: 445px;\n background-color: var(--c-elements);\n\n & > p {\n font-size: 32px;\n color: var(--c-attention);\n }\n }\n\n &__content {\n display: flex;\n flex-wrap: wrap;\n gap: 16px;\n }\n}\n\n.category-item {\n --item-width: 368px;\n\n &__placeholder {\n height: 443px;\n width: var(--item-width);\n }\n\n &__link {\n display: flex;\n flex-direction: column;\n gap: 24px;\n transition: $transition-time;\n\n &:hover {\n transform: scale(1.05);\n }\n }\n\n &__img {\n display: block;\n object-fit: cover;\n aspect-ratio: 1;\n width: var(--item-width);\n }\n\n &__info {\n display: flex;\n flex-direction: column;\n gap: 4px;\n }\n\n &__name {\n font-weight: 600;\n font-size: 20px;\n color: var(--c-primary);\n }\n\n &__amount {\n font-size: 14px;\n line-height: 150%;\n color: var(--c-secondary);\n }\n}",".error-message {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n\n &__text {\n margin-top: 30px;\n text-align: center;\n max-width: 60%;\n font-size: 2vw;\n color: var(--c-attention);\n }\n\n &__links {\n width: 20%;\n display: flex;\n flex-direction: column;\n\n margin-top: 40px;\n\n gap: 20px;\n }\n\n &__loader {\n height: 20px;\n }\n\n &__link {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 36px;\n font-size: 18px;\n background-color: var(--c-elements);\n color: var(--c-primary);\n padding: 8px;\n border-radius: 2px;\n gap: 8px;\n \n &:hover {\n background-color: var(--c-secondary);\n text-decoration: underline;\n }\n }\n}",".products-page {\n display: flex;\n width: 100%;\n padding-block: 24px 40px;\n flex-direction: column;\n\n &__title {\n color: var(--c-primary);\n\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n margin-top: 40px;\n }\n\n &__amount {\n margin-top: 8px;\n color: var(--c-secondary);\n line-height: 21px;\n\n &--without-filters-page {\n margin-bottom: 40px;\n }\n }\n\n &__controls {\n margin-block: 40px 24px;\n display: flex;\n gap: 16px;\n }\n\n &__paginator {\n margin-block: 40px;\n align-self: center;\n }\n}",".products-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(272px, 1fr));\n justify-items: center;\n gap: 40px 16px;\n\n &--no-products {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 460px;\n\n font-size: 32px;\n color: var(--c-primary);\n text-align: center;\n\n & a {\n text-decoration: underline;\n }\n }\n}","@import '../../../styles/vars';\n\n.dropdown {\n position: relative;\n width: 128px;\n display: flex;\n flex-direction: column;\n\n &__name {\n margin-bottom: 4px;\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n &__box {\n border: 1px solid var(--c-tips);\n\n &--open {\n border: 1px solid var(--c-primary);\n }\n }\n\n &__button {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n width: 100%;\n height: 100%;\n padding: 10px 12px;\n\n color: var(--c-primary);\n font-weight: 600;\n line-height: 150%;\n cursor: pointer;\n }\n\n &__open {\n background-color: transparent;\n height: 16px;\n cursor: pointer;\n }\n\n &__arrow {\n transition: $transition-time;\n }\n\n &__list {\n position: absolute;\n left: 0;\n top: 64px;\n z-index: 1;\n \n width: 100%;\n overflow: hidden;\n background-color: var(--c-bg);\n box-shadow: 0 2px 15px 0 rgba(0, 0, 0, 0.05);\n list-style-type: none;\n\n transition: height 200ms;\n }\n\n &__item {\n padding: 6px 12px;\n color: var(--c-secondary);\n line-height: 150%;\n cursor: pointer;\n\n &:hover,\n &--selected {\n color: var(--c-primary);\n }\n }\n}",".paginator {\n display: flex;\n gap: 16px;\n\n &__list {\n display: flex;\n gap: 8px;\n list-style-type: none;\n }\n\n &__item {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 32px;\n width: 32px;\n color: var(--c-details);\n line-height: 150%;\n border: 1px solid var(--c-elements);\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &--active {\n background-color: var(--c-primary);\n color: var(--c-bg);\n border: none;\n }\n }\n}",".bread-crumbs {\n display: flex;\n gap: 8px;\n\n list-style-type: none;\n\n &__arrow {\n transform: rotateY(180deg);\n }\n\n &__link {\n display: flex;\n }\n\n &__item {\n display: flex;\n gap: 8px;\n\n color: var(--c-primary);\n font-size: 12px;\n font-weight: 600;\n\n &--active,\n &:hover {\n color: var(--c-secondary);\n }\n }\n}",".back-button {\n display: flex;\n align-items: center;\n width: min-content;\n cursor: pointer;\n\n gap: 4px;\n color: var(--c-secondary);\n\n &:hover {\n color: var(--c-primary);\n }\n\n &>span {\n font-size: 10px;\n font-weight: 600;\n }\n}","@keyframes cart-page-mount {\n from {\n transform-origin: right top;\n transform: scale(0);\n }\n\n to {\n transform-origin: right top;\n transform: scale(1);\n }\n}\n\n\n@keyframes cart-page-empty-icon {\n\n 0%,\n 66.67% {\n transform: scale(1);\n }\n\n 83.33% {\n transform: scale(1.1);\n } \n\n 100% {\n transform: scale(1);\n }\n}\n\n.cart-page {\n animation: cart-page-mount 0.5s forwards;\n padding-block: 40px;\n\n &--empty {\n animation: cart-page-mount 0.5s forwards;\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n\n &>img {\n animation: cart-page-empty-icon 2s infinite ease-in-out;\n height: 128px;\n }\n\n &__message {\n color: var(--c-primary);\n font-size: 64px;\n font-weight: 600;\n margin-block: 40px 16px;\n }\n\n &__description {\n color: var(--c-secondary);\n font-size: 16px;\n text-align: center;\n max-width: 400px;\n }\n }\n\n &__title {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n margin-block: 16px 24px;\n }\n\n &__content {\n display: grid;\n grid-template-columns: 47fr 23fr;\n column-gap: 16px;\n }\n}",".cart-list {\n display: flex;\n flex-direction: column;\n gap: 16px;\n}","@keyframes cart-product-item-unmount {\n from {\n transform: translateX(0);\n opacity: 1;\n }\n to {\n opacity: 0;\n transform: translateX(-50%);\n }\n}\n\n\n.cart-product-item {\n display: flex;\n justify-content: space-between;\n align-items: center;\n\n padding: 24px;\n height: 128px;\n border: 1px solid var(--c-elements);\n transition: all 300ms;\n\n &--unmount {\n pointer-events: none;\n animation: cart-product-item-unmount 300ms forwards ease-in-out;\n }\n\n &__left {\n display: flex;\n align-items: center;\n gap: 24px;\n }\n\n &__close-button {\n display: flex;\n align-items: center;\n justify-content: center;\n\n width: 24px;\n padding: 4px;\n aspect-ratio: 1;\n cursor: pointer;\n\n &:hover {\n filter: brightness(50%);\n }\n }\n\n &__image-block {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 80px;\n width: 80px;\n }\n\n &__image {\n display: block;\n height: 100%;\n }\n\n &__name {\n font-weight: 500;\n font-size: 16px;\n line-height: 150%;\n color: var(--c-primary);\n max-width: 240px;\n }\n\n &__right {\n display: flex;\n align-items: center;\n gap: 40px;\n }\n\n &__price-block {\n position: relative;\n width: 90px;\n display: flex;\n flex-direction: column;\n align-items: flex-end;\n gap: 4px;\n\n color: var(--c-primary);\n }\n\n &__price {\n position: absolute;\n bottom: -40%;\n right: 0;\n width: max-content;\n line-height: 150%;\n font-size: 10px;\n font-weight: 700;\n\n &>span {\n font-size: 8px;\n color: var(--c-secondary);\n }\n\n }\n\n &__summary-price {\n font-weight: 700;\n font-size: 22px;\n line-height: 140%;\n }\n}\n","@import '../../../styles/vars';\n\n.counter {\n display: flex;\n\n &__button {\n width: 32px;\n height: 32px;\n\n border: 1px solid;\n border-color: var(--c-tips);\n cursor: pointer;\n transition: transform $transition-time;\n\n &:hover {\n border-color: var(--c-primary);\n }\n\n &:active > img {\n transform: scale(1.15);\n }\n\n &:disabled {\n opacity: 0.5;\n border-color: var(--c-elements);\n }\n }\n\n &__count {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n font-size: 14px;\n font-weight: 600;\n color: var(--c-primary);\n }\n}",".cart-summary {\n position: sticky;\n top: calc(var(--header-height) + 16px);\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 24px;\n border: 1px solid var(--c-elements);\n height: min-content;\n\n &>hr {\n width: 100%;\n height: 1px;\n background-color: var(--c-elements);\n border: none;\n margin-block: 24px;\n }\n\n &__total-price {\n font-weight: 700;\n font-size: 32px;\n letter-spacing: -0.01em;\n color: var(--c-primary);\n }\n\n &__total {\n line-height: 150%;\n color: var(--c-secondary);\n }\n\n &__checkout {\n display: flex;\n align-items: center;\n justify-content: center;\n background-color: var(--c-primary);\n height: 40px;\n width: 100%;\n color: var(--c-bg);\n font-weight: 600;\n font-family: inherit;\n cursor: pointer;\n\n &:hover {\n box-shadow: 0 3px 13px #171f3042;\n }\n }\n}",".product-details {\n &__title {\n color: var(--c-primary);\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n }\n\n max-width: 1136px;\n\n &__content {\n display: grid;\n grid-template-columns: repeat(24, minmax(16px, 32px));\n gap: 80px 16px;\n\n margin-top: 60px;\n }\n\n &__gallery,\n &__about-block {\n grid-column: span 12;\n }\n\n &__interaction {\n grid-column: 14 / -4;\n align-self: center;\n }\n\n &__specs-table {\n grid-column: 14 / -1;\n }\n}",".image-gallery-with-choice {\n display: flex;\n gap: 16px;\n\n &__images {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n &__selected-image-container {\n flex-grow: 1;\n display: flex;\n justify-content: center;\n height: 464px;\n width: 464px;\n }\n\n &__image,\n &__selected-image {\n height: 100%;\n width: 100%;\n object-fit: contain;\n }\n\n &__image-container {\n display: flex;\n justify-content: center;\n aspect-ratio: 1;\n height: 80px;\n border: 1px solid var(--c-tips);\n padding: 2px;\n cursor: pointer;\n\n &:hover {\n border: 1px solid var(--c-primary);\n }\n\n &--selected {\n border: 1px solid var(--c-primary);\n }\n }\n\n &__image {\n display: block;\n height: 100%;\n }\n}",".about-block {\n display: flex;\n flex-direction: column;\n color: var(--c-primary);\n\n &__title {\n font-size: 22px;\n font-weight: 700;\n line-height: 140%;\n }\n\n &>hr {\n margin-block: 16px;\n background-color: var(--c-elements);\n height: 1px;\n border: none;\n }\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: 32px;\n padding-block: 16px;\n }\n\n &__item-title {\n font-size: 20px;\n font-weight: 600;\n margin-bottom: 16px;\n }\n\n &__item-content {\n display: flex;\n flex-direction: column;\n color: var(--c-secondary);\n gap: 16px;\n }\n\n &__item-paragraph {\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n }\n}",".specs-table {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n & caption {\n text-align: left;\n color: var(--c-primary);\n font-size: 22px;\n font-weight: 700;\n line-height: 140%;\n padding-bottom: 16px;\n border-bottom: 1px solid var(--c-elements);\n }\n\n & tbody {\n display: flex;\n flex-direction: column;\n gap: 8px;\n\n color: var(--c-secondary);\n font-weight: 500;\n line-height: 150%;\n }\n \n & tr {\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n & td {\n max-width: 50%;\n }\n\n & td:nth-child(2n) {\n text-align: right;\n color: var(--c-primary);\n }\n}",".product-details-interaction {\n\n &__option-togglers {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n &>hr {\n height: 1px;\n background-color: var(--c-elements);\n border: none;\n }\n }\n\n &__price-container {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-bottom: 16px;\n }\n\n &__new-price {\n text-decoration: none;\n\n color: var(--c-primary);\n font-size: 32px;\n font-weight: 700;\n letter-spacing: -0.32px;\n }\n\n &__old-price {\n color: var(--c-secondary);\n font-size: 22px;\n font-weight: 500;\n }\n\n &__min-specs-table {\n margin-top: 32px;\n }\n\n &__buttons {\n display: flex;\n gap: 8px;\n\n &>* {\n height: 48px;\n }\n }\n}",".options-toggler {\n\n\n &__title {\n color: var(--c-secondary);\n font-size: 12px;\n font-weight: 600;\n }\n\n &__options {\n margin-top: 8px;\n display: flex;\n gap: 8px;\n\n list-style-type: none;\n }\n}",".color-item {\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n\n height: 32px;\n width: 32px;\n border: 1px solid var(--c-elements);\n border-radius: 50%;\n \n &:hover {\n border: 1px solid var(--c-primary);\n }\n \n &--selected {\n border: 1px solid var(--c-primary);\n }\n\n &__color {\n width: 26px;\n aspect-ratio: 1;\n border-radius: 50%;\n }\n}",".rectangle-text-item {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 64px;\n aspect-ratio: 2 / 1;\n border: 1px solid var(--c-tips);\n cursor: pointer;\n \n color: var(--c-primary);\n font-size: 14px;\n font-weight: 500;\n line-height: 150%;\n \n &--selected {\n background-color: var(--c-primary);\n border: 1px solid var(--c-primary);\n color: var(--c-bg);\n }\n}",".product-page {\n padding-block: 24px 80px;\n\n &__content {\n display: flex;\n flex-direction: column;\n gap: 80px;\n }\n\n &__back-button {\n margin-block: 40px 16px;\n }\n}","@keyframes checkout-page-mount {\n from {\n transform: scale(0);\n } \n to {\n transform: scale(1);\n }\n}\n\n.checkout-page {\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n animation: checkout-page-mount 1.5s;\n\n &__main-description {\n max-width: 500px;\n font-size: 24px;\n text-align: center;\n color: var(--c-primary);\n\n &>a {\n color: var(--c-success);\n\n &:hover {\n filter: brightness(1.2);\n }\n }\n }\n\n &__description {\n margin-block: 20px;\n max-width: 600px;\n text-align: center;\n color: var(--c-secondary);\n }\n\n &__link {\n display: flex;\n align-items: center;\n justify-content: center;\n color: var(--c-primary);\n border: 1px solid var(--c-primary);\n padding: 4px;\n border-radius: 4px;\n font-weight: 600;\n width: 200px;\n margin-top: 10px;\n\n &:hover {\n color: var(--c-success);\n border-color: var(--c-success);\n }\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.693d38bc.css b/static/css/main.693d38bc.css deleted file mode 100644 index 8f2685ca00..0000000000 --- a/static/css/main.693d38bc.css +++ /dev/null @@ -1,2 +0,0 @@ -:root{--c-bg:#fff;--c-elements:#e2e6e9;--c-primary:#313237;--c-tips:#b4bdc3;--c-secondary:#89939a;--c-success:#27ae60;--c-attention:#eb5757;--c-details:#000,}@font-face{font-family:Mont;font-style:normal;font-weight:700;src:url(../../static/media/Mont-Bold.03c8c2f6127c1da0fc39.otf) format("opentype")}@font-face{font-family:Mont;font-style:normal;font-weight:600;src:url(../../static/media/Mont-SemiBold.8979d71a3146ca1d761f.otf) format("opentype")}@font-face{font-family:Mont;font-style:normal;font-weight:500;src:url(../../static/media/Mont-Regular.1d26d89f7339866d3133.otf) format("opentype")}*{box-sizing:border-box;margin:0;padding:0}input{outline:none}button,input{border:none;font-family:inherit}button{background-color:initial}a{color:inherit;text-decoration:none}html{font-family:Mont;font-size:14px;font-weight:500}.App{display:flex;flex-direction:column;min-height:100dvh}:root{--max-content-width:1136px}.main{align-self:center;display:flex;flex-direction:column;flex-grow:1;max-width:1136px;max-width:var(--max-content-width);width:80%}:root{--header-height:64px}.header{background-color:var(--c-bg);border-bottom:1px solid var(--c-elements);display:flex;height:64px;height:var(--header-height);position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:4}.header__right{display:flex;flex-grow:1;justify-content:flex-end}.navbar{align-items:stretch;display:flex;gap:32px;justify-content:space-between;padding-inline:8px}.navbar__item{align-items:center;color:var(--c-secondary);display:flex;font-size:12px;font-weight:700;letter-spacing:.48px;line-height:11px;padding:16px;position:relative;text-transform:uppercase;transition:.3s}.navbar__item:hover{color:var(--c-primary)}.navbar__item:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;transition:.3s;width:0}.navbar__item--active{color:var(--c-primary)}.navbar__item--active:after{width:calc(100% - 32px)}@keyframes show-amount{0%{transform:scale(0)}to{transform:scale(1)}}.square-link{align-items:center;aspect-ratio:1;border:solid var(--c-elements);border-width:0 0 0 1px;display:flex;justify-content:center;position:relative;transition:.3s}.square-link:hover:before{border:1px solid var(--c-primary);content:"";height:calc(100% - 2px);position:absolute;width:calc(100% - 2px)}.square-link--selected{position:relative}.square-link--selected:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;width:100%}.square-link__img-container{height:16px;position:relative;width:16px}.square-link__amount{align-items:center;animation:show-amount .1s ease-in-out forwards;background-color:var(--c-attention);border:1px solid var(--c-bg);border-radius:50%;box-sizing:initial;color:var(--c-bg);display:flex;font-size:9px;font-weight:600;height:14px;justify-content:center;position:absolute;right:-50%;top:-50%;width:14px}.square-link__img{height:100%;object-fit:cover;width:100%}.search-field{border:solid var(--c-elements);border-width:0 0 0 1px;display:flex;flex-grow:1;flex-shrink:1;max-width:328px;transition:.3s}.search-field__input{flex-grow:1;flex-shrink:1;font-size:14px;font-weight:600;min-width:30px;padding-left:24px}.search-field__input::placeholder{color:var(--c-tips)}.search-field__input::-webkit-search-cancel-button{display:none}.search-field__button{align-items:center;aspect-ratio:1;background:none;border:none;cursor:pointer;height:100%}.footer,.search-field__button{display:flex;justify-content:center}.footer{border-top:1px solid var(--c-tips);box-shadow:0 -1px 0 0 var(--c-elements);height:96px}.footer__content{align-items:center;display:flex;flex-grow:1;justify-content:space-between;max-width:var(--max-content-width)}.footer__links{display:flex;gap:64px}.footer__link{font-weight:700;letter-spacing:.04em;line-height:92%;text-transform:uppercase}.footer__back-to-top,.footer__link{color:var(--c-secondary);font-size:12px}.footer__back-to-top{align-items:center;cursor:pointer;display:flex;font-weight:600;gap:16px}.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top:hover>button{border:1px solid var(--c-primary)}.arrow-button{align-items:center;background-color:initial;border:1px solid var(--c-tips);cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.arrow-button:hover{border:1px solid var(--c-primary)}.arrow-button:disabled{border:1px solid var(--c-elements)}.products-carousel{display:flex;flex-direction:column;gap:24px}.products-carousel__name{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.products-carousel__top{align-items:center;display:flex;justify-content:space-between}.products-carousel__controls{display:flex;gap:16px}.products-carousel__bottom{display:flex;gap:16px;overflow:hidden}.products-carousel__content{display:flex;transition:transform .3s ease-out}:root{--product-card-width:272px}.product-card{background:var(--c-bg);border:1px solid var(--c-elements);box-shadow:0 2px 15px 0 #0000000d;display:flex;flex-direction:column;max-width:272px;max-width:var(--product-card-width);padding:24px;transition:.3s}.product-card:hover{transform:scale(1.02)}.product-card__top{align-items:center;display:flex;flex-direction:column;justify-content:center}.product-card__main-info{align-self:stretch}.product-card__name{color:var(--c-primary);font-size:16px;font-weight:500;height:3em;line-height:150%;overflow:hidden}.product-card__price{display:flex;font-size:22px;gap:4px;margin-block:6px}.product-card__price>span{padding-inline:2px}.product-card__current-price{color:var(--c-primary);font-weight:700;line-height:140%;text-decoration:none}.product-card__old-price{color:var(--c-secondary);font-weight:500}.product-card>hr{background-color:var(--c-elements);border:none;height:1px}.product-card__img{aspect-ratio:1;background-size:cover;height:208px;margin:8px 8px 24px;object-fit:contain}.product-card__features{margin-block:16px}.product-card__features,.product-card__features tbody{display:flex;flex-direction:column}.product-card__features tr{display:flex;justify-content:space-between}.product-card__features td{color:var(--c-secondary);font-size:12px;font-weight:600}.product-card__features td:nth-child(2n){color:var(--c-primary)}.product-card__buttons{display:flex;gap:8px}.gray-select-button{align-items:center;background-color:var(--c-primary);color:var(--c-bg);display:flex;flex-grow:1;font-size:14px;font-weight:600;height:40px;justify-content:center;line-height:150%;transition:.3s}.gray-select-button:hover{box-shadow:0 3px 13px 0 #17203142;cursor:pointer}.gray-select-button--selected{background-color:var(--c-bg);border:1px solid var(--c-elements);color:var(--c-success)}.square-select-button{align-items:center;aspect-ratio:1;background-color:var(--c-bg);border:1px solid var(--c-tips);cursor:pointer;display:flex;height:40px;justify-content:center;transition:.3s}.square-select-button:hover{border:1px solid var(--c-primary)}.square-select-button>img{aspect-ratio:1;height:16px;object-fit:cover}.square-select-button--selected{border:1px solid var(--c-elements)}.placeholder{background-color:#d3d3d3;border-radius:5px;height:100%;overflow:hidden;position:relative;width:100%;z-index:2}.placeholder__activity{animation:loading 1s infinite;background-image:linear-gradient(270deg,#fbfbfb0d,#fbfbfb4d,#fbfbfb99,#fbfbfb4d,#fbfbfb0d);height:100%;left:-45%;position:absolute;width:45%;z-index:3}@keyframes loading{0%{left:-45%}to{left:100%}}@keyframes show-prev-arrow{0%{opacity:0;transform:translateX(-32px)}to{opacity:.5;transform:translateX(0)}}@keyframes show-next-arrow{0%{opacity:0;transform:translateX(32px)}to{opacity:.5;transform:translateX(0)}}.banners-slider{display:flex;flex-direction:column;gap:8px}.banners-slider__arrow-button{background-color:var(--c-bg);border:1px solid var(--c-primary);border-radius:5px;display:none;height:60px;opacity:.5;position:absolute;top:calc(50% - 30px)}.banners-slider__arrow-button--prev{animation:show-prev-arrow 1s forwards;left:16px}.banners-slider__arrow-button--next{animation:show-next-arrow 1s forwards;right:16px}.banners-slider__top{position:relative}.banners-slider__top:hover .banners-slider__arrow-button{display:flex}.banners-slider__content{height:400px}.banners-slider__img{background-color:var(--c-tips);background-position:50%;background-size:cover;display:block;height:100%;opacity:1;transition:background-image .3s ease-in-out;width:100%}.banners-slider__pagination{align-self:center;display:flex;gap:4px}.banners-slider__pagination-item{cursor:pointer;display:grid;height:24px;place-content:center;width:24px}.banners-slider__pagination-item-inner{background-color:var(--c-elements);height:4px;transition:background-color .3s;width:14px}.banners-slider__pagination-item-inner--active{background-color:var(--c-primary)}.home-page{gap:80px;padding-block:40px 80px}.categories-gallery,.home-page{display:flex;flex-direction:column}.categories-gallery{gap:24px}.categories-gallery__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.categories-gallery__error{align-items:center;background-color:var(--c-elements);display:flex;height:445px;justify-content:center}.categories-gallery__error>p{color:var(--c-attention);font-size:32px}.categories-gallery__content{display:flex;flex-wrap:wrap;gap:16px}.category-item{--item-width:368px}.category-item__placeholder{height:443px;width:var(--item-width)}.category-item__link{display:flex;flex-direction:column;gap:24px;transition:.3s}.category-item__link:hover{transform:scale(1.05)}.category-item__img{aspect-ratio:1;display:block;object-fit:cover;width:var(--item-width)}.category-item__info{display:flex;flex-direction:column;gap:4px}.category-item__name{color:var(--c-primary);font-size:20px;font-weight:600}.category-item__amount{color:var(--c-secondary);font-size:14px;line-height:150%}.error-message{align-items:center;display:flex;flex-direction:column;width:100%}.error-message__text{color:var(--c-attention);font-size:2vw;margin-top:30px;max-width:60%;text-align:center}.error-message__links{display:flex;flex-direction:column;gap:20px;margin-top:40px;width:20%}.error-message__loader{height:20px}.error-message__link{align-items:center;background-color:var(--c-elements);border-radius:2px;color:var(--c-primary);display:flex;font-size:18px;gap:8px;height:36px;justify-content:center;padding:8px}.error-message__link:hover{background-color:var(--c-secondary);text-decoration:underline}.products-page{display:flex;flex-direction:column;padding-block:24px 40px;width:100%}.products-page__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px;margin-top:40px}.products-page__amount{color:var(--c-secondary);line-height:21px;margin-top:8px}.products-page__amount--without-filters-page{margin-bottom:40px}.products-page__controls{display:flex;gap:16px;margin-block:40px 24px}.products-page__paginator{align-self:center;margin-block:40px}.products-list{grid-gap:40px 16px;display:grid;gap:40px 16px;grid-template-columns:repeat(auto-fill,minmax(272px,1fr));justify-items:center}.products-list--no-products{align-items:center;color:var(--c-primary);display:flex;flex-direction:column;font-size:32px;height:460px;justify-content:center;text-align:center}.products-list--no-products a{text-decoration:underline}.dropdown{display:flex;flex-direction:column;position:relative;width:128px}.dropdown__name{color:var(--c-secondary);font-size:12px;font-weight:600;margin-bottom:4px}.dropdown__box{border:1px solid var(--c-tips)}.dropdown__box--open{border:1px solid var(--c-primary)}.dropdown__button{align-items:center;color:var(--c-primary);cursor:pointer;display:flex;font-weight:600;height:100%;justify-content:space-between;line-height:150%;padding:10px 12px;width:100%}.dropdown__open{background-color:initial;cursor:pointer;height:16px}.dropdown__arrow{transition:.3s}.dropdown__list{background-color:var(--c-bg);box-shadow:0 2px 15px 0 #0000000d;left:0;list-style-type:none;overflow:hidden;position:absolute;top:64px;transition:height .2s;width:100%;z-index:1}.dropdown__item{color:var(--c-secondary);cursor:pointer;line-height:150%;padding:6px 12px}.dropdown__item--selected,.dropdown__item:hover{color:var(--c-primary)}.paginator{display:flex;gap:16px}.paginator__list{display:flex;gap:8px;list-style-type:none}.paginator__item{align-items:center;border:1px solid var(--c-elements);color:var(--c-details);cursor:pointer;display:flex;height:32px;justify-content:center;line-height:150%;width:32px}.paginator__item:hover{border:1px solid var(--c-primary)}.paginator__item--active{background-color:var(--c-primary);border:none;color:var(--c-bg)}.bread-crumbs{display:flex;gap:8px;list-style-type:none}.bread-crumbs__arrow{transform:rotateY(180deg)}.bread-crumbs__link{display:flex}.bread-crumbs__item{color:var(--c-primary);display:flex;font-size:12px;font-weight:600;gap:8px}.back-button,.bread-crumbs__item--active,.bread-crumbs__item:hover{color:var(--c-secondary)}.back-button{align-items:center;cursor:pointer;display:flex;gap:4px;width:-webkit-min-content;width:min-content}.back-button:hover{color:var(--c-primary)}.back-button>span{font-size:10px;font-weight:600}@keyframes cart-page-mount{0%{transform:scale(0);transform-origin:right top}to{transform:scale(1);transform-origin:right top}}@keyframes cart-page-empty-icon{0%,66.67%{transform:scale(1)}83.33%{transform:scale(1.1)}to{transform:scale(1)}}.cart-page{padding-block:40px}.cart-page,.cart-page--empty{animation:cart-page-mount .5s forwards}.cart-page--empty{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.cart-page--empty>img{animation:cart-page-empty-icon 2s ease-in-out infinite;height:128px}.cart-page--empty__message{color:var(--c-primary);font-size:64px;font-weight:600;margin-block:40px 16px}.cart-page--empty__description{color:var(--c-secondary);font-size:16px;max-width:400px;text-align:center}.cart-page__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em;margin-block:16px 24px}.cart-page__content{grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:47fr 23fr}.cart-list{display:flex;flex-direction:column;gap:16px}@keyframes cart-product-item-unmount{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-50%)}}.cart-product-item{align-items:center;border:1px solid var(--c-elements);display:flex;height:128px;justify-content:space-between;padding:24px;transition:all .3s}.cart-product-item--unmount{animation:cart-product-item-unmount .3s ease-in-out forwards;pointer-events:none}.cart-product-item__left{align-items:center;display:flex;gap:24px}.cart-product-item__close-button{align-items:center;aspect-ratio:1;cursor:pointer;display:flex;justify-content:center;padding:4px;width:24px}.cart-product-item__close-button:hover{filter:brightness(50%)}.cart-product-item__image-block{align-items:center;display:flex;height:80px;justify-content:center;width:80px}.cart-product-item__image{display:block;height:100%}.cart-product-item__name{color:var(--c-primary);font-size:16px;font-weight:500;line-height:150%;max-width:240px}.cart-product-item__right{align-items:center;display:flex;gap:40px}.cart-product-item__price-block{align-items:flex-end;color:var(--c-primary);display:flex;flex-direction:column;gap:4px;position:relative;width:90px}.cart-product-item__price{bottom:-40%;font-size:10px;font-weight:700;line-height:150%;position:absolute;right:0;width:-webkit-max-content;width:max-content}.cart-product-item__price>span{color:var(--c-secondary);font-size:8px}.cart-product-item__summary-price{font-size:22px;font-weight:700;line-height:140%}.counter{display:flex}.counter__button{border:1px solid;border-color:var(--c-tips);cursor:pointer;height:32px;transition:transform .3s;width:32px}.counter__button:hover{border-color:var(--c-primary)}.counter__button:active>img{transform:scale(1.15)}.counter__button:disabled{border-color:var(--c-elements);opacity:.5}.counter__count{color:var(--c-primary);font-size:14px;font-weight:600;height:32px;justify-content:center;width:32px}.cart-summary,.counter__count{align-items:center;display:flex}.cart-summary{border:1px solid var(--c-elements);flex-direction:column;height:-webkit-min-content;height:min-content;padding:24px;position:-webkit-sticky;position:sticky;top:calc(var(--header-height) + 16px)}.cart-summary>hr{background-color:var(--c-elements);border:none;height:1px;margin-block:24px;width:100%}.cart-summary__total-price{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.01em}.cart-summary__total{color:var(--c-secondary);line-height:150%}.cart-summary__checkout{align-items:center;background-color:var(--c-primary);color:var(--c-bg);cursor:pointer;display:flex;font-family:inherit;font-weight:600;height:40px;justify-content:center;width:100%}.cart-summary__checkout:hover{box-shadow:0 3px 13px #171f3042}.product-details{max-width:1136px}.product-details__title{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px}.product-details__content{grid-gap:80px 16px;display:grid;gap:80px 16px;grid-template-columns:repeat(24,minmax(16px,32px));margin-top:60px}.product-details__about-block,.product-details__gallery{grid-column:span 12}.product-details__interaction{align-self:center;grid-column:14/-4}.product-details__specs-table{grid-column:14/-1}.image-gallery-with-choice{display:flex;gap:16px}.image-gallery-with-choice__images{display:flex;flex-direction:column;gap:16px}.image-gallery-with-choice__selected-image-container{display:flex;flex-grow:1;height:464px;justify-content:center;width:464px}.image-gallery-with-choice__image,.image-gallery-with-choice__selected-image{height:100%;object-fit:contain;width:100%}.image-gallery-with-choice__image-container{aspect-ratio:1;border:1px solid var(--c-tips);cursor:pointer;display:flex;height:80px;justify-content:center;padding:2px}.image-gallery-with-choice__image-container--selected,.image-gallery-with-choice__image-container:hover{border:1px solid var(--c-primary)}.image-gallery-with-choice__image{display:block;height:100%}.about-block{color:var(--c-primary);display:flex;flex-direction:column}.about-block__title{font-size:22px;font-weight:700;line-height:140%}.about-block>hr{background-color:var(--c-elements);border:none;height:1px;margin-block:16px}.about-block__content{display:flex;flex-direction:column;gap:32px;padding-block:16px}.about-block__item-title{font-size:20px;font-weight:600;margin-bottom:16px}.about-block__item-content{color:var(--c-secondary);display:flex;flex-direction:column;gap:16px}.about-block__item-paragraph{font-size:14px;font-weight:500;line-height:150%}.specs-table{display:flex;flex-direction:column;gap:24px}.specs-table caption{border-bottom:1px solid var(--c-elements);color:var(--c-primary);font-size:22px;font-weight:700;line-height:140%;padding-bottom:16px;text-align:left}.specs-table tbody{color:var(--c-secondary);display:flex;flex-direction:column;font-weight:500;gap:8px;line-height:150%}.specs-table tr{align-items:center;display:flex;justify-content:space-between}.specs-table td{max-width:50%}.specs-table td:nth-child(2n){color:var(--c-primary);text-align:right}.product-details-interaction__option-togglers{display:flex;flex-direction:column;gap:24px}.product-details-interaction__option-togglers>hr{background-color:var(--c-elements);border:none;height:1px}.product-details-interaction__price-container{align-items:center;display:flex;gap:8px;margin-bottom:16px}.product-details-interaction__new-price{color:var(--c-primary);font-size:32px;font-weight:700;letter-spacing:-.32px;text-decoration:none}.product-details-interaction__old-price{color:var(--c-secondary);font-size:22px;font-weight:500}.product-details-interaction__min-specs-table{margin-top:32px}.product-details-interaction__buttons{display:flex;gap:8px}.product-details-interaction__buttons>*{height:48px}.options-toggler__title{color:var(--c-secondary);font-size:12px;font-weight:600}.options-toggler__options{display:flex;gap:8px;list-style-type:none;margin-top:8px}.color-item{align-items:center;border:1px solid var(--c-elements);border-radius:50%;cursor:pointer;display:flex;height:32px;justify-content:center;width:32px}.color-item--selected,.color-item:hover{border:1px solid var(--c-primary)}.color-item__color{aspect-ratio:1;border-radius:50%;width:26px}.rectangle-text-item{align-items:center;aspect-ratio:2/1;border:1px solid var(--c-tips);color:var(--c-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:center;line-height:150%;width:64px}.rectangle-text-item--selected{background-color:var(--c-primary);border:1px solid var(--c-primary);color:var(--c-bg)}.product-page{padding-block:24px 80px}.product-page__content{display:flex;flex-direction:column;gap:80px}.product-page__back-button{margin-block:40px 16px}@keyframes checkout-page-mount{0%{transform:scale(0)}to{transform:scale(1)}}.checkout-page{align-items:center;animation:checkout-page-mount 1.5s;display:flex;flex-direction:column;flex-grow:1;justify-content:center}.checkout-page__main-description{color:var(--c-primary);font-size:24px;max-width:500px;text-align:center}.checkout-page__main-description>a{color:var(--c-success)}.checkout-page__main-description>a:hover{filter:brightness(1.2)}.checkout-page__description{color:var(--c-secondary);margin-block:20px;max-width:600px;text-align:center}.checkout-page__link{align-items:center;border:1px solid var(--c-primary);border-radius:4px;color:var(--c-primary);display:flex;font-weight:600;justify-content:center;margin-top:10px;padding:4px;width:200px}.checkout-page__link:hover{border-color:var(--c-success);color:var(--c-success)} -/*# sourceMappingURL=main.693d38bc.css.map*/ \ No newline at end of file diff --git a/static/js/main.da3ea754.js b/static/js/main.cf2a1f1e.js similarity index 89% rename from static/js/main.da3ea754.js rename to static/js/main.cf2a1f1e.js index c69ad1e38e..ad153c6136 100644 --- a/static/js/main.da3ea754.js +++ b/static/js/main.cf2a1f1e.js @@ -1,3 +1,3 @@ -/*! For license information please see main.da3ea754.js.LICENSE.txt */ -(()=>{var e={694:(e,t)=>{var n;!function(){"use strict";var r={}.hasOwnProperty;function a(){for(var e=[],t=0;t{"use strict";var r=n(791),a=n(296);function o(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n