.video-auto-scroller{--video-auto-scroller-slide-width: clamp(26rem, 60vw, 39rem);--video-auto-scroller-slide-gap: 1.2rem;--video-auto-scroller-radius: 1.2rem;--video-auto-scroller-overlay-shift: 100%;--video-auto-scroller-overlay-duration: .4s;--video-auto-scroller-media-fade-duration: .4s}.video-auto-scroller__intro{margin-block-end:clamp(2.4rem,4vw,4rem);text-align:center}.video-auto-scroller__intro.page-width{max-width:var(--page-width);margin-inline:auto;padding-inline:var(--padding-inline, 1.6rem)}.video-auto-scroller__heading{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:var(--font-heading--weight);font-size:var(--font-size--section-heading);line-height:var(--font-h2--line-height);color:rgb(var(--color-foreground));margin:0}.video-auto-scroller__viewport .embla__viewport{overflow:hidden}.embla__container{display:flex;touch-action:pan-y pinch-zoom;gap:2rem;padding-inline:2rem}.video-auto-scroller__viewport .embla__slide{width:26rem;height:40rem;aspect-ratio:26 / 40;border-radius:12px}.video-auto-scroller__card{position:relative;display:block;width:26rem;aspect-ratio:26 / 40;border-radius:var(--video-auto-scroller-radius);overflow:hidden;color:inherit;text-decoration:none;background-color:rgb(var(--color-background));outline-offset:.2rem}.video-auto-scroller__card:focus-visible{outline:.2rem solid rgb(var(--color-foreground))}.video-auto-scroller__media-layer{position:absolute;top:0;right:0;bottom:0;left:0}.video-auto-scroller__video,.video-auto-scroller__iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border:0;opacity:0;transition:opacity var(--video-auto-scroller-media-fade-duration) ease;pointer-events:none}.video-auto-scroller__iframe-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.video-auto-scroller__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;transition:opacity var(--video-auto-scroller-media-fade-duration) ease}.video-auto-scroller__hover-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity var(--video-auto-scroller-media-fade-duration) ease}.video-auto-scroller__card.is-hover .video-auto-scroller__hover-image,.video-auto-scroller__card.is-hover .video-auto-scroller__video,.video-auto-scroller__card.is-hover .video-auto-scroller__iframe{opacity:1}.video-auto-scroller__card.is-hover .video-auto-scroller__poster{opacity:0}.video-auto-scroller__card.is-hover .video-auto-scroller__hover-image{opacity:1}.video-auto-scroller__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,color-mix(in srgb,rgb(var(--color-foreground)) 8%,rgb(var(--color-background))),color-mix(in srgb,rgb(var(--color-foreground)) 4%,rgb(var(--color-background))))}.video-auto-scroller__overlay{position:absolute;inset-inline:0;bottom:0;z-index:2;display:flex;align-items:stretch;justify-content:stretch;flex-direction:column;transform:translateY(100%);transition:transform var(--video-auto-scroller-overlay-duration) ease;pointer-events:none}.video-auto-scroller__card.is-hover .video-auto-scroller__overlay{transform:translateY(0);cursor:pointer}.video-auto-scroller__scalloped-edge-container{display:flex;width:100%;height:7.5rem;flex-shrink:0;position:relative}.video-auto-scroller__overlay-body{padding:0 2rem 1.4rem;color:rgb(var(--color-primary));width:100%;text-align:left;position:absolute;bottom:0;left:0}.video-auto-scroller__name{font-family:var(--font-heading--family);font-style:var(--font-heading--style);font-weight:600;font-size:1.4rem;margin-right:auto}.video-auto-scroller__handle{font-family:var(--font-sans--system);font-weight:300;font-size:1.2rem;line-height:1.333;margin:0}@media(prefers-reduced-motion:reduce){.video-auto-scroller__overlay,.video-auto-scroller__video,.video-auto-scroller__iframe,.video-auto-scroller__poster{transition-duration:.01ms}}@media(min-width:768px){.video-auto-scroller__viewport .embla__slide{width:39rem;height:60rem;aspect-ratio:39 / 60}.video-auto-scroller__card{width:39rem;aspect-ratio:39 / 60}.video-auto-scroller__overlay-body{padding:0 2.8rem 3rem}.video-auto-scroller__scalloped-edge-container{height:11.2rem}.video-auto-scroller__name{font-size:1.8rem}.video-auto-scroller__handle{font-size:1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/section-video-auto-scroller.css.map */