live-video-player,media-i18n,media-container { display:block; }
.tv-container { display:block; background:#071321; border:1px solid #637d92; border-radius:14px; }
.tv-heading { display:flex; align-items:center; justify-content:space-between; padding:14px 20px; min-height:58px; }
media-title { display:block; font-size:24px; font-weight:700; min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#tvStatus { font-size:16px; margin-left:20px; color:#c7d7e8; white-space:nowrap; }
.tv-frame { position:relative; height:0; padding-top:56.25%; background:#000; }
.tv-frame hlsjs-video,.tv-frame>video { display:block; position:absolute; left:0; top:0; width:100%; height:100%; object-fit:contain; }
#tvNotice { position:absolute; left:10%; right:10%; top:44%; text-align:center; padding:14px; border-radius:10px; background:rgba(7,19,33,.9); color:#fff; pointer-events:none; }
[hidden] { display:none !important; }
.tv-controls { padding:14px 18px; background:#142d45; border-radius:0 0 14px 14px; }
.tv-timeline { display:flex; align-items:center; margin-bottom:12px; }
media-time { font:18px Arial,sans-serif; min-width:70px; margin-right:18px; }
.tv-slider { display:block; position:relative; height:32px; flex:1; min-width:40px; cursor:pointer; touch-action:none; }
.tv-track { display:block; position:absolute; left:0; right:0; top:14px; height:5px; background:#496078; border-radius:5px; }
.tv-buffer,.tv-fill { display:block; position:absolute; left:0; top:0; height:100%; border-radius:5px; pointer-events:none; }
.tv-buffer { width:var(--media-slider-buffer,0%); background:#9eafbe; }
.tv-fill { width:var(--media-slider-fill,0%); background:#ffb27b; }
.tv-thumb { display:block; position:absolute; top:8px; left:var(--media-slider-fill,0%); width:17px; height:17px; margin-left:-8px; background:#fff; border-radius:50%; }
.tv-buttons { display:flex; flex-wrap:wrap; align-items:center; }
.tv-button,.tv-container button,.tv-container select { display:inline-flex; align-items:center; justify-content:center; min-width:54px; min-height:46px; padding:9px 13px; margin:4px; border:1px solid #71899f; border-radius:9px; background:#213f59; color:#fff; font:600 18px Arial,sans-serif; cursor:pointer; }
.tv-rate { display:flex; align-items:center; margin:0 8px; font-size:16px; }
.tv-container select { display:inline-block; }
.tv-container select option { background:#213f59; color:#fff; }
.tv-container button:disabled,.tv-container select:disabled,.tv-button[disabled],.tv-button[aria-disabled="true"] { opacity:.45; cursor:default; }
.tv-container a:focus,.tv-container button:focus,.tv-container select:focus,.tv-button:focus,.tv-thumb:focus,.tv-container summary:focus { outline:3px solid #ffb27b; outline-offset:3px; }
.tv-icon-play { display:none; }
.tv-icon-pause { display:inline; }
.tv-play[data-paused] .tv-icon-play,.tv-play[data-ended] .tv-icon-play { display:inline; }
.tv-play[data-paused] .tv-icon-pause,.tv-play[data-ended] .tv-icon-pause { display:none; }
.tv-live { font-size:0; }
.tv-live::after { content:'К ЭФИРУ'; font-size:16px; }
.tv-live[data-live-edge]::after { content:'ЭФИР'; }
.tv-sound-off { display:none; }
.tv-mute[data-muted] .tv-sound-on { display:none; }
.tv-mute[data-muted] .tv-sound-off { display:inline; }
.tv-container:fullscreen { width:100%; height:100%; border:0; border-radius:0; background:#000; display:flex; flex-direction:column; }
.tv-container:fullscreen .tv-frame { flex:1; min-height:0; padding-top:0; height:auto; }
.tv-container:fullscreen .tv-heading,.tv-container:fullscreen .tv-controls { flex-shrink:0; }
.tv-container { position:relative; }
.tv-container.tv-fullscreen { position:relative; display:block; width:100%; height:100%; max-width:none; margin:0; padding:0; border:0; border-radius:0; background:#000; }
.tv-container.tv-fullscreen .tv-frame { position:absolute; top:0; left:0; width:100%; height:100%; padding:0; }
.tv-container.tv-fullscreen .tv-heading { position:absolute; top:0; left:0; right:0; z-index:2; color:#fff; background:linear-gradient(rgba(0,0,0,.65),rgba(0,0,0,0)); }
.tv-container.tv-fullscreen .tv-controls { position:absolute; bottom:14px; left:14px; right:14px; z-index:3; border-radius:14px; background:rgba(16,41,66,.93); }
.tv-container.tv-fullscreen.tv-controls-hidden .tv-controls,.tv-container.tv-fullscreen.tv-controls-hidden .tv-heading { visibility:hidden; pointer-events:none; }
.tv-container.tv-fullscreen.tv-controls-hidden { cursor:none; }

.tv-container { color:#fff; font-family:inherit; }
.tv-container button,.tv-container select,.tv-container .tv-button { font-family:inherit; }
/* Undo page-only video box restrictions for the alternate TV container. */
.player-frame > live-video-player { display:block; width:100%; height:auto; }
.tv-container.tv-fullscreen { overflow:visible !important; }
#tvDiagnostics { margin:20px auto; max-width:1280px; color:inherit; }
#tvDiagnostics pre { white-space:pre-wrap; overflow-wrap:anywhere; }
#v10-help-panel:not([open]) { display:none !important; }
