.video-with-text__media{display:block;position:relative;overflow:hidden;width:100%;min-height:100%;background-color:#000;--ratio-percent: 56.25%}.video-with-text__media--adapt,.video-with-text__media--16-9,.video-with-text__media--4-3,.video-with-text__media--1-1,.video-with-text__media--9-16{height:0;padding-bottom:var(--ratio-percent)}.video-with-text__media--small{height:19.4rem}.video-with-text__media--medium{height:29.6rem}.video-with-text__media--large{height:43.5rem}@media screen and (min-width:750px){.video-with-text__media--small{height:31.4rem}.video-with-text__media--medium{height:46rem}.video-with-text__media--large{height:69.5rem}}.video-with-text__media video,.video-with-text__poster-img,.video-with-text__play-button{position:absolute;top:0;left:0;width:100%;height:100%}.video-with-text__media video{display:block;object-fit:cover}.video-with-text__poster-img{z-index:1;object-fit:cover;transition:opacity var(--duration-default) ease}.video-with-text__media[loaded] .video-with-text__poster-img{opacity:0;pointer-events:none}.video-with-text__media--placeholder>svg{position:absolute;top:0;left:0;width:100%;height:100%;fill:currentColor}.video-with-text__play-button{z-index:2;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background-color:transparent;cursor:pointer}.video-with-text__media[loaded] .video-with-text__play-button{display:none}.video-with-text__play-button:after{content:"";position:absolute;left:50%;top:50%;height:6.2rem;width:6.2rem;border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease}.video-with-text__play-button:hover:after{transform:translate(-50%,-50%) scale(1.1)}.video-with-text__play-button .icon-play{position:relative;z-index:1;width:2rem;height:2rem;margin-left:.2rem;color:rgb(var(--color-foreground))}
/*# sourceMappingURL=/cdn/shop/t/10/assets/component-video-with-text.css.map */