:root{--media-border-width: .1rem;--media-border-opacity: .1;--media-radius: var(--border-radius, .4rem);--media-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);--duration-short: .15s;--duration-medium: .3s}.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--media-radius) - var(--media-border-width));display:flex;align-items:center;justify-content:center;transition:border-radius var(--duration-short) ease}.deferred-media__poster img{width:auto;max-width:100%;height:100%;object-fit:contain;transition:opacity var(--duration-medium) ease}.deferred-media{overflow:hidden;position:relative}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus-visible,.deferred-media__poster:focus{outline:none;box-shadow:var(--media-shadow);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus:not(:focus-visible){outline:none;box-shadow:none}.global-media-settings--full-width .deferred-media__poster,.global-media-settings--full-width .deferred-media__poster:is(:focus,:focus-visible){border-radius:0}@media (forced-colors: active){.deferred-media__poster:focus{outline:transparent solid 1px}}.deferred-media__poster-button{background-color:rgb(var(--color-background));border:var(--media-border-width) solid rgba(var(--color-foreground),var(--media-border-opacity));border-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:6.2rem;width:6.2rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(1);transition:transform var(--duration-short) ease,background-color var(--duration-short) ease,box-shadow var(--duration-short) ease;z-index:1;will-change:transform}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1);background-color:rgba(var(--color-background),.95);box-shadow:0 .4rem 1.2rem rgba(var(--color-foreground),.2)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}.deferred-media__poster-button:after{content:"Play media";position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.deferred-media[loaded] img,.deferred-media[loaded] video{animation:fadeIn var(--duration-medium) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-deferred-media.css.map */