.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=true]) template{z-index:-1}.deferred-media[loaded=true]>.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:transparent;border:.2rem solid rgba(var(--color-background),1);border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:134px;width:134px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;transition:all .3s linear}.deferred-media__poster-button span{color:var(--gradient-background);font-size:1.4rem;letter-spacing:2.6px;text-transform:uppercase;line-height:19px;display:flex}.deferred-media__poster-button:before{content:"";position:absolute;width:100%;height:100%;background:#fff0;border-radius:50%;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:1}.deferred-media__poster-button span{transition:all .3s linear;border-radius:50%;width:80px;height:80px;justify-content:center;align-items:center}.deferred-media__poster-button:hover span{-webkit-animation:ripple 3s linear infinite;animation:ripple 3s linear infinite}.deferred-media__poster-button .icon{width:3rem;height:3rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}@keyframes ripple{0%{box-shadow:0 0 #ffffff4d,0 0 0 10px #ffffff4d,0 0 0 30px #ffffff4d,0 0 0 50px #ffffff4d}to{box-shadow:0 0 0 10px #ffffff4d,0 0 0 30px #ffffff4d,0 0 0 50px #ffffff4d,0 0 0 80px #fff0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */