.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%}.media>.deferred-media__poster,.media.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;height:100%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media>.deferred-media__poster{transition:opacity .35s ease,visibility 0s linear .35s;visibility:visible}.deferred-media[loaded]>.deferred-media__poster{opacity:0;pointer-events:none;visibility:hidden}.deferred-media__poster:focus{outline-offset:-.3rem}.deferred-media__poster-button{color:rgb(var(--color-base-text));background-color:rgba(var(--color-base-background),.9);box-shadow:0 0 4rem rgba(var(--color-base-text),.2);border-radius:.8rem;display:flex;align-items:center;justify-content:center;height:4.4rem;width:4.4rem;position:absolute;transition:transform var(--duration-default) ease;z-index:2}@media screen and (min-width:750px){.deferred-media__poster-button{height:6.4rem;width:6.4rem}}@media screen and (hover:hover){.deferred-media:hover .deferred-media__poster-button{transform:scale(1.07)}.deferred-media__poster-button:hover .icon{animation:beat .6s infinite ease}}.deferred-media__poster-button .icon{width:100%;height:100%}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.deferred-media__video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:transparent;border:none;cursor:pointer;padding:0;margin:0;z-index:3;display:flex;align-items:center;justify-content:center}.deferred-media__overlay-icon{width:5.6rem;height:5.6rem;background-color:rgba(var(--color-base-background),.88);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.85);transition:opacity .22s ease,transform .22s ease;box-shadow:0 .2rem 2rem rgba(var(--color-base-text),.18);color:rgb(var(--color-base-text));pointer-events:none}.deferred-media__overlay-icon svg{width:2.4rem;height:2.4rem}.deferred-media[paused] .deferred-media__overlay-icon{opacity:1;transform:scale(1)}@media screen and (hover:hover){.deferred-media__video-overlay:hover .deferred-media__overlay-icon{opacity:1;transform:scale(1)}}@media screen and (hover:none){.deferred-media__video-overlay:focus .deferred-media__overlay-icon,.deferred-media__video-overlay:active .deferred-media__overlay-icon{opacity:1;transform:scale(1)}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/component-deferred-media.css.map */