.featured-collection{background-color:var(--bg);color:var(--fg)}.featured-collection__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1.6rem 3.2rem;margin-bottom:4rem}.featured-collection__header.align-center{flex-direction:column;align-items:center;text-align:center}.featured-collection__header .subheading{margin-top:1.2rem;max-width:62ch}.featured-collection__view-all{flex-shrink:0}.featured-collection__empty{padding:4rem 0;text-align:center}.carousel{display:block;position:relative}.carousel__viewport{margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}@media screen and (min-width:990px){.carousel__viewport{margin-inline:0;padding-inline:0}}.carousel__track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--slides, 2) - 1) * var(--carousel-gap, 1.6rem)) / var(--slides, 2));gap:var(--carousel-gap, calc(var(--column-gap, 32px) * .5));overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;scrollbar-width:none;padding-bottom:.4rem;list-style:none;--slides: var(--slides-mobile, 2)}.carousel__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.carousel__track{--slides: var(--slides-tablet, 3);--carousel-gap: calc(var(--column-gap, 32px) * .8)}}@media screen and (min-width:990px){.carousel__track{--slides: var(--slides-desktop, 4);--carousel-gap: var(--column-gap, 32px)}}.carousel__track:focus-visible{outline:var(--focus-ring) solid var(--accent);outline-offset:4px}.carousel__slide{scroll-snap-align:start;min-width:0}.carousel__controls{display:flex;align-items:center;justify-content:center;gap:.8rem;margin-top:3.2rem}.carousel__controls[hidden]{display:none}.carousel__button{display:inline-flex;align-items:center;justify-content:center;width:4.8rem;height:4.8rem;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--fg);transition:border-color var(--duration) var(--ease),color var(--duration) var(--ease),opacity var(--duration) var(--ease)}.carousel__button:hover:not(:disabled){border-color:var(--fg);color:var(--accent)}.carousel__button:disabled{opacity:.3;cursor:not-allowed}.carousel__button svg{width:1.8rem;height:1.8rem}.carousel__dots{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem;margin-top:2.4rem}.carousel__dots[hidden]{display:none}.carousel__dot{position:relative;width:2.8rem;height:2.8rem;border:0;background:none;cursor:pointer}.carousel__dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:.8rem;height:.8rem;border-radius:var(--radius-pill);border:1px solid var(--fg);background-color:transparent;transition:background-color var(--duration) var(--ease),transform var(--duration) var(--ease)}.carousel__dot:hover:after{background-color:rgba(var(--fg-rgb),.4)}.carousel__dot.is-active:after{background-color:var(--accent);border-color:var(--accent);transform:translate(-50%,-50%) scale(1.25)}.carousel__controls[hidden]+.carousel__dots{display:none}.carousel__pause-icon{position:relative;display:block;width:1.2rem;height:1.4rem;border-left:3px solid currentColor;border-right:3px solid currentColor}.carousel__button--play.is-paused .carousel__pause-icon{width:0;height:0;border-left:1.2rem solid currentColor;border-right:0;border-top:.7rem solid transparent;border-bottom:.7rem solid transparent;margin-left:.3rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-carousel.css.map */