component-video{border-radius:inherit;aspect-ratio:var(--aspect-ratio);position:relative;height:auto;width:100%;display:block}@supports not (aspect-ratio: 1){:is(component-video):before{content:"";padding-block-end:calc(100% / (var(--aspect-ratio)));display:block}:is(component-video)>*{height:100%;inset-block-start:0;inset-inline-start:0;position:absolute!important}}component-video>:is(video,iframe,img,svg){width:100%;height:100%;border:none;border-radius:inherit;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0}component-video>:is(img,svg),component-video>video:not(:-webkit-full-screen),component-video>video:not(:fullscreen){object-fit:cover;object-position:center}.deferred-play-btn{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.deferred-play-btn .play-button{width:45px;height:45px;background-color:#fff;position:absolute;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;z-index:10;bottom:20px;right:20px;transition:all .3s ease}.deferred-play-btn .play-button:hover{scale:1.1}component-video[playing] .deferred-play-btn .play-button .icon:first-child:not(:only-child),component-video:not([playing]) .deferred-play-btn .play-button .icon:last-child:not(:only-child){display:none}@media screen and (max-width:769px){.deferred-play-btn .play-button{width:32px;height:32px;right:10px;bottom:10px}}
/*# sourceMappingURL=/cdn/shop/t/311/assets/component-video.css.map */