.horizontal-scroller{--horizontal-scroller-root-height: auto;--horizontal-scroller-scroll-percentage: 0;--horizontal-scroller-window-width-one-percent: 0px;--horizontal-scroller-timeline-id: --horizontal-scroller;--horizontal-scroller-items-count: 1;--horizontal-scroller-gap: 4rem;overflow:visible;display:block;height:var(--horizontal-scroller-root-height);contain:layout style;overflow-anchor:none}@supports (animation-timeline: view()){@media(min-width:992px){.horizontal-scroller{view-timeline-name:var(--horizontal-scroller-timeline-id);view-timeline-axis:block}}}@supports (animation-timeline: view()){@media(min-width:992px){.horizontal-scroller{--horizontal-scroller-root-height: calc( min(3rem, 5vw) * 2 + min(600px, 33vw) + (var(--horizontal-scroller-item-width, min(600px, 40vw)) + var(--horizontal-scroller-gap)) * var(--horizontal-scroller-items-count) )}}}.horizontal-scroller--item-width--narrow{--horizontal-scroller-item-width: min(500px, 30vw)}.horizontal-scroller--item-width--wide{--horizontal-scroller-item-width: min(800px, 60vw)}@media(max-width:991px){.horizontal-scroller{--horizontal-scroller-caption-width: 60vw;--horizontal-scroller-item-width: 70vw;--horizontal-scroller-gap: 2rem}}.horizontal-scroller__caption{height:max-content;margin-block:auto;position:relative;z-index:3}@media(max-width:991px){.horizontal-scroller__caption{display:none}}.horizontal-scroller__mobile-caption{padding-inline:min(3rem,5vw);padding-top:3rem}@media(min-width:992px){.horizontal-scroller__mobile-caption{display:none}}.horizontal-scroller__stage{width:calc(100vw - var(--glob-scrollbar-offset));position:sticky;top:0;display:flex;align-items:center}@media(min-width:992px){.horizontal-scroller__stage{height:100vh;overflow-x:clip}}@media(max-width:991px){.horizontal-scroller__stage{width:100%;scroll-snap-type:x mandatory;scroll-padding-left:min(3rem,5vw);padding-block:10vh;overflow-x:auto}@supports (scrollbar-color: auto){.horizontal-scroller__stage{scrollbar-width:thin;scrollbar-color:var(--color-scheme-border) var(--color-scheme-background)}}@supports (not (scrollbar-color: auto)) and (selector(::-webkit-scrollbar)){.horizontal-scroller__stage{padding-right:12px}.horizontal-scroller__stage::-webkit-scrollbar{width:8px;height:8px}.horizontal-scroller__stage::-webkit-scrollbar-track{background:var(--color-scheme-background)}.horizontal-scroller__stage::-webkit-scrollbar-thumb{background:var(--color-scheme-border);border-radius:8px}}}.horizontal-scroller__scene{flex-shrink:0;flex-grow:1;padding-inline:min(3rem,5vw);gap:var(--horizontal-scroller-gap);display:grid;grid-template-columns:var(--horizontal-scroller-caption-width, min(600px, 33vw)) repeat(var(--horizontal-scroller-items-count),var(--horizontal-scroller-item-width, min(600px, 40vw)));will-change:transform}@media(max-width:991px){.horizontal-scroller__scene{grid-template-columns:repeat(var(--horizontal-scroller-items-count),75vw);gap:1rem}}@supports (animation-timeline: view()){@media(min-width:992px){.horizontal-scroller__scene{animation-name:scene-move;animation-fill-mode:forwards;animation-timeline:var(--horizontal-scroller-timeline-id);animation-range:contain 0% contain 100%;animation-timing-function:ease-in-out}}}@supports not (animation-timeline: view()){@media(min-width:992px){.horizontal-scroller__scene{transform:translate(calc(var(--horizontal-scroller-scroll-percentage) * -1% + var(--horizontal-scroller-scroll-percentage) * 1vw - var(--glob-scrollbar-offset)))}}}@keyframes scene-move{to{transform:translate(calc(-100% + 100vw))}}.horizontal-scroller__item{color:var(--color-scheme-text);height:min(60vh,650px)}@media(min-width:992px){.horizontal-scroller__item{height:auto;overflow:hidden}.horizontal-scroller__item .banner{height:auto!important;min-height:0!important}.horizontal-scroller__item .banner__image{position:relative!important;display:block}.horizontal-scroller__item .banner__image img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;object-fit:contain!important;display:block}.horizontal-scroller__item .banner__overlay,.horizontal-scroller__item .banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.horizontal-scroller__item .mouse-tracker__border,.horizontal-scroller__item .mouse-tracker__shadow{display:none!important}}.horizontal-scroller__item--scatter{transform:translateY(-5vh)}.horizontal-scroller__item--scatter:nth-child(odd){transform:translateY(5vh)}@media(max-width:991px){.horizontal-scroller__item{height:auto;aspect-ratio:3 / 4;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;border-radius:12px}.horizontal-scroller__item .banner__overlay{opacity:1;background:#00000073}.horizontal-scroller__item--scatter,.horizontal-scroller__item--scatter:nth-child(odd){transform:none}.horizontal-scroller__item .banner{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.horizontal-scroller__item .banner__image,.horizontal-scroller__item .bg-video{position:absolute;top:0;left:0;width:100%;height:100%}.horizontal-scroller__item .banner__image img,.horizontal-scroller__item .banner__video{width:100%;height:100%;object-fit:cover}.horizontal-scroller__item .banner__content{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden}.horizontal-scroller__item .banner__content .placer{position:absolute;top:0;left:0;right:0;bottom:0;padding:1rem;box-sizing:border-box;display:flex}.horizontal-scroller__item .banner__content .placer--position--top-left{align-items:flex-start;justify-content:flex-start}.horizontal-scroller__item .banner__content .placer--position--top-center{align-items:flex-start;justify-content:center}.horizontal-scroller__item .banner__content .placer--position--top-right{align-items:flex-start;justify-content:flex-end}.horizontal-scroller__item .banner__content .placer--position--middle-left{align-items:center;justify-content:flex-start}.horizontal-scroller__item .banner__content .placer--position--middle-center{align-items:center;justify-content:center}.horizontal-scroller__item .banner__content .placer--position--middle-right{align-items:center;justify-content:flex-end}.horizontal-scroller__item .banner__content .placer--position--bottom-left{align-items:flex-end;justify-content:flex-start}.horizontal-scroller__item .banner__content .placer--position--bottom-center{align-items:flex-end;justify-content:center}.horizontal-scroller__item .banner__content .placer--position--bottom-right{align-items:flex-end;justify-content:flex-end}.horizontal-scroller__item .banner__content .placer__target{max-width:100%;max-height:100%;overflow:hidden}.horizontal-scroller__item .banner__content .content{max-width:100%;overflow:hidden}.horizontal-scroller__item .banner__content .subheading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.horizontal-scroller__item .banner__content .heading{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.horizontal-scroller__item .banner__content .text{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;font-size:.8rem;line-height:1.45;opacity:.75}.horizontal-scroller__item .banner__content .subheading{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;opacity:.7}.horizontal-scroller__item .banner__content .heading{font-size:clamp(.95rem,4vw,1.15rem);line-height:1.25}.horizontal-scroller__item .banner__content .content{gap:.3rem}.horizontal-scroller__stage{padding-block:1.5rem;scrollbar-width:none}.horizontal-scroller__stage::-webkit-scrollbar{display:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-horizontal-scroller.css.map */