.youtube-lite { position: relative; display: block; width: auto; min-width: 0; aspect-ratio: 16 / 9; background: #000; padding: 0; isolation: isolate; scroll-margin-top: 110px; }
.youtube-lite.video--vertical { aspect-ratio: 9 / 16; }
.youtube-lite > .youtube-fallback, .youtube-lite > iframe, .youtube-lite > .youtube-play { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; border: 0; padding: 0; }
.youtube-lite .youtube-fallback > img { width: 100%; height: 100%; object-fit: cover; }
.youtube-lite > .youtube-play { background: transparent; color: #fff; cursor: pointer; }
.youtube-lite > .youtube-play[hidden] { display: none; }
.youtube-ready > .youtube-fallback { pointer-events: none; }
.youtube-ready > .youtube-fallback > .youtube-play-icon { display: none; }
.youtube-play-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: grid; place-items: center; width: 62px; height: 62px; color: #fff; background: var(--button-red); border: 1px solid #fff; }
.youtube-play:hover .youtube-play-icon, .youtube-fallback:hover .youtube-play-icon { background: #ba1028; }
.youtube-play:focus-visible { outline: 3px solid #fff; outline-offset: -5px; }
.youtube-play:focus-visible .youtube-play-icon { outline: 3px solid var(--red); outline-offset: 3px; }
.youtube-lite.portrait-cover::before { content: none; }
.media-card > .youtube-lite { padding: 0; }