.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden;border-radius:calc(var(--primary-corner-radius) - var(--border-width))}.media>.deferred-media__poster,.media .card_image_wrapper>.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(--primary-corner-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(--primary-corner-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-radius:50%;color:rgb(var(--color-foreground));display:flex;align-items:center;justify-content:center;height:4.5rem;width:4.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:transform var(--duration-long) ease,color var(--duration-long) ease;z-index:1}.deferred-media__poster-button.play_with_text .svg-wrapper{width:auto;height:auto;gap:15px;display:flex;justify-content:space-between;align-items:center;line-height:normal}.deferred-media__poster-button.play_with_text *{color:rgb(var(--color-button-text))}.deferred-media__poster-button.play_with_text{width:unset;font-weight:500;background:rgb(var(--color-button));border-radius:50px;padding:7px 8px;height:auto}.deferred-media__poster-button.play_with_text svg path{color:rgb(var(--color-foreground))}.deferred-media__poster-button.play_with_text .icon{width:1.4rem;min-width:1.4rem;height:1.4rem}.deferred-media__poster-button.play_with_text .svg_wrap{background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));padding:9px;border-radius:50px;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center}.deferred-media__poster-button:hover{transform:translate(-50%,-50%)}.deferred-media__poster-button:hover svg{transform:scale(1.1)}.deferred-media__poster-button .icon{width:1.5rem;height:1.6rem}.deferred-media__poster-button .icon-play{margin-left:.16rem}@media screen and (max-width: 767px){.deferred-media__poster-button.play_with_text .svg-wrapper{gap:8px;font-size:12px}.deferred-media__poster-button.play_with_text .svg_wrap{width:2.2rem;height:2.2rem;padding:6px}.deferred-media__poster-button{width:3.8rem;height:3.8rem}.deferred-media__poster-button .icon{width:1.4rem;height:1.4rem}.deferred-media__poster-button.play_with_text{padding:4px 8px 4px 4px;height:3.2rem}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/component-deferred-media.css.map */