.deferred-media__poster{background-color:transparent;border:none;cursor:pointer;margin:0;padding:0;height:100%;width:100%;overflow:hidden}.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))}@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:transparent;border-radius:50%;display:flex;align-items:center;justify-content:center;height:6rem;width:6rem;z-index:1;margin:0 auto;position:relative}.deferred-media__poster-button .icon{width:2rem;height:2rem}.video-section .rounded-text{text-transform:var(--text_style);transform:rotate(-103deg);top:0;left:0;position:absolute;z-index:2;max-width:170px;width:100%;font-family:var(--font-heading-family)}.video-section .rotating{animation:rotating 12s linear infinite}@keyframes rotating{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.video-section .coloring{font-size:24px}.deferred-media__poster-button .icon-play{margin-left:.2rem}@media screen and (max-width: 991px){.deferred-media__poster-button{height:50px;width:50px}.deferred-media__poster-button .icon{width:1.4rem;height:1.4rem}}@media screen and (max-width: 767px){.deferred-media__poster-button{height:40px;width:40px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-deferred-media.css.map */