html,body{scroll-behavior:smooth!important}.scrolly-first-step{display:grid;margin:auto;justify-content:center;grid-template-columns:unset;grid-template-rows:auto auto;align-items:flex-start;position:relative;height:100%}.scrolly-third-step{display:block!important}.scrolly-video-header{text-align:center;padding-top:0;display:grid;grid-auto-flow:row;justify-content:center;align-items:center;gap:1.3rem;height:auto}.scrolly-video-container{padding-right:2rem;padding-left:2rem;margin-top:2rem;position:relative;display:block}.scrolly-video-header h2{margin-top:0;margin-bottom:0;font-size:3.4rem;line-height:1;color:rgb(var(--color-secondary-button-text))}.scrolly-video-description{margin:1.3rem 0 0 1rem;font-size:1.3rem;line-height:1}.scrolly-video-image{text-align:center;margin:0 auto;position:fixed;max-width:21.7vh;z-index:2;width:21.7vh;transform:rotate(0);left:0;right:0;opacity:0;bottom:auto;top:25.5rem}.scrolly-video-image-end-point img,.scrolly-video-image img{width:100%;height:auto}.scrolly-video-icon{display:block;margin-left:0;border:none;background-color:transparent;cursor:pointer;width:auto;max-width:max-content;position:absolute;top:47rem;right:0;z-index:2}.scrolly-video-wrapper{position:relative;margin:auto;height:400vh;display:flex;justify-content:center}.scrolly-video-point{position:absolute;height:20vh;width:100%;top:0;bottom:0;right:0;left:0;margin:auto;display:block!important}#scrolly-video{display:flex!important;align-items:center;max-width:100%!important;max-height:100vh!important}#scrolly-video video,#scrolly-video canvas{max-width:100%!important;max-height:100vh!important;object-fit:cover}.scrolly-video-block{position:absolute;top:0;opacity:0;line-height:1.1;transition:.3s}.scrolly-video-block.animated{animation:transparent 1s ease forwards}@keyframes transparent{0%{opacity:0}to{opacity:1}}.scrolly-video-block-index{position:absolute;top:20px;width:43px;height:43px;border-radius:50%;background-color:rgb(var(--color-button));color:var(--gradient-background);display:flex;align-items:center;justify-content:center;font-size:2.8rem}.scrolly-video-block-index p{margin:0;line-height:1}.scrolly-video-block-index:before{content:"";display:block;width:100%;height:2px;position:absolute;top:50%;background-color:rgb(var(--color-button))}.scrolly-video-block-index:after{content:"";display:block;position:absolute;top:calc(50% - .9rem);border:.3rem solid var(--gradient-background);width:1.8rem;height:1.8rem;aspect-ratio:1;border-radius:100%;background-color:rgb(var(--color-button))}@keyframes scrolled-down{0%{top:55vh}to{top:0}}@media all and (min-width:750px){.scrolly-video-description{font-size:2rem}.scrolly-video-block--left{left:10%}.scrolly-video-block--right{right:5%}.scrolly-video-block--left .scrolly-video-block-index{right:min(-4.3rem,-50%)}.scrolly-video-block--right .scrolly-video-block-index{left:min(-5.3rem,-43%)}.scrolly-video-block--left .scrolly-video-block-index:before{right:-100%;transform:translate(50%,-50%)}.scrolly-video-block--left .scrolly-video-block-index:after{right:calc(-200% + .8rem)}.scrolly-video-block--right .scrolly-video-block-index:before{left:-100%;transform:translate(-50%,-50%)}.scrolly-video-block--right .scrolly-video-block-index:after{left:calc(-200% + .8rem)}.scrolly-video-block--left>p{text-align:right}.scrolly-video-block--right>p{text-align:left}}@media all and (min-width:990px){.scrolly-video-container{margin-top:7rem;--page-width: 130rem}.scrolly-video-wrapper{height:900vh}.scrolly-video-icon{right:auto;margin-bottom:min(29vh,25rem)}.scrolly-video-header h2{font-size:9rem}.scrolly-video-image{width:11.3vw;top:19.4rem;bottom:auto;left:0;right:0;transform:rotate(0) translate(max(16.5vw,27rem));margin-inline:auto}.scrolly-first-step{grid-template-columns:max(44%,55.4rem) 18%;grid-template-rows:unset;height:100%}@keyframes scrolled-down{0%{transform:rotate(7.46deg);left:58.25vw}20%{transform:rotate(0);left:calc(50% - 13vh)}to{transform:rotate(0);left:calc(50% - 13vh)}}.scrolly-video-header{text-align:left;padding-top:min(12rem,13.5vh);justify-content:left;align-items:flex-start;gap:1.3rem;height:100%}}@media screen and (min-width:1510px){.scrolly-video-container{margin-top:4.5rem}}@media all and (max-width:749px){.scrolly-video-block-index:after{width:1.2rem;height:1.2rem;top:calc(50% - .6rem)}.scrolly-video-block-index:before{width:max(100%,30px)!important}.scrolly-video-block-mobile--left{left:10%}.scrolly-video-block-mobile--right{right:5%}.scrolly-video-block-mobile--left .scrolly-video-block-index{right:-4.3rem}.scrolly-video-block-mobile--right .scrolly-video-block-index{left:-5.3rem}.scrolly-video-block-mobile--left .scrolly-video-block-index:before{right:min(-100%,-26px);transform:translate(50%,-50%)}.scrolly-video-block-mobile--left .scrolly-video-block-index:after{right:min(calc(-200% + .3rem),-52px)}.scrolly-video-block-mobile--right .scrolly-video-block-index:before{left:min(-100%,-26px);transform:translate(-50%,-50%)}.scrolly-video-block-mobile--right .scrolly-video-block-index:after{left:min(calc(-200% + .3rem),-52px)}.scrolly-video-block-mobile--left .scrolly-video-block-index{right:-1rem}.scrolly-video-block-mobile--right .scrolly-video-block-index{left:-2rem}.scrolly-video-block-mobile--left>p{text-align:right}.scrolly-video-block-mobile--right>p{text-align:left}.scrolly-video-icon{top:49rem}.scrolly-video-icon svg{width:2.8rem;height:1.2rem}.scrolly-video-image{max-width:35.07vw;width:35.07vw}@keyframes scrolled-down{0%{top:25.5rem}to{top:0}}#scrolly-video video,#scrolly-video canvas{height:133vw!important}.scrolly-video-block{font-size:1.1rem}.scrolly-video-block>p{max-width:9rem;margin-top:4rem;white-space:pre-wrap}.scrolly-video-block-mobile--left>p{margin-right:-1rem}.scrolly-video-block-mobile--right>p{margin-left:-1rem}.scrolly-video-block p br{display:none}.scrolly-video-block-index{width:1.4rem;height:1.4rem;font-size:1.1rem}}@media(max-width:992px)and (min-width:750px){.scrolly-video-block--left{left:10%}.scrolly-video-block--right{right:5%}}@media(max-width:576px){.scrolly-video-block-mobile--left{left:2%}.scrolly-video-block-mobile--right{right:0%}}.scrolly-video{--bottom-offset: 0vw;--middle-offset: 0vw}@media(min-width:1510px){.scrolly-video{--bottom-offset: 0vw;--middle-offset: 0vw}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/scrolly-video.css.map */