.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus-visible{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus{outline:none;box-shadow:0 0 0 var(--media-border-width) rgba(var(--color-foreground),var(--media-border-opacity)),0 0 0 calc(var(--media-border-width) + .3rem) rgb(var(--color-background)),0 0 0 calc(var(--media-border-width) + .5rem) rgba(var(--color-foreground),.5);border-radius:calc(var(--media-radius) - var(--media-border-width))}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}.deferred-media__poster-button{background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,color var(--duration-short) ease;z-index:1}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}.em-video-toggle{border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));cursor:pointer;z-index:2;opacity:0;pointer-events:none;transform:translate(-50%,-50%);transition:opacity var(--duration-short, .15s) ease}deferred-media[data-em-video].media .em-video-toggle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:6.2rem;height:6.2rem;max-width:none}deferred-media[loaded]:not(.is-playing) .em-video-toggle{opacity:.7;pointer-events:auto}deferred-media[data-em-video] video::-webkit-media-controls-overlay-play-button,deferred-media[data-em-video] video::-webkit-media-controls-start-playback-button{display:none}deferred-media[loaded]:hover .em-video-toggle{opacity:1;pointer-events:auto}.em-video-toggle:focus{outline:none;box-shadow:none}.em-video-toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.em-video-toggle .icon,.em-video-toggle svg{width:2rem;height:2rem}.em-video-toggle__pause{display:none}deferred-media.is-playing .em-video-toggle__play{display:none}deferred-media.is-playing .em-video-toggle__pause{display:flex}deferred-media[data-em-video] .deferred-media__poster-button{opacity:.7;transition:opacity var(--duration-short, .15s) ease,transform var(--duration-short, .15s) ease,color var(--duration-short, .15s) ease}deferred-media[data-em-video]:hover .deferred-media__poster-button{opacity:1}@media screen and (max-width:990px){deferred-media[data-em-video][loaded]:not(.is-playing) .em-video-toggle,deferred-media[data-em-video][loaded]:not(.is-playing):hover .em-video-toggle{opacity:.7;pointer-events:auto}deferred-media[data-em-video][loaded].is-playing .em-video-toggle,deferred-media[data-em-video][loaded].is-playing:hover .em-video-toggle{opacity:0;pointer-events:none}deferred-media[data-em-video].media .em-volume-toggle{width:3.52rem;height:3.52rem}.em-volume-toggle .icon,.em-volume-toggle svg{width:1.6rem;height:1.6rem}deferred-media[loaded]:hover .em-volume-toggle{opacity:.85}deferred-media[data-em-video]:hover .deferred-media__poster-button{opacity:.7;transform:translate(-50%,-50%) scale(1)}}.em-volume-toggle{border-radius:50%;background-color:rgb(var(--color-background));border:.1rem solid rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground));cursor:pointer;z-index:3;opacity:0;pointer-events:none;transition:opacity var(--duration-short, .15s) ease}deferred-media[data-em-video].media .em-volume-toggle{position:absolute;top:1.2rem;left:auto;right:1.2rem;bottom:auto;display:flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;max-width:none}deferred-media[loaded] .em-volume-toggle{opacity:.85;pointer-events:auto}deferred-media[loaded]:hover .em-volume-toggle{opacity:1}.em-volume-toggle:focus{outline:none;box-shadow:none}.em-volume-toggle:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.em-volume-toggle .icon,.em-volume-toggle svg{width:2rem;height:2rem}.em-volume-toggle__off{display:none}deferred-media.is-muted .em-volume-toggle__on{display:none}deferred-media.is-muted .em-volume-toggle__off{display:flex}
/*# sourceMappingURL=/cdn/shop/t/641/assets/component-deferred-media.css.map */