.video-section .aspect-ratio{--ratio-percent: 56.25%;position:relative;overflow:visible;display:block}.video-section .aspect-ratio[loaded=true]{padding-bottom:var(--ratio-percent)}.video-section .aspect-ratio button.play-btn{background-color:transparent;overflow:hidden;position:relative;width:100%;height:100%;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.video-section .aspect-ratio button.play-btn .img-block{width:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.video-section .aspect-ratio button.play-btn .text-content{position:relative;z-index:1;width:100%;padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.video-section .aspect-ratio button.play-btn .text-content .play-btn{color:var(--color-foreground-hover);display:flex;align-items:center;justify-content:center;height:88px;width:88px;border-radius:50px;margin:0 auto;background-color:#fff}.video-section .aspect-ratio button.play-btn .text-content .play-btn:after{content:"";z-index:-1;-webkit-animation:video-icon-sonar 2s linear infinite;animation:video-icon-sonar 2s linear infinite;background-color:rgba(var(--color-foreground));width:156px;height:156px;position:absolute;border-radius:100%}.video-section .aspect-ratio button.play-btn .text-content .play-btn svg{width:30px;fill:var(--color-foreground-hover)}.video-section .aspect-ratio button.play-btn .text-content h2{font-size:40px;max-width:33.33%;margin:40px auto;background:linear-gradient(310deg,#fcfcfc00,#fff0 99%)}.video-section .aspect-ratio[loaded=true] button.play-btn{display:none}.video-section iframe,.video-section video{position:absolute;width:100%;height:100%;padding:0}@media (max-width: 1399px){.video-section .aspect-ratio button.play-btn .text-content h2{font-size:30px}}@media (max-width: 1199px){.video-section .aspect-ratio button.play-btn .text-content .play-btn{height:60px;width:60px}.video-section .aspect-ratio button.play-btn .text-content .play-btn svg{width:30px}.video-section .aspect-ratio button.play-btn .text-content h2{max-width:50%}}@media (max-width: 991px){.video-section .aspect-ratio[loaded=true]{height:500px;padding:0}}@media (max-width: 767px){.video-section .aspect-ratio button.play-btn .text-content{padding-top:var(--padding-top-xs);padding-bottom:var(--padding-bottom-xs)}}@media (max-width: 479px){.video-section .aspect-ratio button.play-btn .text-content h2{font-size:24px;max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/custom-video.css.map */