/* Neutral edges for General iT promotional covers. */
html .git-promo-media:not(.is-user-started) {
    background: var(--git-surface, #fff) !important;
    background-clip: padding-box !important;
    border: 1px solid rgba(46, 52, 65, .09) !important;
    box-shadow: 0 14px 40px rgba(28, 36, 52, .055) !important;
}
html[data-theme="dark"] .git-promo-media:not(.is-user-started) {
    background-color: var(--git-surface, #191d27) !important;
    border-color: rgba(224, 230, 242, .12) !important;
    box-shadow: 0 14px 40px rgba(0, 0, 0, .14) !important;
}
html .git-promo-media:not(.is-user-started)::before {
    border-color: transparent !important;
    background: none !important;
}
/* The native hidden attribute must win against player-specific flex/grid rules. */
.git-promo-media [hidden] { display: none !important; }
.git-promo-media:not(.has-video):not(.vh-video--has-media) {
    cursor: default !important;
}
.git-promo-media:not(.has-video):not(.vh-video--has-media) :is(
    [data-vh-video-controls], [data-vh-video-close], [data-vh-video-loader],
    [data-git-license-video-controls], [data-git-license-video-close], [data-git-license-video-loader],
    [data-git-b24-video-controls], [data-git-b24-video-close], [data-git-b24-video-loader]
) { display: none !important; }

/* One responsive frame for every promotional player and cover. */
html .git-hosting-colocation.cx .co-hero .git-promo-media.vh-video:not(:fullscreen),
html .git-hosting-dedicated.dx .dd-hero .git-promo-media.vh-video:not(:fullscreen),
html .git-promo-media:not(:fullscreen) {
    box-sizing: border-box !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: 16 / 9 !important;
    align-self: center !important;
}