[data-hgm-video-endpoint] .hgm-video-mount{position:relative;aspect-ratio:16/9;background:#111;overflow:hidden;border-radius:inherit}
[data-hgm-video-endpoint] .hgm-video-start{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:#111;color:#fff;cursor:pointer}
[data-hgm-video-endpoint] .hgm-video-start img{width:100%;height:100%;object-fit:cover;display:block}
[data-hgm-video-endpoint] .hgm-video-start span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:12px 20px;background:rgba(0,0,0,.8);border-radius:5px}
[data-hgm-video-endpoint] .hgm-video-start:disabled{cursor:progress;opacity:1}
.hgm-gallery-cover [data-hgm-video-endpoint]{height:100%}
@media(prefers-reduced-motion:reduce){[data-hgm-video-endpoint] *,[data-hgm-video-endpoint] *::before,[data-hgm-video-endpoint] *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
[data-hgm-video-endpoint] .hgm-video-consent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:20px;text-align:center;background:rgba(0,0,0,.8);color:#fff}
[data-hgm-video-endpoint] [hidden]{display:none!important}
[data-hgm-video-endpoint] .hgm-video-status{position:absolute;inset:auto 12px 12px;margin:0;background:#111;color:#fff;padding:10px}
[data-hgm-video-endpoint] button:focus-visible{outline:3px solid #45d5ca;outline-offset:-3px}
[data-hgm-video-endpoint] media-player:focus-visible{outline:3px solid #45d5ca;outline-offset:-3px}
/* Native Classic controls can shrink time text below one line in narrow layouts. */
.hgm-video-native .fluent-player-container{--media-brand:#00a69c;--media-focus-ring:0 0 0 2px #45d5ca,0 0 0 4px rgba(69,213,202,.32)}
/* The native root Settings button must not inherit Hello's pink focus fill.
   Keep its idle treatment light and use the existing brand for every engaged state. */
.hgm-video-native media-menu-button[data-root][type=button]{color:#fff;background:transparent;border:0}
.hgm-video-native media-menu-button[data-root][type=button]:is(:hover,:focus,:focus-visible,:active,[data-focus],[aria-expanded=true]){color:#fff;background:var(--media-brand,#00a69c)}
.hgm-video-native media-menu-button[data-root][type=button]:is(:focus-visible,[data-focus]){outline:2px solid #45d5ca;outline-offset:2px;box-shadow:0 0 0 4px rgba(69,213,202,.32)}
/* Hello's [type=button] rule also matches native custom submenu elements. */
.hgm-video-native media-menu-items media-menu-button[type=button]{color:#45d5ca;border:1px solid transparent}
.hgm-video-native media-menu-items media-menu-button[type=button]:is(:hover,:focus,:focus-visible,[data-focus]){color:#45d5ca;border-color:#45d5ca;background:rgba(0,166,156,.12)}
/* Native menu scrolling stays inside narrow players and leaves controls visible. */
.hgm-video-native .fp-settings-menu > media-menu-items{top:auto!important;bottom:44px;max-height:min(250px,calc(var(--player-height,250px) - 48px));scrollbar-color:#45d5ca #171717;scrollbar-width:thin}
.hgm-video-native media-time{white-space:nowrap;flex-shrink:0}
@media(max-width:600px){.hgm-video-native media-volume-slider{display:none}}