/* v8: click-to-play YouTube facade (.yt). Loaded after aeo-pages-v3.css on pages with a video. */
.cs-video .yt{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden}
.cs-video .yt img,.cs-video .yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0;display:block}
.cs-video .yt-link{position:absolute;inset:0;display:block}
.cs-video .yt-label{position:absolute;left:12px;bottom:12px;padding:6px 10px;background:rgba(0,0,0,.72);color:#fff;font-size:14px;line-height:1.2;border-radius:4px}
.cs-video .yt-play{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.cs-video .yt-play[hidden]{display:none}
.cs-video .yt-play .yt-bg{fill:#212121;fill-opacity:.82;transition:fill .15s}
.cs-video .yt-play:hover .yt-bg,.cs-video .yt-play:focus-visible .yt-bg{fill:#f00;fill-opacity:1}
.cs-video .yt-play:focus-visible{outline:3px solid #fff;outline-offset:-6px}
.cs-video .yt.js .yt-label{display:none}
.cs-video-portrait{max-width:420px}
.cs-video-portrait video{display:block;width:100%;height:auto;aspect-ratio:744/1080;background:#111;border:1px solid var(--rule)}
@media (max-width:720px){.cs-video-portrait{max-width:none;margin-left:0;margin-right:0}.cs-video-portrait video{max-width:360px;margin:0 auto}.cs-video-portrait figcaption{padding:0}}
