.zoom-scroll{--vh: 100svh;--per: .9;--content-width: 900px;position:relative;display:block;width:100%;color:rgb(var(--color-foreground));background:rgb(var(--color-background, 0 0 0))}.zoom-scroll__viewport{position:relative;width:100%}.zoom-scroll__slide{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;min-height:var(--vh);overflow:hidden;color:rgb(var(--color-foreground))}.zoom-scroll__slide.content-position--items-start{justify-content:flex-start}.zoom-scroll__slide.content-position--items-end{justify-content:flex-end}.zoom-scroll__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;transform-origin:center center}.zoom-scroll__bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:rgb(0 0 0 / var(--bg-darken, 0));pointer-events:none}.zoom-scroll__bg-media,.zoom-scroll__bg-media img,.zoom-scroll__bg-media svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--object-position, center);z-index:0}.zoom-scroll__bg--blur .zoom-scroll__bg-media img,.zoom-scroll__bg--blur .zoom-scroll__bg-media svg{transform:scale(1.1);filter:blur(var(--bg-blur, 0px))}.zoom-scroll__content{position:relative;z-index:2;width:100%;max-width:var(--content-width);margin-inline:auto;padding:clamp(24px,6vw,80px);transform-origin:center center}.zoom-scroll__content>*+*{margin-top:1.1rem}.zoom-scroll__media{display:inline-block;width:var(--media-width, 70%);max-width:100%;margin-inline:auto;overflow:hidden;border-radius:var(--media-radius, 0);transform:translateZ(0)}.zoom-scroll__media img,.zoom-scroll__media svg{display:block;width:100%;height:auto;border-radius:inherit}.zoom-scroll__media .media{display:block;width:100%;border-radius:inherit}.zoom-scroll__media .media,.zoom-scroll__media video,.zoom-scroll__media iframe{background-color:transparent;border-radius:inherit}.zoom-scroll__media .media>img,.zoom-scroll__media video,.zoom-scroll__media iframe{border-radius:inherit}.zoom-scroll__subheading{display:block;text-transform:uppercase;letter-spacing:.18em;line-height:1}.zoom-scroll__heading{line-height:1.02}.zoom-scroll__description{line-height:1.5;margin-inline:auto}.zoom-scroll__content.text-center .zoom-scroll__description{max-width:60ch}.zoom-scroll__dots{position:absolute;right:clamp(16px,3vw,40px);top:50%;transform:translateY(-50%);z-index:5;display:flex;flex-direction:column;gap:12px}.zoom-scroll__dot{width:10px;height:10px;padding:0;border:1px solid currentColor;border-radius:999px;background:transparent;opacity:.45;cursor:pointer;transition:opacity .25s ease,transform .25s ease,background-color .25s ease}.zoom-scroll__dot:hover{opacity:.8}.zoom-scroll__dot.is-active{opacity:1;background:currentColor;transform:scale(1.25)}.zoom-scroll__progress{position:absolute;left:0;bottom:0;z-index:5;width:100%;height:3px;background:rgb(var(--color-foreground) / .18)}.zoom-scroll__progress-bar{display:block;width:100%;height:100%;background:currentColor;transform-origin:left center;transform:scaleX(0)}.zoom-scroll__audio{display:none}.zoom-scroll__sound{position:absolute;top:calc(var(--header-height, 0px) + clamp(16px,3vh,32px));left:50%;transform:translate(-50%);z-index:6;display:inline-flex;align-items:center;gap:8px;margin:0;padding:9px 16px;font-size:13px;font-weight:500;line-height:1;color:#fff;background:#00000080;border:1px solid rgb(255 255 255 / .3);border-radius:999px;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background-color .2s ease,opacity .2s ease,transform .2s ease}.zoom-scroll__sound[hidden]{display:none}.zoom-scroll__sound:hover{background:#000000b3}.zoom-scroll__sound:focus-visible{outline:2px solid #fff;outline-offset:2px}.zoom-scroll__sound-icon{display:inline-flex;width:20px;height:20px}.zoom-scroll__sound-on{display:none}.zoom-scroll__sound.is-on .zoom-scroll__sound-on{display:block}.zoom-scroll__sound.is-on .zoom-scroll__sound-off{display:none}.zoom-scroll:not(.is-pinned) .zoom-scroll__sound{display:none}.zoom-scroll.is-pinned{height:calc(var(--vh) + (var(--slides, 1) - 1) * var(--per) * var(--vh))}.zoom-scroll.is-pinned .zoom-scroll__viewport{position:sticky;top:0;height:100vh;height:var(--vh);overflow:hidden}.zoom-scroll.is-pinned .zoom-scroll__slide{position:absolute;top:0;right:0;bottom:0;left:0;min-height:0;height:100%;opacity:0;will-change:opacity}.zoom-scroll.is-pinned .zoom-scroll__slide:first-child{opacity:1}.zoom-scroll.is-pinned .zoom-scroll__bg,.zoom-scroll.is-pinned .zoom-scroll__content{will-change:transform}.zoom-scroll:not(.is-pinned) .zoom-scroll__dots,.zoom-scroll:not(.is-pinned) .zoom-scroll__progress{display:none}@media(prefers-reduced-motion:reduce){.zoom-scroll:not(.zoom-scroll--force-motion) .zoom-scroll__dot{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/197/assets/zoom-scroll.css.map */