section{padding:0}.horizontal-carousel,.horizontal-carousel *,.horizontal-carousel *:before,.horizontal-carousel *:after{box-sizing:border-box}.horizontal-carousel{position:relative;background:var(--carousel-bg, transparent);--item-w: var(--item-w-mobile, 90%);--h-scale-small: .78;--h-scale-medium: 1;--h-scale-large: 1.18}@media(min-width:750px)and (max-width:989px){.horizontal-carousel{--item-w: calc((var(--item-w-mobile, 90%) + var(--item-w-desktop, 24%)) / 2)}}@media(min-width:990px){.horizontal-carousel{--item-w: var(--item-w-desktop, 24%)}}@media(min-width:1801px){.horizontal-carousel{--item-w: calc(var(--item-w-desktop, 24%) * .8)}}.horizontal-carousel__header{padding:0;margin:0 0 1.5rem}.horizontal-carousel__heading{margin:0;font-size:clamp(1.5rem,1rem + 2vw,2.75rem);line-height:1.1}.horizontal-carousel__viewport{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scrollbar-width:none}.horizontal-carousel__viewport::-webkit-scrollbar{display:none}.horizontal-carousel__viewport:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.is-enhanced .horizontal-carousel__viewport{overflow:hidden;touch-action:pan-y;cursor:grab}.is-enhanced .horizontal-carousel__viewport.is-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}.horizontal-carousel__track{display:flex;align-items:flex-start;gap:var(--gap, 24px);list-style:none;margin:0;padding:0;width:100%}.horizontal-carousel__track.will-animate{will-change:transform}.horizontal-carousel__item{flex:0 0 var(--item-w);scroll-snap-align:start}.horizontal-carousel__media-wrap{position:relative;height:calc(var(--media-h-mobile, 380px) * var(--h-scale-medium));overflow:hidden;background:#e9e6e0}.horizontal-carousel__item--small .horizontal-carousel__media-wrap{height:calc(var(--media-h-mobile, 380px) * var(--h-scale-small))}.horizontal-carousel__item--large .horizontal-carousel__media-wrap{height:calc(var(--media-h-mobile, 380px) * var(--h-scale-large))}@media(min-width:750px){.horizontal-carousel__media-wrap{height:calc(var(--media-h-desktop, 520px) * var(--h-scale-medium))}.horizontal-carousel__item--small .horizontal-carousel__media-wrap{height:calc(var(--media-h-desktop, 520px) * var(--h-scale-small))}.horizontal-carousel__item--large .horizontal-carousel__media-wrap{height:calc(var(--media-h-desktop, 520px) * var(--h-scale-large))}}a.horizontal-carousel__link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block!important}.horizontal-carousel__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:block}.horizontal-carousel__media[data-bp=mobile]{display:none}@media(min-width:750px){.horizontal-carousel__media[data-bp=desktop]{display:block}.horizontal-carousel__media[data-bp=mobile]{display:none}}@media(max-width:749px){.horizontal-carousel__media[data-bp=desktop]{display:none}.horizontal-carousel__media[data-bp=mobile]{display:block}}.horizontal-carousel__media-el{width:100%;height:100%;object-fit:cover;object-position:center;display:block;pointer-events:none}.horizontal-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.horizontal-carousel__placeholder-svg{width:40%;height:40%;opacity:.35}.horizontal-carousel__overlay-text{position:absolute;left:1.25rem;right:1.25rem;z-index:2;pointer-events:none;mix-blend-mode:difference;color:#fff}.horizontal-carousel__overlay-text--top{top:1.25rem}.horizontal-carousel__overlay-text--center{top:50%;transform:translateY(-50%)}.horizontal-carousel__overlay-text--bottom{bottom:1.25rem}.horizontal-carousel__overlay-text :where(p,span,strong,em){margin:0;font-size:clamp(1rem,.7rem + 1vw,1.5rem);font-weight:600;line-height:1.25}.horizontal-carousel.iridescent .horizontal-carousel__overlay-text :where(p,span,strong,em){background:linear-gradient(115deg,#ff9a9e,#fecfef,#a1c4fd,#c2e9fb,#ff9a9e);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:horizontal-carousel-iridescent 8s ease-in-out infinite}@keyframes horizontal-carousel-iridescent{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.horizontal-carousel__caption{margin:.75rem 0 0;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--carousel-text, currentColor)}.horizontal-carousel__caption :where(p){margin:0}@media(prefers-reduced-motion:reduce){.horizontal-carousel.iridescent .horizontal-carousel__overlay-text :where(p,span,strong,em){animation:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/horizontal-carousel.css.map */