.scroll-gallery{--scroll-gallery-gap: var(--grid-spacing);--scroll-gallery-cards-per-view: 1.15;--scroll-gallery-intro-width: 78vw;--scroll-gallery-aspect-ratio: 2/3;--scroll-gallery-card-max-height: calc(100svh - var(--scroll-gallery-sticky-offset, 0px) - 14rem);--scroll-gallery-card-width: calc( (100vw - var(--page-gutter) * 2 - var(--scroll-gallery-gap) * (var(--scroll-gallery-cards-per-view) - 1)) / var(--scroll-gallery-cards-per-view) );position:relative;display:block}.scroll-gallery__scroller{position:relative}.scroll-gallery__viewport{position:relative;overflow:hidden}.scroll-gallery__track{display:flex;align-items:center;gap:var(--scroll-gallery-gap);padding-inline:var(--page-gutter)}.scroll-gallery__intro{flex:0 0 auto;width:100%;max-width:var(--scroll-gallery-intro-width);display:flex;flex-direction:column;row-gap:1.6rem;padding-block-end:2.4rem}.scroll-gallery__intro .rte{max-width:42rem}.scroll-gallery__card{flex:0 0 auto;position:relative;width:var(--scroll-gallery-card-width);border-radius:var(--card-corner-radius);overflow:hidden;isolation:isolate}.scroll-gallery__media{position:relative;display:block;width:100%;aspect-ratio:var(--scroll-gallery-aspect-ratio);background-color:rgba(var(--color-foreground),.04)}.scroll-gallery__media img,.scroll-gallery__media svg{width:100%;height:100%;object-fit:cover;object-position:var(--scroll-gallery-focal-point, center)}.scroll-gallery__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,var(--scroll-gallery-overlay-opacity, .35)),#0000 55%);pointer-events:none}.scroll-gallery__card-content{position:absolute;inset-inline:0;inset-block-end:0;z-index:1;display:flex;flex-direction:column;align-items:center;row-gap:.8rem;padding:2.4rem 1.6rem;text-align:center;color:#fff}.scroll-gallery__card-heading{margin:0}.scroll-gallery__card-link{color:inherit;text-decoration:underline;text-underline-offset:.5rem;text-decoration-thickness:.1rem;transition:opacity var(--duration-short) ease}.scroll-gallery__card-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}@media(hover:hover){.scroll-gallery__card-overlay-link:hover~.scroll-gallery__card-content .scroll-gallery__card-link,.scroll-gallery__card-link:hover{opacity:.7}}.scroll-gallery__card-overlay-link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),1);outline-offset:-.4rem}.scroll-gallery__nav{display:flex;align-items:center;justify-content:flex-end;column-gap:1.2rem;padding-inline:var(--page-gutter);margin-block-start:2.4rem}.scroll-gallery__nav-button{display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;background:none;color:currentColor;cursor:pointer;font-size:2rem;transition:opacity var(--duration-short) ease}.scroll-gallery__nav-button[disabled]{opacity:.3;cursor:default}.scroll-gallery__nav-button--prev .icon{transform:rotate(180deg)}.scroll-gallery__counter{font-variant-numeric:tabular-nums;min-width:4rem;text-align:center}.scroll-gallery:not(.scroll-gallery--pinned) .scroll-gallery__intro{max-width:none;padding-inline:var(--page-gutter);padding-block-end:0;margin-block-end:3.2rem}.scroll-gallery:not(.scroll-gallery--pinned) .scroll-gallery__viewport{overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.scroll-gallery:not(.scroll-gallery--pinned) .scroll-gallery__viewport::-webkit-scrollbar{display:none}.scroll-gallery:not(.scroll-gallery--pinned) .scroll-gallery__card{scroll-snap-align:center}.scroll-gallery--pinned .scroll-gallery__scroller{height:calc(100svh - var(--scroll-gallery-sticky-offset, 0px) + var(--scroll-gallery-scroll-distance, 0px))}.scroll-gallery--pinned .scroll-gallery__nav{position:absolute;inset-inline:0;inset-block-end:2.4rem;margin-block-start:0}.scroll-gallery--pinned .scroll-gallery__sticky{position:sticky;inset-block-start:var(--scroll-gallery-sticky-offset, 0px);height:calc(100svh - var(--scroll-gallery-sticky-offset, 0px));display:flex;flex-direction:column;justify-content:center;overflow:hidden}.scroll-gallery--pinned .scroll-gallery__track{will-change:transform;backface-visibility:hidden}.scroll-gallery--pinned .scroll-gallery__intro{will-change:opacity}@supports (animation-timeline: view()){.scroll-gallery--timeline .scroll-gallery__scroller{view-timeline:--scroll-gallery block;view-timeline-inset:var(--scroll-gallery-sticky-offset, 0px) 0px}.scroll-gallery--timeline .scroll-gallery__track{animation:scroll-gallery-slide linear both;animation-timeline:--scroll-gallery;animation-range:contain 0% contain 100%}.scroll-gallery--timeline .scroll-gallery__intro{animation:scroll-gallery-fade linear both;animation-timeline:--scroll-gallery;animation-range:contain 0% contain var(--scroll-gallery-intro-fade-end, 30%)}}@keyframes scroll-gallery-slide{0%{transform:translateZ(0)}to{transform:translate3d(calc(var(--scroll-gallery-overflow, 0px) * -1),0,0)}}@keyframes scroll-gallery-fade{0%{opacity:1}to{opacity:0}}.scroll-gallery--pinned .scroll-gallery__viewport{contain:layout paint}.scroll-gallery--pinned .scroll-gallery__card{width:min(var(--scroll-gallery-card-width),calc(var(--scroll-gallery-card-max-height) * var(--scroll-gallery-aspect-ratio)))}@media screen and (min-width:750px){.scroll-gallery{--scroll-gallery-cards-per-view: 3.5;--scroll-gallery-intro-width: 40vw}.scroll-gallery__intro{row-gap:2.4rem;padding-inline-end:4vw}.scroll-gallery__card-content{padding:3.2rem 2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-scroll-gallery.css.map */