.scroll-video-section{position:relative;width:100%;background-color:#000}@media screen and (min-width:769px){.scroll-video__sticky-container{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}.scroll-video__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.scroll-video__video-wrapper video{width:100%;height:100%;object-fit:cover}.scroll-video__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to right,#0009,#0000 60%);pointer-events:none}.scroll-video__callouts-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;pointer-events:none}.scroll-video__callouts-inner{width:100%;margin:0 auto;position:relative;height:100%;display:flex;align-items:center;padding-left:60px;padding-right:60px;box-sizing:border-box}.scroll-video__callout{position:absolute;left:60px;max-width:450px;opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease;pointer-events:auto}.scroll-video__callout.is-active{opacity:1;transform:translateY(0)}}@media screen and (max-width:768px){.scroll-video__mobile-container{position:relative;width:100%;height:100vh;overflow:hidden}.sv-mobile-video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%}.sv-mobile-video-wrapper video{width:100%;height:100%;object-fit:cover}.scroll-video__overlay--mobile{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#000000bf,#0000 55%);pointer-events:none}.scroll-video__mobile-callouts{position:absolute;bottom:0;left:0;width:100%;padding:0 24px 32px;box-sizing:border-box;text-align:center;pointer-events:none}.scroll-video__mobile-callouts .scroll-video__callout{position:absolute;bottom:80px;left:24px;right:24px;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;text-align:center;pointer-events:auto}.scroll-video__mobile-callouts .scroll-video__callout.is-active{opacity:1;transform:translateY(0)}}@media screen and (min-width:769px){.scroll-video__mobile-container{display:none}}@media screen and (max-width:768px){.scroll-video__sticky-container{display:none}}.scroll-video__progress{position:absolute;right:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.scroll-video__progress-segment{width:2px;height:40px;background:#ffffff4d;border-radius:2px;overflow:hidden;flex-shrink:0}.scroll-video__progress-fill{width:100%;height:0%;background:#b9ff58;border-radius:2px}.scroll-video__progress-segment.is-complete .scroll-video__progress-fill{height:100%!important}@media screen and (max-width:768px){.sv-mobile-progress{position:absolute;right:20px;top:50%;transform:translateY(-50%)}}.scroll-video__headline{margin:0 0 12px;line-height:1.1}.scroll-video__description{margin:0;line-height:1.5}
/*# sourceMappingURL=/cdn/shop/t/151/assets/scroll-video-callouts.css.map */