.hero-video-comparison{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;width:100%;overflow:hidden}.hero-video-comparison__media{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0}.hero-video-comparison__video-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(1.05);transition:opacity .8s ease,transform .8s ease;will-change:opacity,transform;z-index:0}.hero-video-comparison__video-wrapper--active{opacity:1;transform:scale(1);z-index:1}.hero-video-comparison__video-wrapper--inactive{opacity:0;transform:scale(1.05);z-index:0}.hero-video-comparison__video-wrapper--entering{opacity:0;transform:scale(1.05);z-index:2}.hero-video-comparison__video-wrapper--entering.hero-video-comparison__video-wrapper--active{opacity:1;transform:scale(1)}.hero-video-comparison__video-wrapper--exiting{opacity:1;transform:scale(1);z-index:1}.hero-video-comparison__video-wrapper--exiting:not(.hero-video-comparison__video-wrapper--active){opacity:0;transform:scale(1.05)}.hero-video-comparison__video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-video-comparison__video-tag{width:100%;height:100%;object-fit:cover;object-position:center}.hero-video-comparison__video-iframe{width:100%;height:100%;border:none;pointer-events:none}.hero-video-comparison__logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.hero-video-comparison__logo.gsap-fade-up{opacity:0}.hero-video-comparison__logo-image{width:100%;height:100%;object-fit:contain;display:block}.hero-video-comparison__titles{position:absolute;left:50%;transform:translate(-50%);z-index:2;text-align:center;min-width:300px;opacity:0}.hero-video-comparison__title{margin:0;color:var(--White, #FFFFFF);display:none;opacity:0}@media screen and (max-width:749px){.hero-video-comparison__toggle-label{margin-right:8px}}.hero-video-comparison__cta{position:absolute;bottom:0;left:50%;transform:translate(-50%);z-index:2;text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-video-comparison__cta-title{margin:0;color:var(--Black, #000000);font-size:1.4rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em}.hero-video-comparison__cta-line{width:1px;height:60px;background:var(--Black, #000000);box-shadow:0 0 4px #ffffff80,0 0 8px #ffffff4d;animation:pulseLine 2s ease-in-out infinite}@keyframes pulseLine{0%{transform:scaleY(0);transform-origin:top;opacity:0}40%{transform:scaleY(1);transform-origin:top;opacity:1}50%{transform:scaleY(1);transform-origin:bottom;opacity:1}90%{transform:scaleY(0);transform-origin:bottom;opacity:0}to{transform:scaleY(0);transform-origin:top;opacity:0}}.hero-video-comparison__toggle{position:relative;width:52px;height:28px;background:transparent;border:none;border-radius:20px;cursor:pointer;padding:4px;display:flex;align-items:center;transition:all .3s ease}.scrolled-past-hero .hero-video-comparison__toggle{width:0px}.hero-video-comparison__toggle--after .hero-video-comparison__toggle-slider{transform:translate(24px)}.hero-video-comparison__audio-toggle,.hero-video-comparison__toggle{background:transparent;border:none;outline:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity .3s ease;padding:0}.hero-video-comparison__audio-toggle:hover{opacity:.8}.hero-video-comparison__audio-toggle:focus{outline:none}.hero-video-comparison__audio-icon{width:20px;height:20px;color:var(--White, #FFFFFF);display:block}.hero-video-comparison__toggle-label{margin-right:0;color:var(--White, #FFFFFF);text-transform:uppercase}.hero-video-comparison__glass-after{display:none}@media screen and (max-width:749px){.hero-video-comparison__logo{width:132px;height:132px}.hero-video-comparison__cta{gap:.75rem}.hero-video-comparison__cta-title{font-size:1.25rem}.hero-video-comparison__cta-line{height:40px}@keyframes extendLine{to{height:40px}}.hero-video-comparison__toggle-slider{width:14px;height:14px}.hero-video-comparison__toggle--after .hero-video-comparison__toggle-slider{transform:translate(16px)}.hero-video-comparison__audio-icon{width:16px;height:16px}}@media screen and (min-width:750px){.hero-video-comparison__toggle-label{margin-right:12px}}@media screen and (min-width:750px)and (max-width:989px){.hero-video-comparison__logo{max-width:250px}.hero-video-comparison__cta-title{font-size:1.5rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-hero-video-comparison.css.map */