.video-carousel-section{position:relative;width:100%;overflow:hidden}.video-carousel-section:before{content:"";position:absolute;top:0;bottom:auto;left:0;width:100%;height:1.4rem;z-index:2;background-color:#fff;-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgLTIgMjUyIDE3Ij48cGF0aCBkPSJNMCAxNVYxMS4zOTgzQzE1Ljc1IDExLjM5ODMgMTUuNzUgMCAzMS41IDBDNDcuMjUgMCA0Ny4yNSAxMS4zOTgzIDYzIDExLjM5ODNDNzguNzUgMTEuMzk4MyA3OC43NSAwIDk0LjUgMEMxMTAuMjUgMCAxMTAuMjUgMTEuMzk4MyAxMjYgMTEuMzk4M0MxNDEuNzUgMTEuMzk4MyAxNDEuNzUgMCAxNTcuNSAwQzE3My4yNSAwIDE3My4yNSAxMS4zOTgzIDE4OSAxMS4zOTgzQzIwNC43NSAxMS4zOTgzIDIwNC43NSAwIDIyMC41IDBDMjM2LjI1IDAgMjM2LjI1IDExLjM5ODMgMjUyIDExLjM5ODNWMTVaIi8+PC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNTIiIGhlaWdodD0iMTciIHZpZXdCb3g9IjAgLTIgMjUyIDE3Ij48cGF0aCBkPSJNMCAxNVYxMS4zOTgzQzE1Ljc1IDExLjM5ODMgMTUuNzUgMCAzMS41IDBDNDcuMjUgMCA0Ny4yNSAxMS4zOTgzIDYzIDExLjM5ODNDNzguNzUgMTEuMzk4MyA3OC43NSAwIDk0LjUgMEMxMTAuMjUgMCAxMTAuMjUgMTEuMzk4MyAxMjYgMTEuMzk4M0MxNDEuNzUgMTEuMzk4MyAxNDEuNzUgMCAxNTcuNSAwQzE3My4yNSAwIDE3My4yNSAxMS4zOTgzIDE4OSAxMS4zOTgzQzIwNC43NSAxMS4zOTgzIDIwNC43NSAwIDIyMC41IDBDMjM2LjI1IDAgMjM2LjI1IDExLjM5ODMgMjUyIDExLjM5ODNWMTVaIi8+PC9zdmc+);-webkit-mask-size:auto calc(1.3rem * 17 / 13);mask-size:auto calc(1.3rem * 17 / 13);-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:0 -.1rem;mask-position:0 -.1rem;transform:scaleY(-1);animation:wave-slide 100s linear infinite;-webkit-animation:wave-slide 100s linear infinite}@keyframes wave-slide{0%{mask-position:0 -.1rem;-webkit-mask-position:0 -.1rem}to{mask-position:-302.4rem -.1rem;-webkit-mask-position:-302.4rem -.1rem}}@media(prefers-reduced-motion:reduce){.video-carousel-section:before{animation:none;-webkit-animation:none}}.video-carousel-section .video-carousel__stripes{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-image:repeating-linear-gradient(90deg,var(--stripe-color-1, #f3565f) 0,var(--stripe-color-1, #f3565f) var(--stripe-width, 10px),var(--stripe-color-2, #f66e75) var(--stripe-width, 10px),var(--stripe-color-2, #f66e75) calc(var(--stripe-width, 10px) * 2))}.video-carousel-section .video-carousel{position:relative;z-index:1;text-align:center}.video-carousel-section .video-carousel__heading-wrap{margin-bottom:3rem}.video-carousel-section .video-carousel__heading-wrap .subtitle{margin:0 0 .8rem}.video-carousel-section .video-carousel__description{margin-top:1.2rem}.video-carousel-section .video-carousel__wrapper{position:relative;display:flex;align-items:center;justify-content:center;gap:3rem;max-width:100rem;margin-inline:auto}.video-carousel-section .video-carousel__arrow{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:fit-content;height:fit-content;padding:0;border:none;background:transparent;color:rgb(var(--color-foreground));cursor:pointer;z-index:3}.video-carousel-section .video-carousel__arrow svg{width:2rem;height:auto;display:block}.video-carousel-section .video-carousel__arrow--prev svg{transform:scaleX(-1)}.video-carousel-section .video-carousel__arrow:disabled{opacity:.3;cursor:default}.video-carousel-section .video-carousel__track{display:flex;align-items:center;justify-content:center;gap:3rem}.video-carousel-section .video-carousel__preview{position:relative;flex:0 0 auto;width:26.2rem;aspect-ratio:.56/1;border-radius:1.5rem;overflow:hidden;padding:0;cursor:pointer;border:none;outline:none}.video-carousel-section .video-carousel__preview-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.video-carousel-section .video-carousel__preview[data-direction] .video-carousel__preview-img.is-entering{animation:vc-slide-in-next var(--vc-slide-duration, .55s) cubic-bezier(.45,0,.25,1) both}.video-carousel-section .video-carousel__preview[data-direction] .video-carousel__preview-img.is-leaving{animation:vc-slide-out-next var(--vc-slide-duration, .55s) cubic-bezier(.45,0,.25,1) both;pointer-events:none}.video-carousel-section .video-carousel__preview[data-direction=prev] .video-carousel__preview-img.is-entering{animation-name:vc-slide-in-prev}.video-carousel-section .video-carousel__preview[data-direction=prev] .video-carousel__preview-img.is-leaving{animation-name:vc-slide-out-prev}.video-carousel-section .video-carousel__phone{position:relative;flex:0 0 auto;width:30.9rem;aspect-ratio:.48/1}.video-carousel-section .video-carousel__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;width:100%;height:100%;pointer-events:none}.video-carousel-section .video-carousel__screen{position:absolute;z-index:1;top:6.4%;right:3%;bottom:13.2%;left:3%;overflow:hidden;border-radius:0}.video-carousel-section .video-carousel__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none}.video-carousel-section .video-carousel__slide.is-active{opacity:1;pointer-events:auto;z-index:2}.video-carousel-section .video-carousel__slide.is-leaving{opacity:0;z-index:1}.video-carousel-section .video-carousel__screen[data-direction] .video-carousel__slide.is-active{animation:vc-slide-in-next var(--vc-slide-duration, .55s) cubic-bezier(.45,0,.25,1) both}.video-carousel-section .video-carousel__screen[data-direction] .video-carousel__slide.is-leaving{animation:vc-slide-out-next var(--vc-slide-duration, .55s) cubic-bezier(.45,0,.25,1) both}.video-carousel-section .video-carousel__screen[data-direction=prev] .video-carousel__slide.is-active{animation-name:vc-slide-in-prev}.video-carousel-section .video-carousel__screen[data-direction=prev] .video-carousel__slide.is-leaving{animation-name:vc-slide-out-prev}@keyframes vc-slide-in-next{0%{opacity:1;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes vc-slide-out-next{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(-100%,0,0)}}@keyframes vc-slide-in-prev{0%{opacity:1;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}@keyframes vc-slide-out-prev{0%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translate3d(100%,0,0)}}@media(prefers-reduced-motion:reduce){.video-carousel-section .video-carousel__slide{transition:opacity .4s ease}.video-carousel-section .video-carousel__preview[data-direction] .video-carousel__preview-img.is-entering,.video-carousel-section .video-carousel__preview[data-direction] .video-carousel__preview-img.is-leaving,.video-carousel-section .video-carousel__screen[data-direction] .video-carousel__slide.is-active,.video-carousel-section .video-carousel__screen[data-direction] .video-carousel__slide.is-leaving{animation:none}}.video-carousel-section .video-carousel__slide video,.video-carousel-section .video-carousel__slide img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.video-carousel-section .video-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--font-body-family);font-size:1.3rem;padding:2rem;text-align:center}.video-carousel-section .video-carousel__sticker{position:absolute;top:auto;right:25rem;bottom:4rem;z-index:2;display:inline-block;width:17.6rem;aspect-ratio:1.44/1}.video-carousel-section .video-carousel__sticker img{display:block;width:100%;height:auto}.video-carousel-section .video-carousel__handle{margin-top:3rem}@media screen and (max-width:1499px){.video-carousel-section .video-carousel__sticker{width:14rem;right:20%;bottom:11%}}@media screen and (max-width:1299px){.video-carousel-section .video-carousel__sticker{right:16%}}@media screen and (max-width:1199px){.video-carousel-section .video-carousel__sticker{right:12%}}@media screen and (max-width:1023px){.video-carousel-section .video-carousel__sticker{right:4%}}@media screen and (max-width:749px){.video-carousel-section .video-carousel__heading-wrap{margin-bottom:2.3rem;max-width:40rem;margin-inline:auto}.video-carousel-section .video-carousel__track{gap:2rem}.video-carousel-section .video-carousel__phone{width:24.8rem}.video-carousel-section .video-carousel__preview{width:21rem}.video-carousel-section .video-carousel__handle{margin-top:5rem}.video-carousel-section .video-carousel__sticker{width:11.7rem;right:27%;bottom:0rem}}@media(max-width:629px){.video-carousel-section .video-carousel__sticker{right:19%}}@media(max-width:480px){.video-carousel-section .video-carousel__sticker{right:13%}.video-carousel-section .video-carousel__heading-wrap{max-width:30rem}}@media(max-width:395px){.video-carousel-section .video-carousel__sticker{right:1rem}.template-product .video-carousel-section .video-carousel__sticker{right:2rem}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/section-video-carousel.css.map */