byte-video-with-text{--byte-vwt-active: 0;--byte-vwt-slide-count: 1;--byte-vwt-media-height-factor: 1.14;--byte-vwt-video-radius: 0;display:block}.byte-video-with-text__inner{display:flex;flex-direction:column;gap:2rem}.byte-video-with-text__layout{display:flex;flex-direction:column;gap:2rem;align-items:stretch}@media screen and (min-width:750px){.byte-video-with-text__layout{flex-direction:row;align-items:center;gap:3rem}.byte-video-with-text__media-col{flex:1.38 1 0}.byte-video-with-text__content-col{flex:1 1 0;min-width:0}}.byte-video-with-text__media-col{display:flex;flex-direction:column;align-items:stretch;gap:1rem;min-width:0}.byte-video-with-text__viewport{position:relative;overflow:hidden;width:100%}.byte-video-with-text__track{display:flex;flex-direction:row;flex-wrap:nowrap;width:calc(100% * var(--byte-vwt-slide-count, 1));transition:transform .45s cubic-bezier(.25,.46,.45,.94);transform:translate(calc(-100% * var(--byte-vwt-active, 0) / var(--byte-vwt-slide-count, 1)));will-change:transform}.byte-video-with-text__slide{flex:0 0 calc(100% / var(--byte-vwt-slide-count, 1));min-width:0;box-sizing:border-box}.byte-video-with-text__slide-inner{position:relative;width:100%;border-radius:var(--byte-vwt-video-radius, 0);overflow:hidden}.byte-video-with-text__slide-inner .deferred-media{overflow:hidden}.byte-video-with-text__slide-inner .video-section__media.deferred-media{padding-bottom:calc(var(--ratio-percent) * var(--byte-vwt-media-height-factor) - var(--media-border-width))}.byte-video-with-text__slide-inner .deferred-media__poster,.byte-video-with-text__slide-inner .deferred-media iframe,.byte-video-with-text__slide-inner .deferred-media video{position:absolute;top:0;left:0;width:100%;height:100%}.byte-video-with-text__slide-inner .deferred-media iframe,.byte-video-with-text__slide-inner .deferred-media video{object-fit:cover}.byte-video-with-text__slide-inner .deferred-media iframe{border:0;background-color:rgba(var(--color-foreground),.03)}.byte-video-with-text__slide-inner .deferred-media__poster.media img,.byte-video-with-text__slide-inner .deferred-media__poster.media .placeholder-svg{object-fit:cover}.byte-video-with-text__slide-inner .deferred-media video{background:transparent}.byte-video-with-text__content{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.byte-video-with-text__title,.byte-video-with-text__subtitle,.byte-video-with-text__subtitle p{margin:0}.byte-video-with-text__nav{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:.75rem;width:100%;flex-shrink:0;padding-top:.25rem}.byte-video-with-text__nav.is-hidden{display:none}.byte-video-with-text__dots{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;min-width:0;max-width:100%}.byte-video-with-text__dot{position:relative;display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;min-height:1.5rem;padding:0;border:none;border-radius:50%;background:transparent;color:inherit;cursor:pointer;flex-shrink:0}.byte-video-with-text__dot:after{content:"";display:block;width:.45rem;height:.45rem;border-radius:50%;background-color:rgba(var(--color-foreground),.28);box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.12);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease,box-shadow var(--duration-short) ease}.byte-video-with-text__dot:hover:after{background-color:rgba(var(--color-foreground),.45)}.byte-video-with-text__dot.is-active:after{transform:scale(1.45);background-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgba(var(--color-foreground),.2)}.byte-video-with-text__dot:focus{outline:none}.byte-video-with-text__dot:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.45);outline-offset:.15rem}.byte-video-with-text__nav-button{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;flex-shrink:0;padding:0;border:none;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));cursor:pointer;transition:border-color var(--duration-short) ease,background-color var(--duration-short) ease}.byte-video-with-text__nav-button:hover{border-color:rgba(var(--color-foreground),.4)}.byte-video-with-text__nav-button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.2rem}.byte-video-with-text__nav-button .svg-wrapper{display:flex;width:2rem;height:2rem}.byte-video-with-text__nav-button--prev .svg-wrapper{transform:rotate(90deg)}.byte-video-with-text__nav-button--next .svg-wrapper{transform:rotate(-90deg)}.byte-video-with-text__placeholder{margin:0;padding:2rem;text-align:center;border:.1rem dashed rgba(var(--color-foreground),.2);border-radius:var(--border-radius)}
/*# sourceMappingURL=/cdn/shop/t/2/assets/byte-video-with-text.css.map */