.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%}.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[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus{outline-offset:-.3rem}.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:10rem;width:10rem;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;background-color:transparent;border:1px solid #FFFFFF;color:#fff}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1);background-color:#fff;color:#000}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}@media (max-width:1200px){.deferred-media__poster-button{width:5rem;height:5rem}}@media (max-width:768px){.deferred-media__poster-button{top:45%}}@media (max-width:567px){.deferred-media__poster-button{width:4rem;height:4rem}.deferred-media__poster-button .icon{width:1rem;height:1rem}.video-section__media.deferred-media{padding-bottom:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-deferred-media.css.map */
