.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__poster-button{border-radius:50%;position:absolute;border:none;background-color:rgb(var(--color-base-background-1));display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--duration-default) ease-in-out;backface-visibility:hidden;color:rgb(var(--color-base-accent-2));z-index:3}.deferred-media__poster-button{top:50%;left:50%;transform:translate(-50%,-50%) scale(1)}@media screen and (max-width: 767px){.video-player__button,.deferred-media__poster-button{width:7rem;height:7rem}.video-section:not(.page-width) .video-player__button,.video-section:not(.page-width) .deferred-media__poster-button{margin-top:-1.5rem}.video-player__close{width:4rem;height:4rem;top:1.2rem;right:1.2rem}}@media screen and (min-width: 768px){.deferred-media__poster-button:hover{transform:translate(-50%,-50%) scale(1.1)}.deferred-media__poster-button{width:10rem;height:10rem}}@media screen and (min-width: 1024px){.deferred-media__poster-button--large{width:14rem;height:14rem}.deferred-media__poster-button--large .icon-play{width:3.6rem;height:3.6rem}}.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))}.deferred-media__poster:focus:not(:focus-visible){outline:0;box-shadow:none}
/*# sourceMappingURL=/s/files/1/0627/3463/1150/t/57/assets/component-deferred-media.css.map */