.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%}.deferred-media{overflow:hidden}.deferred-media:not([loaded]) template{z-index:-1}.deferred-media[loaded]>.deferred-media__poster{display:none}.deferred-media__poster:focus-visible{outline:none;box-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);border-radius:calc(var(--media-radius) - var(--media-border-width))}.deferred-media__poster:focus{outline:none;box-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);border-radius:calc(var(--media-radius) - var(--media-border-width))}.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:focus:not(:focus-visible){outline:0;box-shadow:none}.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:6.2rem;width:6.2rem;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}.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button .icon{width:2rem;height:2rem}.deferred-media__poster-button .icon-play{margin-left:.2rem}.deferred-media{padding-top:min(calc(100vh - 12rem),var(--tyo-media-ratio, 100%))}.deferred-media>video{object-fit:cover;object-position:center center}.media-fit-contain .deferred-media>video{object-fit:contain}.deferred-media[loaded]{cursor:pointer}.deferred-media[loaded]:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:.3rem}.tyo-video--paused:before,.tyo-video--paused:after{content:"";position:absolute;top:50%;left:50%;z-index:2;pointer-events:none}.tyo-video--paused:before{width:var(--tyo-play-size, 3.2rem);height:var(--tyo-play-size, 3.2rem);transform:translate(-50%,-50%);border-radius:50%;background:#00000080}.tyo-video--paused:after{width:0;height:0;transform:translate(-38%,-50%);border-style:solid;border-width:calc(var(--tyo-play-size, 3.2rem) * .22) 0 calc(var(--tyo-play-size, 3.2rem) * .22) calc(var(--tyo-play-size, 3.2rem) * .34);border-color:transparent transparent transparent #ffffff}@media(prefers-reduced-motion:no-preference){.deferred-media[loaded]:before,.deferred-media[loaded]:after{transition:opacity var(--duration-short) ease}}.deferred-media__poster img{width:100%;height:100%;object-fit:cover;object-position:center center}.deferred-media.media>button.tyo-video__sound{position:absolute;top:auto;left:auto;right:1.6rem;bottom:1.6rem;z-index:3;display:none;align-items:center;justify-content:center;width:4rem;height:4rem;padding:0;border:0;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;transition:background-color var(--duration-short) ease}.deferred-media[loaded].media>button.tyo-video__sound{display:flex}.tyo-video__sound:hover{background:#000000bf}.tyo-video__sound:focus-visible{outline:.2rem solid #ffffff;outline-offset:.2rem}.tyo-video__sound-icon{width:2rem;height:2rem}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-deferred-media.css.map */