.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.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))}.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;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}@media (max-width: 749px){deferred-media.active .deferred-media__poster-button{left:50%!important}}@media (max-width: 320px){deferred-media.no-js-hidden .deferred-media__poster-button{right:45px!important}}@media (max-width: 400px){deferred-media.no-js-hidden .deferred-media__poster-button{right:70px}}@media (min-width: 401px) and (max-width: 425px){deferred-media.no-js-hidden .deferred-media__poster-button{right:85px}}@media (min-width: 425px) and (max-width: 450px){deferred-media.no-js-hidden .deferred-media__poster-button{right:110px}}@media (min-width: 451px) and (max-width: 500px){deferred-media.no-js-hidden .deferred-media__poster-button{right:120px}}@media (min-width: 501px) and (max-width: 550px){deferred-media.no-js-hidden .deferred-media__poster-button{right:140px}}@media (min-width: 551px) and (max-width: 600px){deferred-media.no-js-hidden .deferred-media__poster-button{right:165px}}@media (min-width: 601px) and (max-width: 650px){deferred-media.no-js-hidden .deferred-media__poster-button{right:170px}}@media (min-width: 651px) and (max-width: 700px){deferred-media.no-js-hidden .deferred-media__poster-button{right:200px}}@media (min-width: 701px) and (max-width: 749px){deferred-media.no-js-hidden .deferred-media__poster-button{right:225px}}@media (max-width: 749px){deferred-media.media_play_btn .deferred-media__poster-button{left:50%!important}}@media (min-width: 750px){.deferred-media__poster-button{left:50%}}
/*# sourceMappingURL=/cdn/shop/t/2277/assets/component-deferred-media.css.map */