.video-with-text-section{overflow:hidden}.video-with-text{display:grid;grid-template-columns:1fr;gap:2rem;align-items:center}@media screen and (min-width: 750px){.video-with-text{grid-template-columns:1fr 1fr;gap:4rem}.video-with-text--reverse{direction:rtl}.video-with-text--reverse>*{direction:ltr}}.video-with-text__media-wrapper{position:relative;width:100%}.video-with-text__slider{position:relative;width:100%;overflow:hidden}.video-with-text__slide{display:none;width:100%}.video-with-text__slide.active{display:block}.video-with-text__video-container{position:relative;width:100%;background:#f5f5f5;border-radius:.3rem;overflow:hidden;aspect-ratio:9 / 16;height:680px}@media screen and (min-width: 750px){.video-with-text__video-container{aspect-ratio:3 / 4}}@media screen and (max-width: 749px){.video-with-text__video-container{height:500px}}.video-with-text__poster{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:#000}.video-with-text__poster.hidden{display:none}.video-with-text__poster img{width:100%;height:100%;object-fit:cover}.video-with-text__play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:3}.video-with-text__play-button:hover{background:#fff;transform:translate(-50%,-50%) scale(1.1)}.video-with-text__play-button .svg-wrapper{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.video-with-text__play-button svg{width:32px;height:32px;margin-left:4px}.video-with-text__video{width:100%;height:100%;object-fit:cover;display:block}.video-with-text__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f0f0f0}.video-with-text__controls{position:absolute;bottom:20px;right:20px;display:flex;gap:5px;align-items:center}.video-with-text__sound-toggle,.video-with-text__play-pause-toggle{width:25px;height:25px;background:#0009;border:2px solid rgba(255,255,255,.8);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fff;transition:all .3s ease;padding:0}.video-with-text__sound-toggle:hover,.video-with-text__play-pause-toggle:hover{background:#000c}.video-with-text__sound-toggle .icon-sound-off{display:block}.video-with-text__sound-toggle .icon-sound-on,.video-with-text__sound-toggle.unmuted .icon-sound-off{display:none}.video-with-text__sound-toggle.unmuted .icon-sound-on,.video-with-text__play-pause-toggle .icon-pause{display:block}.video-with-text__play-pause-toggle .icon-play,.video-with-text__play-pause-toggle.paused .icon-pause{display:none}.video-with-text__play-pause-toggle.paused .icon-play{display:block}.video-with-text__navigation{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 12px;z-index:5;pointer-events:none}.video-with-text__nav-button{width:40px;height:40px;background:#ffffffe6;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#000;transition:all .3s ease;pointer-events:auto;box-shadow:0 2px 8px #0000001a}.video-with-text__nav-button:hover{background:#fff;transform:scale(1.1)}.video-with-text__nav-button svg{width:20px;height:20px}.video-with-text__nav-button:disabled{opacity:.3;cursor:not-allowed}.video-with-text__content-wrapper{display:flex;flex-direction:column;gap:1.5rem}.video-with-text__content-slider{position:relative}.video-with-text__content{display:none}.video-with-text__content.active{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.video-with-text__step-nav{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.video-with-text__step-label{font-size:.875rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin:0;color:rgb(var(--color-foreground))}.video-with-text__step-arrow{background:none;border:none;font-size:1.25rem;cursor:pointer;padding:.25rem;color:rgb(var(--color-foreground));transition:all .3s ease;line-height:1}.video-with-text__step-arrow:hover{transform:scale(1.2)}.video-with-text__step-arrow:disabled{opacity:.3;cursor:not-allowed}.video-with-text__heading{margin:0 0 1rem;color:rgb(var(--color-foreground));line-height:1.3;white-space:normal;display:flex;flex-direction:column;gap:.25rem}.video-with-text__heading-line{display:block;font-size:25px;line-height:1.2;color:#000}.video-with-text__description{margin:0 0 1.5rem;color:rgb(var(--color-foreground));line-height:1.6;max-width:100%}.video-with-text__description p{margin:0 0 .75rem}.video-with-text__description p:last-child{margin-bottom:0}.video-with-text__content--align-left{text-align:left}.video-with-text__content--align-left .video-with-text__step-nav{justify-content:flex-start}.video-with-text__content--align-left .video-with-text__heading{align-items:flex-start}.video-with-text__content--align-center{text-align:center}.video-with-text__content--align-center .video-with-text__step-nav{justify-content:center}.video-with-text__content--align-center .video-with-text__heading{align-items:center}.video-with-text__content--align-center .video-with-text__content .button{display:inline-block}.video-with-text__content--align-right{text-align:right}.video-with-text__content--align-right .video-with-text__step-nav{justify-content:flex-end}.video-with-text__content--align-right .video-with-text__heading{align-items:flex-end}@media screen and (max-width: 749px){.video-with-text__dots{justify-content:center!important}.video-with-text__heading{font-size:clamp(1.5rem,5vw,2.5rem)}.video-with-text__content-wrapper{padding:0 1rem}}.video-with-text__content .button{margin-top:1rem}.video-with-text__dots{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.video-with-text__dot{width:8px;height:8px;border-radius:50%;background:rgba(var(--color-foreground),.3);border:none;cursor:pointer;padding:0;transition:all .3s ease}.video-with-text__dot.active{background:rgb(var(--color-foreground));width:24px;border-radius:4px}.video-with-text__dot:hover{background:rgba(var(--color-foreground),.6)}@media screen and (min-width: 750px){.video-with-text__mobile-only{display:none!important}.video-with-text__navigation{display:none}}.video-with-text__slide,.video-with-text__content{transition:opacity .5s ease}.video-with-text__video[data-loading=true]{opacity:.7}@media (prefers-reduced-motion: reduce){.video-with-text__slide,.video-with-text__content,.video-with-text__nav-button,.video-with-text__step-arrow,.video-with-text__dot{transition:none}.video-with-text__content.active{animation:none}}.video-with-text__nav-button:focus-visible,.video-with-text__step-arrow:focus-visible,.video-with-text__sound-toggle:focus-visible,.video-with-text__play-pause-toggle:focus-visible,.video-with-text__play-button:focus-visible,.video-with-text__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/video-with-text.css.map */