.scroll-story__layout{position:relative}.scroll-story__steps{display:flex;flex-direction:column;gap:var(--story-steps-gap, 4.8rem);min-width:0}.story-step{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--story-step-gap, 2rem);min-width:0}.story-step__frame{position:relative;box-sizing:border-box;overflow:hidden;overflow:clip;isolation:isolate;aspect-ratio:var(--story-ratio-mobile, 4 / 5);border-radius:var(--story-radius, 0px);background:rgba(var(--color-foreground),.05)}.story-step__picture{display:contents}.story-step__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:var(--story-focal, 50% 50%)}.story-step__frame>.video-player{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-step__image.placeholder-svg{fill:rgba(var(--color-foreground),.35)}.story-step__content{box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;gap:var(--story-content-gap, 1.6rem);min-width:0}.story-step__content>*{--group-child-flex: 0 0 auto;--group-child-width: 100%;--group-child-width-fill: 100%;--group-parent-gap: 0px;--group-child-align-fit: flex-start}.scroll-story__rail{display:none}@media screen and (min-width:990px){.scroll-story__layout{display:grid;grid-template-columns:minmax(0,var(--story-media-width, 50%)) minmax(0,1fr);column-gap:var(--story-gap, 6.4rem);timeline-scope:--scroll-story}.scroll-story--media-right .scroll-story__layout{grid-template-columns:minmax(0,1fr) minmax(0,var(--story-media-width, 50%))}.scroll-story__steps{grid-row:1;grid-column:2;gap:0;view-timeline:--scroll-story block}.scroll-story--media-right .scroll-story__steps{grid-column:1}.story-step{justify-content:center;min-height:var(--story-step-height, 70svh);padding-block:4rem}.story-step__media,.scroll-story__rail{position:absolute;top:0;bottom:0;left:0;display:block;width:var(--story-media-width, 50%);container-type:inline-size;pointer-events:none}.scroll-story--media-right :is(.story-step__media,.scroll-story__rail){left:auto;right:0}.story-step__frame,.scroll-story__rail-frame{--story-frame-height: min(90svh, calc(100cqi / var(--story-ratio, .8)));position:sticky;top:max(0px,calc((100svh - var(--story-frame-height)) / 2));height:var(--story-frame-height)}.scroll-story--screen :is(.story-step__frame,.scroll-story__rail-frame){--story-frame-height: calc(var(--story-screen, 80) * 1svh)}.story-step__frame{z-index:0;aspect-ratio:auto;opacity:0;visibility:hidden;pointer-events:auto;transition:opacity 0s linear .7s,visibility 0s linear .7s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.story-step[data-active] .story-step__frame,.scroll-story:not([data-ready]) .scroll-story__steps>:nth-child(1 of.story-step) .story-step__frame{z-index:1;opacity:1;visibility:visible;transition:opacity .7s ease,visibility 0s linear 0s,transform 1.2s cubic-bezier(.2,.7,.2,1)}.scroll-story--zoom .story-step__frame{transform:scale(.94)}.scroll-story--zoom .story-step[data-active] .story-step__frame{transform:none}.scroll-story__rail{z-index:2}.scroll-story--preview .scroll-story__layout{min-height:600px}.scroll-story--preview .story-step{min-height:240px}.scroll-story--preview :is(.story-step__frame,.scroll-story__rail-frame){position:relative;top:0;height:100%}.scroll-story--preview .story-step__frame{transition:none}}.scroll-story__progress{position:absolute;left:1.6rem;bottom:1.6rem;display:flex;align-items:center;gap:.8rem;min-height:3.2rem;padding:.6rem 1.2rem;border-radius:999px;color:rgb(var(--color-foreground));background:rgba(var(--color-background),.72);-webkit-backdrop-filter:blur(1.2rem);backdrop-filter:blur(1.2rem);font-size:1.3rem;font-variant-numeric:tabular-nums;letter-spacing:.04em;box-sizing:border-box}.scroll-story--media-right .scroll-story__progress{left:auto;right:1.6rem}.scroll-story__bar{position:relative;width:12rem;height:.3rem;overflow:hidden;overflow:clip;border-radius:999px;background:rgba(var(--color-foreground),.2)}.scroll-story__bar-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:rgb(var(--color-foreground));transform:scaleX(var(--story-progress, 0));transform-origin:0 50%;transition:transform .4s ease}.scroll-story__dots{display:flex;gap:.6rem}.scroll-story__dot{width:.7rem;height:.7rem;border-radius:999px;background:rgba(var(--color-foreground),.3);transition:width .3s ease,background-color .3s ease}.scroll-story__dot[data-active]{width:2rem;background:rgb(var(--color-foreground))}@supports (animation-timeline: view()){@media screen and (min-width:990px)and (prefers-reduced-motion:no-preference){.scroll-story__bar-fill{transition:none;animation:scroll-story-progress linear both;animation-timeline:--scroll-story;animation-range:cover 50vh cover calc(100% - 50vh)}}}@keyframes scroll-story-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.story-step__frame,.scroll-story__dot,.scroll-story__bar-fill{transition:none!important}.scroll-story--zoom .story-step__frame{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/198/assets/scroll-story.css.map */