.scrolltelling-video__track{--scrolltelling-offset: 100px;--scrolltelling-steps: 3;--scrolltelling-speed: 2;position:relative;box-sizing:border-box;padding-bottom:var(--scrolltelling-offset);height:calc((var(--scrolltelling-steps) * (8 - (var(--scrolltelling-speed) - 1) * 1.75) * .5 + .5) * var(--win-height, 100vh))}scrolltelling-video{position:sticky;top:var(--scrolltelling-offset);display:flex;flex-direction:column;height:calc(100vh - var(--scrolltelling-offset) * 2);height:calc(100svh - var(--scrolltelling-offset) * 2)}.scrolltelling-video__heading{margin-bottom:70px}.scrolltelling-video__body{position:relative;flex:1 1 0;min-height:0}.scrolltelling-video__screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:center;container-type:size}.scrolltelling-video__canvas,.scrolltelling-video__image{position:absolute;top:max(0px,calc((100cqh - 100cqw / var(--scrolltelling-ratio, 1.7778)) / 2));left:0;width:100%;height:auto;border-radius:var(--border-radius-size-5);pointer-events:none}.scrolltelling-video__canvas{opacity:0;transition:opacity .3s}.scrolltelling-video__image{opacity:0;transition:opacity .45s}.scrolltelling-video__image.is-active{opacity:1}scrolltelling-video.is-ready .scrolltelling-video__canvas{opacity:1}.scrolltelling-video__placeholder{position:relative;flex:none;width:100%;margin-top:max(0px,calc((100cqh - 100cqw * 458 / 815) / 2));aspect-ratio:815 / 458;border-radius:var(--border-radius-size-5);overflow:hidden;pointer-events:none;transition:opacity .3s}.scrolltelling-video__placeholder .placeholder-svg{display:block;width:100%;height:100%}scrolltelling-video[data-has-media] .scrolltelling-video__placeholder,scrolltelling-video:has(.scrolltelling-video__note[data-image]) .scrolltelling-video__placeholder,scrolltelling-video.is-ready .scrolltelling-video__placeholder{opacity:0}.scrolltelling-video__source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.scrolltelling-video__notes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.scrolltelling-video__note{position:absolute;top:50%;width:var(--scrolltelling-step-width, 40%);opacity:0;visibility:hidden;transform:translateY(-50%);translate:0 16px;transition:opacity .35s,visibility .35s,translate .35s}.scrolltelling-video__notes .scrolltelling-video__note>*+*{margin-top:20px}.scrolltelling-video__note--text-start>:is(.text-left,.text-center,.text-right){text-align:start}.scrolltelling-video__note--text-center>:is(.text-left,.text-center,.text-right){text-align:center}.scrolltelling-video__note--text-end>:is(.text-left,.text-center,.text-right){text-align:end}.scrolltelling-video__note--text-start .features-list{align-items:flex-start}.scrolltelling-video__note--text-center .features-list{align-items:center}.scrolltelling-video__note--text-end .features-list{align-items:flex-end}.scrolltelling-video__note--text-end .features-list__item{flex-direction:row-reverse;text-align:end}.scrolltelling-video__note--left{left:0}.scrolltelling-video__note--right{right:0}.scrolltelling-video__note.is-active{pointer-events:auto;opacity:1;visibility:visible;translate:0 0;transition-delay:.2s}@media(min-width:1025px){.scrolltelling-video__heading,.scrolltelling-video__screen{max-width:var(--scrolltelling-video-width, 100%);margin-inline:auto}.scrolltelling-video__note{width:var(--scrolltelling-step-width-desktop, 30%)}}@media(prefers-reduced-motion:reduce){.scrolltelling-video__note,.scrolltelling-video__image{transition:none}}@media(max-width:576px){.scrolltelling-video__track{--scrolltelling-offset: 60px;height:calc((var(--scrolltelling-steps) * .8 + .5) * var(--win-height, 100vh))}.scrolltelling-video__heading{margin-bottom:50px}.scrolltelling-video__body{display:flex;flex-direction:column}.scrolltelling-video__screen{position:relative;inset:auto;flex:1 1 0;min-height:0}.scrolltelling-video__notes{position:static;display:grid}.scrolltelling-video__note{position:static;grid-area:1 / 1;align-self:end;width:auto;transform:none;translate:0 0;transition:opacity .6s ease,visibility .6s}.scrolltelling-video__note.is-active{transition-delay:.3s}scrolltelling-video .scrolltelling-video__note .heading-wrapper__content,scrolltelling-video .scrolltelling-video__note>:is(.text-left,.text-center,.text-right){text-align:start}scrolltelling-video .scrolltelling-video__note .features-list{align-items:flex-start}scrolltelling-video .scrolltelling-video__note .features-list__item{flex-direction:row;text-align:start}scrolltelling-video .scrolltelling-video__note--mobile-center .heading-wrapper__content,scrolltelling-video .scrolltelling-video__note--mobile-center>:is(.text-left,.text-center,.text-right){text-align:center}scrolltelling-video .scrolltelling-video__note--mobile-center .features-list{align-items:center}scrolltelling-video .scrolltelling-video__note--mobile-end .heading-wrapper__content,scrolltelling-video .scrolltelling-video__note--mobile-end>:is(.text-left,.text-center,.text-right){text-align:end}scrolltelling-video .scrolltelling-video__note--mobile-end .features-list{align-items:flex-end}scrolltelling-video .scrolltelling-video__note--mobile-end .features-list__item{flex-direction:row-reverse;text-align:end}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-scrolltelling-video.css.map */