.shop-by-category{--shop-by-category-gap: 1.4rem;--shop-by-category-card-w: 26rem;--shop-by-category-card-h: 36rem;--shop-by-category-radius: 1rem;background:#fff;color:#111;overflow:hidden}.shop-by-category__header{margin-bottom:2.8rem;text-align:center}.shop-by-category__heading{color:#000;font-family:Jost,sans-serif;font-size:2.62rem;font-weight:400;letter-spacing:.06em;line-height:1.2;margin:0;text-transform:uppercase}.shop-by-category__subheading{color:#111111a6;font-size:1.4rem;line-height:1.6;margin:1.2rem auto 0;max-width:54rem}.shop-by-category__empty{color:#1111118c;font-size:1.4rem;text-align:center}.shop-by-category__carousel{position:relative;width:100%}.shop-by-category__arrow{align-items:center;background:#ffffffeb;border:.1rem solid rgba(17,17,17,.12);border-radius:50%;box-shadow:0 .6rem 1.8rem #1111111f;color:#111;cursor:pointer;display:inline-flex;height:4.4rem;justify-content:center;padding:0;position:absolute;top:50%;transform:translateY(-50%);transition:background .25s ease,border-color .25s ease,box-shadow .25s ease;width:4.4rem;z-index:5}.shop-by-category__arrow:hover,.shop-by-category__arrow:focus-visible{background:#fff;border-color:#11111147;box-shadow:0 .8rem 2.2rem #11111129;outline:none}.shop-by-category__arrow--prev{left:1.2rem}.shop-by-category__arrow--next{right:1.2rem}.shop-by-category__arrow svg{display:block}.shop-by-category__viewport{cursor:grab;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;padding-block:3rem;scrollbar-width:none;-webkit-overflow-scrolling:touch;width:100%}.shop-by-category__viewport::-webkit-scrollbar{display:none}.shop-by-category__viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.shop-by-category__viewport.is-dragging .shop-by-category__card{pointer-events:none}.shop-by-category__track{display:flex;gap:0;width:max-content}.shop-by-category__set{display:flex;flex:0 0 auto;gap:var(--shop-by-category-gap);padding-inline:calc(var(--shop-by-category-gap) / 2)}.shop-by-category__card{border-radius:var(--shop-by-category-radius);color:#fff;display:block;flex:0 0 var(--shop-by-category-card-w);height:var(--shop-by-category-card-h);margin-inline-end:0;overflow:hidden;position:relative;text-decoration:none;transform:perspective(1000px) translateZ(0);transition:transform .9s cubic-bezier(.22,1,.36,1),box-shadow .9s cubic-bezier(.22,1,.36,1);width:var(--shop-by-category-card-w);will-change:transform}.shop-by-category__media{display:block;height:100%;overflow:hidden;position:relative;width:100%}.shop-by-category__image,.shop-by-category__placeholder{border-radius:var(--shop-by-category-radius);display:block;height:100%;object-fit:cover;width:100%}.shop-by-category__image{transition:transform .85s cubic-bezier(.22,1,.36,1)}.shop-by-category__placeholder{background:linear-gradient(145deg,#e8dfd0,#d4c4ae 45%,#b8a88f);transition:transform .85s cubic-bezier(.22,1,.36,1)}.shop-by-category__overlay{background:linear-gradient(0deg,#000000b8,#00000047 42%,#0000);top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;transition:opacity .55s ease}.shop-by-category__label{bottom:1.6rem;color:#fff;font-family:Jost,sans-serif;font-size:1.3rem;font-weight:400;left:1.6rem;letter-spacing:.1em;line-height:1.3;max-width:calc(100% - 3.2rem);position:absolute;text-transform:uppercase;transition:transform .55s cubic-bezier(.22,1,.36,1);z-index:1}.shop-by-category__card:hover,.shop-by-category__card:focus-visible{box-shadow:0 1.8rem 3.6rem #1111112e;transform:perspective(1000px) translateZ(26px);z-index:3}@media(prefers-reduced-motion:reduce){.shop-by-category__card,.shop-by-category__image,.shop-by-category__placeholder,.shop-by-category__overlay,.shop-by-category__label{transition:none}.shop-by-category__card:hover{box-shadow:none;transform:none}.shop-by-category__card:hover .shop-by-category__image,.shop-by-category__card:hover .shop-by-category__placeholder,.shop-by-category__card:hover .shop-by-category__label{transform:none}}@media screen and (max-width:749px){.shop-by-category{--shop-by-category-card-w: min(72vw, 26rem);--shop-by-category-card-h: min(96vw, 36rem);--shop-by-category-gap: 2rem;padding-top:5.6rem!important;padding-bottom:4.8rem!important}.shop-by-category__header{margin-bottom:2.4rem;padding-inline:1.6rem}.shop-by-category__heading{font-size:2.2rem}.shop-by-category__carousel{padding-inline:0}.shop-by-category__arrow{display:none!important}.shop-by-category__viewport{padding-block:1.6rem;padding-inline:1.6rem;scroll-padding-inline:1.6rem;scroll-snap-type:x mandatory}.shop-by-category__set{gap:var(--shop-by-category-gap)!important;padding-inline:calc(var(--shop-by-category-gap) / 2)!important}.shop-by-category__card{scroll-snap-align:center}.shop-by-category__card:hover,.shop-by-category__card:focus-visible{box-shadow:none;transform:none}.shop-by-category__label{bottom:1.2rem;font-size:1.1rem;left:1.2rem;letter-spacing:.1em}}@media screen and (max-width:480px){.shop-by-category{--shop-by-category-card-w: calc(100vw - 5.6rem) ;--shop-by-category-card-h: calc((100vw - 5.6rem)*1.35) ;--shop-by-category-gap: 1.8rem}.shop-by-category__set{gap:var(--shop-by-category-gap)!important;padding-inline:calc(var(--shop-by-category-gap) / 2)!important}.shop-by-category__viewport{padding-inline:1.2rem;scroll-padding-inline:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/shop-by-category.css.map */