.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--border-radius) - var(--border-width))}.media>.deferred-media__poster{display:flex;align-items:center;justify-content:center}.deferred-media__poster img{width:auto;max-width:100%;height:100%}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}.deferred-media__poster-button{background-color:var(--surface-primary);border:1px solid var(--border-primary);border-radius:50%;color:var(--text-primary);display:flex;align-items:center;justify-content:center;height:62px;width:62px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--t-150),color var(--t-150),background var(--t-150);z-index:1;min-height:44px;min-width:44px}.deferred-media__poster-button .icon{width:20px;height:20px}.deferred-media__poster-button .icon-play{margin-left:2px}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1);background:var(--gradient-cta);color:var(--cta-text);border-color:transparent}.deferred-media__poster:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}@media(forced-colors:active){.deferred-media__poster:focus{outline:transparent solid 1px}}:root[data-theme=dark] .deferred-media__poster-button{background-color:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}:root[data-theme=dark] .deferred-media__poster-button:hover{background:var(--gradient-cta);color:var(--cta-text);border-color:transparent}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .deferred-media__poster-button{background-color:var(--surface-primary);border-color:var(--border-primary);color:var(--text-primary)}:root:not([data-theme=light]) .deferred-media__poster-button:hover{background:var(--gradient-cta);color:var(--cta-text);border-color:transparent}}@media(hover:none)and (pointer:coarse){.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1);background:var(--surface-primary);color:var(--text-primary);border-color:var(--border-primary)}}@media print{.deferred-media__poster-button{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */