#beLiveTicker {
  --ticker-row-height: 32px;
  position: fixed; inset: auto 0 0; z-index: 85;
  display: flex; align-items: stretch; width: 100%; max-width: 100%;
  height: calc(var(--ticker-row-height) + env(safe-area-inset-bottom, 0px));
  padding: 0 0 env(safe-area-inset-bottom, 0px); box-sizing: border-box;
  overflow: hidden; background: #08090c; color: #f5f5f6;
  border-top: 1px solid #45464b; box-shadow: 0 -2px 8px #0006;
  font: 600 12px/1 system-ui, sans-serif; letter-spacing: .1px;
  contain: layout paint; isolation: isolate;
}
#beLiveTicker[hidden] { display: none !important; }
#beLiveTicker.above-menu { height: var(--ticker-row-height); padding-bottom: 0; }
#beLiveTicker .be-ticker-brand {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  flex: 0 0 90px; gap: 3px; padding-left: env(safe-area-inset-left, 0px);
  background: #be1526; color: white; font-size: 11px; font-weight: 900;
  box-shadow: 4px 0 8px #0005; z-index: 1;
}
#beLiveTicker .be-ticker-brand > span { font-size: 7px; letter-spacing: 2px; }
#beLiveTicker .be-ticker-window { min-width: 0; flex: 1 1 auto; overflow: hidden; }
#beLiveTicker .be-ticker-track { display: flex; width: max-content; height: 100%; will-change: transform; }
#beLiveTicker .be-ticker-sequence { display: flex; flex: 0 0 auto; height: 100%; align-items: stretch; box-sizing: border-box; }
#beLiveTicker .be-ticker-event { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 11px; padding: 0 24px; white-space: nowrap; border-right: 1px solid #53535d; }
#beLiveTicker .be-ticker-league { color: #a9aab4; font-size: 10px; font-weight: 800; text-transform: uppercase; }
#beLiveTicker .be-ticker-state { color: #b7bbc5; font-size: 10px; font-weight: 850; }
#beLiveTicker .is-live .be-ticker-state { color: #ff5a67; }
#beLiveTicker .is-live .be-ticker-state::before { content: ""; display: inline-block; width: 5px; height: 5px; margin-right: 5px; border-radius: 50%; background: currentColor; }
#beLiveTicker .is-final .be-ticker-state { color: white; }
#beLiveTicker .be-ticker-title { font-weight: 650; }
#beLiveTicker .be-ticker-score { color: #fff; font-weight: 900; font-size: 14px; font-variant-numeric: tabular-nums; }
#beLiveTicker .be-ticker-progress { color: #b7bbc5; font-size: 10px; }
html.be-live-ticker-visible body #app > .main { padding-bottom: calc(30px + var(--be-live-ticker-height)) !important; }
html.be-live-ticker-visible.be-live-ticker-bottom-nav #app > .main { padding-bottom: calc(100px + env(safe-area-inset-bottom, 0px) + var(--be-live-ticker-height)) !important; }
html.be-live-ticker-visible.be-live-ticker-bottom-nav:not(.be-live-ticker-portrait) #app > .sidebar { bottom: var(--be-live-ticker-height) !important; }
html.be-live-ticker-visible:not(.be-live-ticker-bottom-nav) #app > .sidebar { max-height: calc(100dvh - var(--be-live-ticker-height)) !important; }
#playerDialog.be-live-ticker-player { padding-bottom: var(--be-live-ticker-height) !important; box-sizing: border-box; }
#playerDialog.be-live-ticker-player .player-bar { flex-shrink: 0; }
#playerDialog.be-live-ticker-player.is-player-fullscreen-fallback { display: flex !important; flex-direction: column; }
#playerDialog.be-live-ticker-player.is-player-fullscreen-fallback > video { flex: 1 1 auto; min-height: 0; height: 0; max-height: none !important; object-fit: contain; }
body.theme-blackeye #playerDialog.be-live-ticker-player > #closePlayer { bottom: calc(9px + var(--be-live-ticker-height)) !important; }
#playerDialog #playerFullscreen:not([hidden]) { display: inline-flex !important; align-items: center; justify-content: center; }
@media (max-width: 760px) {
  #beLiveTicker { --ticker-row-height: 29px; font-size: 11px; }
  #beLiveTicker .be-ticker-brand { flex-basis: 70px; font-size: 9px; }
  #beLiveTicker .be-ticker-event { gap: 8px; padding: 0 16px; }
}
@media (max-height: 439px) {
  #beLiveTicker { --ticker-row-height: 26px; font-size: 10px; }
  #beLiveTicker .be-ticker-brand { flex-basis: 72px; font-size: 9px; }
  #beLiveTicker .be-ticker-score { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) {
  #beLiveTicker .be-ticker-window { overflow-x: auto; scrollbar-width: none; }
  #beLiveTicker .be-ticker-track { transform: none !important; will-change: auto; }
  #beLiveTicker .be-ticker-sequence[aria-hidden] { display: none; }
}