.mty-video-container{--video-button-size:6rem;aspect-ratio:16/9;margin:0 auto;overflow:hidden;position:relative}.mty-video{display:block;height:auto;object-fit:cover;width:100%}.play-pause-btn svg{max-width:3rem}.play-pause-btn{align-items:center;border:.5rem solid var(--color-surface);border-radius:50%;cursor:pointer;display:flex;grid-area:content;height:var(--video-button-size);justify-content:center;outline:none;padding:var(--space-md);position:absolute;width:var(--video-button-size)}.play-pause-btn,.play-pause-btn:focus,.play-pause-btn:hover{background:var(--color-primary)}.play-pause-btn .icon{height:2.6em;width:2.6em;fill:var(--color-surface);position:absolute;transition:opacity .3s ease}.play-icon{opacity:1}.pause-icon{opacity:0}.mty-video-container.playing .play-icon{opacity:0;transition:opacity .3s ease}.mty-video-container.playing .pause-icon{opacity:1;transition:opacity .3s ease}.mty-video-container.first-playback-started .play-pause-btn{opacity:0}.mty-video-button-wrapper{bottom:10rem;display:grid;grid-template-areas:". content .";grid-template-columns:minmax(var(--grid-gutter),auto) minmax(auto,var(--container-max-width)) minmax(var(--grid-gutter),auto);left:0;position:absolute;top:auto;width:100%}.mty-button-center .mty-video-button-wrapper{bottom:auto;top:calc(50% - var(--video-button-size)/2)}.mty-button-center .play-pause-btn{left:50%;transform:translate(-50%)}.mty-video-container.playing .mty-video-headline{opacity:0;transition:opacity var(--transition)}.mty-video-headline{inset:0;opacity:1;pointer-events:none;position:absolute;transition:opacity var(--transition);z-index:2}.mty-video-container .mty-heading{position:absolute}@media (max-width:767px){.mty-video-container .mty-heading{font-size:var(--fs-m);left:var(--pos-left-m);max-width:var(--box-w-m,none);top:var(--pos-top-m)}}@media (min-width:768px){.mty-video-container .mty-heading{font-size:var(--fs-d,var(--fs-m));left:var(--pos-left-d,var(--pos-left-m));max-width:var(--box-w-d,var(--box-w-m,none));top:var(--pos-top-d,var(--pos-top-m))}}.mty-anchor-center{transform:translate(-50%,-50%)}.mty-anchor-mid-left{transform:translateY(-50%)}.mty-anchor-baseline-left{transform:translateY(0)}