.video-facade-host{display:block;position:relative}.video-facade{display:block;position:relative;width:100%;aspect-ratio:var(--video-facade-ratio, 16 / 9);margin:0;padding:0;border:0;border-radius:0;overflow:hidden;background-color:rgba(var(--color-body-text, 0, 0, 0),.06);color:rgb(var(--color-body, 255, 255, 255));font:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}@media screen and (max-width:749px){.video-facade{aspect-ratio:var(--video-facade-ratio-mobile, var(--video-facade-ratio, 16 / 9))}}.video-facade--autoplay{cursor:default;pointer-events:none}.video-facade__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity var(--duration-default, .2s) ease}.video-facade__poster.is-loaded{opacity:1}.video-facade__button{position:absolute;left:50%;top:50%;z-index:1;display:flex;align-items:center;justify-content:center;width:6.2rem;height:6.2rem;border:.1rem solid currentcolor;border-radius:50%;background-color:transparent;color:inherit;transform:translate(-50%,-50%);transition:opacity var(--duration-default, .2s) ease}.video-facade__button .icon-play{width:2rem;height:2rem;margin-left:.2rem}.video-facade:hover .video-facade__button{opacity:.7}.video-facade:focus{outline:none}.video-facade:focus-visible{outline:.2rem solid rgb(var(--color-body-text, 0, 0, 0));outline-offset:-.4rem}.video-facade.is-loading{cursor:progress}.video-facade.is-loading .video-facade__button .icon-play{display:none}.video-facade.is-loading .video-facade__button{border-color:currentcolor transparent currentcolor currentcolor;animation:video-facade-spin .9s linear infinite}@keyframes video-facade-spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@media(prefers-reduced-motion:reduce){.video-facade.is-loading .video-facade__button{animation:none;opacity:.6}}.video-facade-host.is-player-built .video-facade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;aspect-ratio:auto;height:100%}.video-native{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:cover;opacity:0;transition:opacity .4s ease}.video-facade-host.is-playing .video-native{opacity:1}.video-background-host{display:block}.video-background-host .video-facade__poster{object-fit:cover}.video-background-host .video-background__iframe{opacity:0;transition:opacity .4s ease}.video-background-host.is-playing .video-background__iframe{opacity:1}@media(prefers-reduced-motion:reduce){.video-native,.video-background-host .video-background__iframe{transition:none}}.deferred-media[data-plyr-loading] .deferred-media__poster{cursor:progress}.deferred-media[data-plyr-loading] .deferred-media__poster-button{border-color:currentcolor transparent currentcolor currentcolor;animation:video-facade-spin .9s linear infinite}.deferred-media[data-plyr-loading] .deferred-media__poster-button .icon{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/123/assets/component-video-facade.css.map */