.deferred-media{position:relative;display:block;overflow:hidden;background-color:#f4f4f4;width:100%}.deferred-media__poster{position:relative;cursor:pointer;display:block;background-color:transparent;border:none;padding:0;width:100%;height:100%}.deferred-media__poster img{width:100%;height:auto;display:block}.deferred-media__poster-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:6rem;height:6rem;display:flex;align-items:center;justify-content:center;background-color:#000000b3;border-radius:50%;transition:transform .3s ease,background-color .3s ease;z-index:2;border:2px solid rgba(255,255,255,.8)}.deferred-media__poster:hover .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1);background-color:#000000d9}.deferred-media__poster-button svg,.deferred-media__poster-button .icon{width:2rem;height:2rem;fill:#fff;color:#fff}.deferred-media video,.deferred-media iframe,.deferred-media model-viewer{width:100%;height:100%;display:block;border:none}.deferred-media[loaded] .deferred-media__poster{display:none}.deferred-media--16-9{padding-bottom:56.25%;height:0}.deferred-media--4-3{padding-bottom:75%;height:0}.deferred-media--1-1{padding-bottom:100%;height:0}.deferred-media[loaded]{padding-bottom:0;height:auto}.deferred-media__poster:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#fff3,#fff0);opacity:0;transition:opacity .3s ease}.deferred-media__poster:hover:after{opacity:1}@media screen and (max-width:749px){.deferred-media__poster-button{width:4.5rem;height:4.5rem}.deferred-media__poster-button svg,.deferred-media__poster-button .icon{width:1.5rem;height:1.5rem}}.deferred-media__poster:focus{outline:2px solid #0066cc;outline-offset:2px}.deferred-media__poster:focus .deferred-media__poster-button{transform:translate(-50%,-50%) scale(1.1)}@media(prefers-color-scheme:dark){.deferred-media{background-color:#1a1a1a}.deferred-media__poster-button{background-color:#ffffff26;border-color:#ffffff4d}.deferred-media__poster:hover .deferred-media__poster-button{background-color:#ffffff40}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-deferred-media.css.map */