/* Shared PC/mobile banner slots; video posters and recommendation sliders are separate. */
.md-banner-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
}
.md-banner-list--mobile { padding: 0 .21333rem; }
.md-banner-ad,
.video .play_content .play_ads.md-banner-ad {
    display: block;
    position: relative;
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    min-height: 0;
    margin: 12px 0;
    border-radius: 4px;
    overflow: hidden;
}
.md-banner-list > .md-banner-ad { margin: 0; }
.md-banner-list > .md-banner-ad:first-child { margin-top: 12px; }
.md-banner-list > .md-banner-ad:last-child { margin-bottom: 12px; }
.md-banner-ad div,
.md-banner-ad p,
.md-banner-ad a,
.md-banner-ad picture {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0;
}
.md-banner-ad img,
.md-banner-ad video,
.md-banner-ad svg {
    display: block;
    position: static;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain !important;
}
.md-banner-ad iframe {
    display: block;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    border: 0;
    /* JS uses width/height or data-ad-ratio for the exact responsive height. */
    aspect-ratio: 6 / 1;
}