diff --git a/asset-manifest.json b/asset-manifest.json index 977a1cad5d..d086503d32 100644 --- a/asset-manifest.json +++ b/asset-manifest.json @@ -1,16 +1,16 @@ { "files": { - "main.css": "./static/css/main.cadde857.css", - "main.js": "./static/js/main.dc86617f.js", + "main.css": "./static/css/main.694fc443.css", + "main.js": "./static/js/main.2587eb94.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.cadde857.css.map": "./static/css/main.cadde857.css.map", - "main.dc86617f.js.map": "./static/js/main.dc86617f.js.map" + "main.694fc443.css.map": "./static/css/main.694fc443.css.map", + "main.2587eb94.js.map": "./static/js/main.2587eb94.js.map" }, "entrypoints": [ - "static/css/main.cadde857.css", - "static/js/main.dc86617f.js" + "static/css/main.694fc443.css", + "static/js/main.2587eb94.js" ] } \ No newline at end of file diff --git a/index.html b/index.html index e68cc08fc0..53d0bc07ed 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.694fc443.css b/static/css/main.694fc443.css new file mode 100644 index 0000000000..54931ada38 --- /dev/null +++ b/static/css/main.694fc443.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")}.main{max-width:1184px;max-width:calc(var(--max-content-width) + 48px);padding-inline:24px}*{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;width:100%}: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}@media (max-width:920px){.header{flex-direction:column-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:.3s}.header--hidden{transform:translateY(-100%)}}.header__right{display:flex;flex-grow:1;justify-content:flex-end}@media (max-width:920px){.header__right{border-bottom:1px solid var(--c-elements)}}.header__search{border:solid var(--c-elements);border-width:0 0 0 1px;flex-grow:1;flex-shrink:1;max-width:328px}@media (max-width:920px){.header__search{border-width:0;flex-grow:0;height:48px;max-width:none;width:100%}.header__square-link{height:48px}}.header__close{height:32px}.navbar{align-items:stretch;display:flex;gap:32px;justify-content:space-between;padding-inline:8px}@media (max-width:920px){.navbar{overflow:auto}.navbar::-webkit-scrollbar{height:2px}.navbar::-webkit-scrollbar-thumb{background:var(--c-tips)}}@media (max-width:480px){.navbar{gap:16px}}.navbar__item{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:700;letter-spacing:.48px;line-height:11px;padding:16px;position:relative;text-transform:uppercase}@media (hover:hover) and (pointer:fine){.navbar__item{transition:color .3s}.navbar__item:hover{color:var(--c-primary)}}@media (max-width:920px){.navbar__item{padding-block:18px}}.navbar__item:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;transition:.3s;width:0}@media (max-width:480px){.navbar__item:after{height:2px}}.navbar__item--active{color:var(--c-primary)}.navbar__item--active:after{width:calc(100% - 32px)}.navbar__item--logo{aspect-ratio:1;height:100%}@media (max-width:920px){.navbar__item--logo{display:none;height:64px}}@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}@media (hover:hover) and (pointer:fine){.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{display:flex;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;display:flex;height:100%;justify-content:center}.footer__content{max-width:calc(var(--max-content-width) + 48px);padding-inline:24px}.footer{border-top:1px solid var(--c-tips);box-shadow:0 -1px 0 0 var(--c-elements);display:flex;height:96px;justify-content:center}.footer__content{align-items:center;display:flex;flex-grow:1;justify-content:space-between}@media (max-width:920px){.footer__content{flex-direction:column;gap:24px;padding-block:20px}}.footer__links{display:flex;gap:64px}@media (max-width:920px){.footer__links{flex-wrap:wrap;gap:20px}}.footer__link{color:var(--c-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;line-height:92%;text-align:center;text-transform:uppercase}@media (max-width:920px){.footer__link{font-size:16px}}.footer__back-to-top{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:16px}@media (hover:hover) and (pointer:fine){.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top:hover>button{border:1px solid var(--c-primary)}}@media (max-width:920px){.footer__back-to-top{align-self:flex-end}}.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}@media (hover:hover) and (pointer:fine){.arrow-button{transition:border-color 0ms}.arrow-button:hover{border-color: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-x:hidden}.products-carousel__content{display:flex;overflow-x:auto;scroll-snap-type:x proximity}.products-carousel__content::-webkit-scrollbar{display:none}.products-carousel__item{scroll-snap-align:start}:root{--product-card-width:272px}@media (max-width:480px){:root{--product-card-width:230px}}.product-card{background:var(--c-bg);border:1px solid var(--c-elements);box-shadow:0 2px 15px 0 #0000000d;display:flex;flex-direction:column;padding:23px}@media (hover:hover) and (pointer:fine){.product-card__content{transition:.3s}.product-card:hover .product-card__content{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;width:100%}.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}@media (hover:hover) and (pointer:fine){.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}@media (hover:hover) and (pointer:fine){.square-select-button{transition:border-color .3s}.square-select-button:hover{border-color: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(-16px)}to{opacity:.5;transform:translateX(0)}}@keyframes show-next-arrow{0%{opacity:0;transform:translateX(16px)}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-radius:5px;display:flex;height:60px;opacity:.5;position:absolute;top:calc(50% - 30px)}@media (hover:hover) and (pointer:fine){.banners-slider__arrow-button{display:none}.banners-slider__arrow-button:hover{border:1px solid var(--c-primary);opacity:.8}}.banners-slider__arrow-button--prev{animation:show-prev-arrow .5s forwards;left:16px}@media (max-width:920px){.banners-slider__arrow-button--prev{left:-16px}}.banners-slider__arrow-button--next{animation:show-next-arrow .5s forwards;right:16px}@media (max-width:920px){.banners-slider__arrow-button--next{right:-16px}}.banners-slider__top{position:relative}.banners-slider__top:hover .banners-slider__arrow-button{display:flex}.banners-slider__content{height:clamp(200px,33vw,400px)}@media (max-width:920px){.banners-slider__content{margin-inline:-24px}}.banners-slider__img{background-color:var(--c-elements);background-position:50%;background-repeat:no-repeat;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{display:flex;flex-direction:column;gap:80px;padding-block:40px 80px}@media (max-width:920px){.home-page{gap:32px;padding-block:0 40px}}.categories-gallery{display:flex;flex-direction:column;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{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(3,1fr);width:100%}@media (max-width:480px){.categories-gallery__content{grid-template-columns:repeat(2,1fr)}}.category-item__placeholder{height:443px}.category-item__link{display:flex;flex-direction:column;gap:24px}@media (hover:hover) and (pointer:fine){.category-item__link{transition:transform .3s}.category-item__link:hover{transform:scale(1.05)}}.category-item__img{aspect-ratio:1;display:block;object-fit:cover;width:100%}.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}.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(var(--product-card-width),1fr))}@media (max-width:920px){.products-list{gap:24px 12px}}.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}@media (hover:hover) and (pointer:fine){.dropdown__item{transition:color 0}.dropdown__item:hover{color:var(--c-primary)}}.dropdown__item--selected{color:var(--c-primary)}.paginator{display:flex;gap:16px;max-width:100%}.paginator__list{display:flex;gap:8px;list-style-type:none;overflow:auto}.paginator__item{align-items:center;border:1px solid var(--c-elements);color:var(--c-details);cursor:pointer;display:flex;justify-content:center;line-height:150%;min-height:32px;min-width:32px}@media (hover:hover) and (pointer:fine){.paginator__item{transition:border-color 0ms}.paginator__item:hover{border-color:var(--c-primary)}}.paginator__item--active{background-color:var(--c-primary);border:none;color:var(--c-bg);pointer-events:none}.paginator__arrow{flex-shrink:0}.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}.bread-crumbs__item--active{color:var(--c-secondary)}@media (hover:hover) and (pointer:fine){.bread-crumbs__item{transition:color 0}.bread-crumbs__item:hover{color:var(--c-secondary)}}.back-button{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;gap:4px;width:-webkit-min-content;width:min-content}@media (hover:hover) and (pointer:fine){.back-button{transition:color 0}.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}@media (hover:hover) and (pointer:fine){.cart-product-item__close-button{transition:filter 0}.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}@media (hover:hover) and (pointer:fine){.counter__button{transition:border-color 0ms}.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%}@media (hover:hover) and (pointer:fine){.cart-summary__checkout{transition:box-shadow 0}.cart-summary__checkout:hover{box-shadow:0 3px 13px #171f30}}.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}@media (hover:hover) and (pointer:fine){.image-gallery-with-choice__image-container{transition:border-color 0ms}.image-gallery-with-choice__image-container:hover{border-color:var(--c-primary)}}.image-gallery-with-choice__image-container--selected{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}@media (hover:hover) and (pointer:fine){.color-item{transition:border-color 0ms}.color-item:hover{border-color:var(--c-primary)}}.color-item--selected{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)}@media (hover:hover) and (pointer:fine){.checkout-page__main-description>a{transition:filter 0}.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}@media (hover:hover) and (pointer:fine){.checkout-page__link:hover{border-color:var(--c-success);color:var(--c-success)}} +/*# sourceMappingURL=main.694fc443.css.map*/ \ No newline at end of file diff --git a/static/css/main.694fc443.css.map b/static/css/main.694fc443.css.map new file mode 100644 index 0000000000..a35956490f --- /dev/null +++ b/static/css/main.694fc443.css.map @@ -0,0 +1 @@ +{"version":3,"file":"static/css/main.694fc443.css","mappings":"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","sources":["styles/varsCss.scss","styles/fonts.scss","styles/extends.scss","styles/App.scss","components/common/Header/Header.scss","components/common/Navbar/Navbar.scss","styles/mixins.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","%max-content-width {\n max-width: calc(var(--max-content-width) + 2 * 24px);\n padding-inline: 24px;\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: 100%;\r\n\r\n @extend %max-content-width;\r\n}","@import './../../../styles/mixins';\n\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 @include onTablet {\n flex-direction: column-reverse;\n height: fit-content;\n transition: 300ms;\n\n &--hidden {\n transform: translateY(-100%);\n }\n }\n\n &__right {\n flex-grow: 1;\n display: flex;\n justify-content: flex-end;\n\n @include onTablet {\n border-bottom: 1px solid var(--c-elements);\n }\n }\n\n &__search {\n max-width: 328px;\n flex-grow: 1;\n flex-shrink: 1;\n border: 1px solid var(--c-elements);\n border-width: 0 0 0 1px;\n \n @include onTablet {\n border-width: 0;\n flex-grow: 0;\n width: 100%;\n max-width: none;\n height: 48px;\n }\n }\n\n &__square-link {\n @include onTablet {\n height: 48px;\n }\n }\n\n &__close {\n height: 32px;\n }\n}","@import '../../../styles/mixins';\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n gap: 32px;\n padding-inline: 8px;\n\n @include onTablet {\n overflow: auto;\n\n &::-webkit-scrollbar {\n height: 2px;\n }\n \n &::-webkit-scrollbar-thumb {\n background: var(--c-tips);\n } \n }\n\n @include onMobile {\n gap: 16px;\n }\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 cursor: pointer;\n\n padding: 16px;\n\n @include hover(color, var(--c-primary));\n\n @include onTablet {\n padding-block: 18px;\n }\n\n &::after {\n content: '';\n position: absolute;\n height: 3px;\n width: 0;\n transition: $transition-time;\n background-color: var(--c-primary);\n bottom: 0;\n\n @include onMobile {\n height: 2px;\n }\n }\n \n &--active {\n color: var(--c-primary);\n \n &::after {\n width: calc(100% - 16px * 2);\n }\n }\n\n &--logo {\n aspect-ratio: 1;\n height: 100%;\n\n @include onTablet {\n display: none; \n height: 64px;\n }\n }\n }\n}","@import './vars';\n\n// stylelint-disable-next-line\n@mixin onMobile {\n @media (max-width: $mobile-width) {\n @content;\n }\n}\n\n// stylelint-disable-next-line\n@mixin onTablet {\n @media (max-width: $tablet-width) {\n @content;\n }\n}\n\n@mixin onHoverSupport() {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin onTouchScreenDevice() {\n @media (hover: none) and (pointer: coarse) {\n @content;\n }\n}\n\n@mixin hover($_property, $_toValue, $_transition-time: $transition-time) {\n @media (hover: hover) and (pointer: fine) {\n transition: #{$_property} #{$_transition-time};\n &:hover {\n #{$_property}: $_toValue;\n }\n }\n}","// fonts\n$f-main: 'Mont';\n\n// animations\n$transition-time: 300ms;\n\n// responsive\n$tablet-width: 920px;\n$mobile-width: 480px;\n","@import '../../../styles/vars';\n@import '../../../styles/mixins';\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 @include onHoverSupport {\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 \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 display: flex;\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}","@import '../../../styles/mixins';\n@import '../../../styles/extends';\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\n @extend %max-content-width;\n\n // flex-wrap: wrap;\n @include onTablet {\n padding-block: 20px;\n flex-direction: column;\n gap: 24px;\n }\n }\n\n &__links {\n display: flex;\n gap: 64px;\n\n @include onTablet {\n flex-wrap: wrap;\n gap: 20px;\n }\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 text-align: center;\n\n @include onTablet {\n font-size: 16px;\n }\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 @include onHoverSupport {\n &:hover {\n text-decoration: underline;\n \n & > button {\n border: 1px solid var(--c-primary);\n }\n }\n }\n\n @include onTablet {\n align-self: flex-end;\n }\n }\n}","@import '../../../../styles/mixins';\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 @include hover(border-color, var(--c-primary), 0ms);\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-x: hidden;\n }\n\n &__content {\n display: flex;\n scroll-snap-type: x proximity;\n overflow-x: auto;\n\n &::-webkit-scrollbar { \n display: none;\n }\n }\n\n &__item {\n scroll-snap-align: start;\n }\n}","@import '../../../styles/mixins';\n\n:root {\n --product-card-width: 272px;\n \n @include onMobile {\n --product-card-width: 230px;\n }\n}\n\n.product-card {\n display: flex;\n flex-direction: column;\n padding: 23px;\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\n @include onHoverSupport {\n &__content {\n transition: $transition-time;\n }\n\n &:hover &__content {\n transform: scale(1.02);\n }\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 width: 100%;\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/mixins';\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 @include onHoverSupport {\n &:hover {\n cursor: pointer;\n box-shadow: 0 3px 13px 0 rgba(23, 32, 49, 0.26);\n }\n }\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/mixins';\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 @include hover(border-color, var(--c-primary));\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@import '../../../styles/mixins';\n\n@keyframes show-prev-arrow {\n from {\n transform: translateX(-16px);\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(16px);\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: flex;\n top: calc(50% - 30px);\n height: 60px;\n opacity: 0.5;\n background-color: var(--c-bg);\n border-radius: 5px;\n \n @include onHoverSupport {\n display: none;\n\n &:hover {\n opacity: 0.8;\n border: 1px solid var(--c-primary);\n }\n }\n\n &--prev {\n left: 16px;\n animation: show-prev-arrow 0.5s forwards;\n\n @include onTablet {\n left: -16px;\n }\n }\n\n &--next {\n right: 16px;\n animation: show-next-arrow 0.5s forwards;\n\n @include onTablet {\n right: -16px;\n }\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: clamp(200px, 33vw, 400px);\n \n @include onTablet {\n margin-inline: -24px;\n }\n }\n\n &__img {\n opacity: 1;\n display: block;\n background-position: center;\n background-size: cover;\n background-repeat: no-repeat;\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}","@import '../../styles/mixins';\n\n.home-page {\n display: flex;\n flex-direction: column;\n gap: 80px;\n padding-block: 40px 80px;\n\n @include onTablet {\n gap: 32px;\n padding-block: 0 40px;\n }\n}","@import '../../../styles/mixins';\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 width: 100%;\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 16px; \n \n @include onMobile {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n}\n\n.category-item {\n &__placeholder {\n height: 443px;\n }\n\n &__link {\n display: flex;\n flex-direction: column;\n gap: 24px;\n\n @include hover(transform, scale(1.05));\n }\n\n &__img {\n display: block;\n object-fit: cover;\n aspect-ratio: 1;\n width: 100%;\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}","@import '../../../styles/mixins';\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 @mixin onHoverSupport {\n &:hover {\n background-color: var(--c-secondary);\n text-decoration: underline;\n }\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}","@import '/src/styles/mixins';\n\n.products-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(var(--product-card-width), 1fr));\n gap: 40px 16px;\n\n @include onTablet {\n gap: 24px 12px;\n }\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@import '../../../styles/mixins';\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 @include hover(color, var(--c-primary), 0);\n\n &--selected {\n color: var(--c-primary);\n }\n }\n}","@import '../../../styles/mixins';\n\n.paginator {\n display: flex;\n gap: 16px;\n max-width: 100%;\n \n &__list {\n display: flex;\n overflow: auto;\n gap: 8px;\n list-style-type: none;\n }\n\n &__item {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n color: var(--c-details);\n line-height: 150%;\n border: 1px solid var(--c-elements);\n cursor: pointer;\n\n @include hover(border-color, var(--c-primary), 0ms);\n\n &--active {\n background-color: var(--c-primary);\n pointer-events: none;\n color: var(--c-bg);\n border: none;\n }\n }\n\n &__arrow {\n flex-shrink: 0;\n }\n}","@import '../../../styles/mixins';\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 color: var(--c-secondary);\n }\n\n @include hover(color, var(--c-secondary), 0);\n }\n}","@import '../../../../styles/mixins';\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 @include hover(color, var(--c-primary), 0);\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}","@import '../../../styles/mixins';\n\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 @include hover(filter, brightness(50%), 0);\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@import '../../../styles/mixins';\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 @include hover(border-color, var(--c-primary), 0ms);\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}","@import '../../../styles/mixins';\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 @include hover(box-shadow, 0 3px 13px #171f30, 0);\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}","@import '../../../styles/mixins';\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 @include hover(border-color, var(--c-primary), 0ms);\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}","@import '../../../../styles/mixins';\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 @include hover(border-color, var(--c-primary), 0ms);\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}","@import '../../styles/mixins';\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 @include hover(filter, brightness(1.2), 0);\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 @include onHoverSupport {\n &:hover {\n color: var(--c-success);\n border-color: var(--c-success);\n }\n }\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/css/main.cadde857.css b/static/css/main.cadde857.css deleted file mode 100644 index 9a171adccf..0000000000 --- a/static/css/main.cadde857.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")}.main{max-width:1184px;max-width:calc(var(--max-content-width) + 48px);padding-inline:24px}*{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;width:100%}: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}@media (max-width:920px){.header{flex-direction:column-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;transition:.3s}.header--hidden{transform:translateY(-100%)}}.header__right{display:flex;flex-grow:1;justify-content:flex-end}@media (max-width:920px){.header__right{border-bottom:1px solid var(--c-elements)}}.header__search{border:solid var(--c-elements);border-width:0 0 0 1px;flex-grow:1;flex-shrink:1;max-width:328px}@media (max-width:920px){.header__search{border-width:0;flex-grow:0;height:48px;max-width:none;width:100%}.header__square-link{height:48px}}.header__close{height:32px}.navbar{align-items:stretch;display:flex;gap:32px;justify-content:space-between;padding-inline:8px}@media (max-width:920px){.navbar{overflow:auto}.navbar::-webkit-scrollbar{height:2px}.navbar::-webkit-scrollbar-thumb{background:var(--c-tips)}}@media (max-width:480px){.navbar{gap:16px}}.navbar__item{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:700;letter-spacing:.48px;line-height:11px;padding:16px;position:relative;text-transform:uppercase}@media (hover:hover) and (pointer:fine){.navbar__item{transition:color .3s}.navbar__item:hover{color:var(--c-primary)}}@media (max-width:920px){.navbar__item{padding-block:18px}}.navbar__item:after{background-color:var(--c-primary);bottom:0;content:"";height:3px;position:absolute;transition:.3s;width:0}@media (max-width:480px){.navbar__item:after{height:2px}}.navbar__item--active{color:var(--c-primary)}.navbar__item--active:after{width:calc(100% - 32px)}.navbar__item--logo{aspect-ratio:1;height:100%}@media (max-width:920px){.navbar__item--logo{display:none;height:64px}}@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}@media (hover:hover) and (pointer:fine){.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{display:flex;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;display:flex;height:100%;justify-content:center}.footer__content{max-width:calc(var(--max-content-width) + 48px);padding-inline:24px}.footer{border-top:1px solid var(--c-tips);box-shadow:0 -1px 0 0 var(--c-elements);display:flex;height:96px;justify-content:center}.footer__content{align-items:center;display:flex;flex-grow:1;justify-content:space-between}@media (max-width:920px){.footer__content{flex-direction:column;gap:24px;padding-block:20px}}.footer__links{display:flex;gap:64px}@media (max-width:920px){.footer__links{flex-wrap:wrap;gap:20px}}.footer__link{color:var(--c-secondary);font-size:12px;font-weight:700;letter-spacing:.04em;line-height:92%;text-align:center;text-transform:uppercase}@media (max-width:920px){.footer__link{font-size:16px}}.footer__back-to-top{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:16px}@media (hover:hover) and (pointer:fine){.footer__back-to-top:hover{text-decoration:underline}.footer__back-to-top:hover>button{border:1px solid var(--c-primary)}}@media (max-width:920px){.footer__back-to-top{align-self:flex-end}}.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}@media (hover:hover) and (pointer:fine){.arrow-button{transition:border 0}.arrow-button:hover{border: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}@media (max-width:480px){:root{--product-card-width:230px}}.product-card{background:var(--c-bg);border:1px solid var(--c-elements);box-shadow:0 2px 15px 0 #0000000d;display:flex;flex-direction:column;padding:24px}@media (hover:hover) and (pointer:fine){.product-card{transition:transform .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}@media (hover:hover) and (pointer:fine){.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}@media (hover:hover) and (pointer:fine){.square-select-button{transition:border .3s}.square-select-button:hover{border: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)}@media (hover:hover) and (pointer:fine){.banners-slider__arrow-button{display:flex}}.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}@media (hover:hover) and (pointer:fine){.category-item__link{transition:transform .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}.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(var(--product-card-width),1fr))}@media (max-width:920px){.products-list{gap:24px 12px}}.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}@media (hover:hover) and (pointer:fine){.dropdown__item{transition:color 0}.dropdown__item:hover{color:var(--c-primary)}}.dropdown__item--selected{color:var(--c-primary)}.paginator{display:flex;gap:16px;max-width:100%}.paginator__list{display:flex;gap:8px;list-style-type:none;overflow:auto}.paginator__item{align-items:center;border:1px solid var(--c-elements);color:var(--c-details);cursor:pointer;display:flex;justify-content:center;line-height:150%;min-height:32px;min-width:32px}@media (hover:hover) and (pointer:fine){.paginator__item{transition:border 0}.paginator__item:hover{border:var(--c-primary)}}.paginator__item--active{background-color:var(--c-primary);border:none;color:var(--c-bg);pointer-events:none}.paginator__arrow{flex-shrink:0}.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}.bread-crumbs__item--active{color:var(--c-secondary)}@media (hover:hover) and (pointer:fine){.bread-crumbs__item{transition:color 0}.bread-crumbs__item:hover{color:var(--c-secondary)}}.back-button{align-items:center;color:var(--c-secondary);cursor:pointer;display:flex;gap:4px;width:-webkit-min-content;width:min-content}@media (hover:hover) and (pointer:fine){.back-button{transition:color 0}.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}@media (hover:hover) and (pointer:fine){.cart-product-item__close-button{transition:filter 0}.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}@media (hover:hover) and (pointer:fine){.counter__button{transition:border-color 0}.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%}@media (hover:hover) and (pointer:fine){.cart-summary__checkout{transition:box-shadow 0}.cart-summary__checkout:hover{box-shadow:0 3px 13px #171f30}}.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}@media (hover:hover) and (pointer:fine){.image-gallery-with-choice__image-container{transition:border 0}.image-gallery-with-choice__image-container:hover{border:var(--c-primary)}}.image-gallery-with-choice__image-container--selected{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}@media (hover:hover) and (pointer:fine){.color-item{transition:border 0}.color-item:hover{border:var(--c-primary)}}.color-item--selected{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)}@media (hover:hover) and (pointer:fine){.checkout-page__main-description>a{transition:filter 0}.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}@media (hover:hover) and (pointer:fine){.checkout-page__link:hover{border-color:var(--c-success);color:var(--c-success)}} -/*# sourceMappingURL=main.cadde857.css.map*/ \ No newline at end of file diff --git a/static/css/main.cadde857.css.map b/static/css/main.cadde857.css.map deleted file mode 100644 index 34e14fc3a7..0000000000 --- a/static/css/main.cadde857.css.map +++ /dev/null @@ -1 +0,0 @@ -{"version":3,"file":"static/css/main.cadde857.css","mappings":"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","sources":["styles/varsCss.scss","styles/fonts.scss","styles/extends.scss","styles/App.scss","components/common/Header/Header.scss","components/common/Navbar/Navbar.scss","styles/mixins.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","%max-content-width {\n max-width: calc(var(--max-content-width) + 2 * 24px);\n padding-inline: 24px;\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: 100%;\r\n\r\n @extend %max-content-width;\r\n}","@import './../../../styles/mixins';\n\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 @include onTablet {\n flex-direction: column-reverse;\n height: fit-content;\n transition: 300ms;\n\n &--hidden {\n transform: translateY(-100%);\n }\n }\n\n &__right {\n flex-grow: 1;\n display: flex;\n justify-content: flex-end;\n\n @include onTablet {\n border-bottom: 1px solid var(--c-elements);\n }\n }\n\n &__search {\n max-width: 328px;\n flex-grow: 1;\n flex-shrink: 1;\n border: 1px solid var(--c-elements);\n border-width: 0 0 0 1px;\n \n @include onTablet {\n border-width: 0;\n flex-grow: 0;\n width: 100%;\n max-width: none;\n height: 48px;\n }\n }\n\n &__square-link {\n @include onTablet {\n height: 48px;\n }\n }\n\n &__close {\n height: 32px;\n }\n}","@import '../../../styles/mixins';\n\n.navbar {\n display: flex;\n justify-content: space-between;\n align-items: stretch;\n gap: 32px;\n padding-inline: 8px;\n\n @include onTablet {\n overflow: auto;\n\n &::-webkit-scrollbar {\n height: 2px;\n }\n \n &::-webkit-scrollbar-thumb {\n background: var(--c-tips);\n } \n }\n\n @include onMobile {\n gap: 16px;\n }\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 cursor: pointer;\n\n padding: 16px;\n\n @include hover(color, var(--c-primary));\n\n @include onTablet {\n padding-block: 18px;\n }\n\n &::after {\n content: '';\n position: absolute;\n height: 3px;\n width: 0;\n transition: $transition-time;\n background-color: var(--c-primary);\n bottom: 0;\n\n @include onMobile {\n height: 2px;\n }\n }\n \n &--active {\n color: var(--c-primary);\n \n &::after {\n width: calc(100% - 16px * 2);\n }\n }\n\n &--logo {\n aspect-ratio: 1;\n height: 100%;\n\n @include onTablet {\n display: none; \n height: 64px;\n }\n }\n }\n}","@import './vars';\n\n// stylelint-disable-next-line\n@mixin onMobile {\n @media (max-width: $mobile-width) {\n @content;\n }\n}\n\n// stylelint-disable-next-line\n@mixin onTablet {\n @media (max-width: $tablet-width) {\n @content;\n }\n}\n\n@mixin onHoverSupport() {\n @media (hover: hover) and (pointer: fine) {\n @content;\n }\n}\n\n@mixin hover($_property, $_toValue, $_transition-time: $transition-time) {\n @media (hover: hover) and (pointer: fine) {\n transition: #{$_property} #{$_transition-time};\n &:hover {\n #{$_property}: $_toValue;\n }\n }\n}","// fonts\n$f-main: 'Mont';\n\n// animations\n$transition-time: 300ms;\n\n// responsive\n$tablet-width: 920px;\n$mobile-width: 480px;\n","@import '../../../styles/vars';\n@import '../../../styles/mixins';\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 @include onHoverSupport {\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 \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 display: flex;\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}","@import '../../../styles/mixins';\n@import '../../../styles/extends';\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\n @extend %max-content-width;\n\n // flex-wrap: wrap;\n @include onTablet {\n padding-block: 20px;\n flex-direction: column;\n gap: 24px;\n }\n }\n\n &__links {\n display: flex;\n gap: 64px;\n\n @include onTablet {\n flex-wrap: wrap;\n gap: 20px;\n }\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 text-align: center;\n\n @include onTablet {\n font-size: 16px;\n }\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 @include onHoverSupport {\n &:hover {\n text-decoration: underline;\n \n & > button {\n border: 1px solid var(--c-primary);\n }\n }\n }\n\n @include onTablet {\n align-self: flex-end;\n }\n }\n}","@import '../../../../styles/mixins';\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 @include hover(border, var(--c-primary), 0);\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/mixins';\n\n:root {\n --product-card-width: 272px;\n \n @include onMobile {\n --product-card-width: 230px;\n }\n}\n\n.product-card {\n display: flex;\n flex-direction: column;\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\n @include hover(transform, scale(1.02));\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/mixins';\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 @include onHoverSupport {\n &:hover {\n cursor: pointer;\n box-shadow: 0 3px 13px 0 rgba(23, 32, 49, 0.26);\n }\n }\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/mixins';\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 @include hover(border, var(--c-primary));\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@import '../../../styles/mixins';\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 @include onHoverSupport {\n display: flex;\n }\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/mixins';\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\n @include hover(transform, scale(1.05));\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}","@import '../../../styles/mixins';\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 @mixin onHoverSupport {\n &:hover {\n background-color: var(--c-secondary);\n text-decoration: underline;\n }\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}","@import '/src/styles/mixins';\n\n.products-list {\n display: grid;\n grid-template-columns: repeat(auto-fill, minmax(var(--product-card-width), 1fr));\n gap: 40px 16px;\n\n @include onTablet {\n gap: 24px 12px;\n }\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@import '../../../styles/mixins';\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 @include hover(color, var(--c-primary), 0);\n\n &--selected {\n color: var(--c-primary);\n }\n }\n}","@import '../../../styles/mixins';\n\n.paginator {\n display: flex;\n gap: 16px;\n max-width: 100%;\n \n &__list {\n display: flex;\n overflow: auto;\n gap: 8px;\n list-style-type: none;\n }\n\n &__item {\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 32px;\n min-width: 32px;\n color: var(--c-details);\n line-height: 150%;\n border: 1px solid var(--c-elements);\n cursor: pointer;\n\n @include hover(border, var(--c-primary), 0);\n\n &--active {\n background-color: var(--c-primary);\n pointer-events: none;\n color: var(--c-bg);\n border: none;\n }\n }\n\n &__arrow {\n flex-shrink: 0;\n }\n}","@import '../../../styles/mixins';\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 color: var(--c-secondary);\n }\n\n @include hover(color, var(--c-secondary), 0);\n }\n}","@import '../../../../styles/mixins';\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 @include hover(color, var(--c-primary), 0);\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}","@import '../../../styles/mixins';\n\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 @include hover(filter, brightness(50%), 0);\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@import '../../../styles/mixins';\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 @include hover(border-color, var(--c-primary), 0);\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}","@import '../../../styles/mixins';\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 @include hover(box-shadow, 0 3px 13px #171f30, 0);\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}","@import '../../../styles/mixins';\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 @include hover(border, var(--c-primary), 0);\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}","@import '../../../../styles/mixins';\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 @include hover(border, var(--c-primary), 0);\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}","@import '../../styles/mixins';\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 @include hover(filter, brightness(1.2), 0);\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 @include onHoverSupport {\n &:hover {\n color: var(--c-success);\n border-color: var(--c-success);\n }\n }\n }\n}"],"names":[],"sourceRoot":""} \ No newline at end of file diff --git a/static/js/main.dc86617f.js b/static/js/main.2587eb94.js similarity index 77% rename from static/js/main.dc86617f.js rename to static/js/main.2587eb94.js index e8eedba28b..8e769fb2d0 100644 --- a/static/js/main.dc86617f.js +++ b/static/js/main.2587eb94.js @@ -1,3 +1,3 @@ -/*! For license information please see main.dc86617f.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