/* Copyright Ayers Electronics Inc. All rights reserved. */
/* the banners own visibility and what an item hides on it. */
/* ---- the banner is the player's controls: shown and hidden on its idle clock ---- */
#hud {
  opacity: 0;
  visibility: hidden;
  transition:
    opacity 200ms ease-out,
    visibility 0s linear 200ms;
}
#hud[data-visible] {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 200ms ease-in,
    visibility 0s;
}
#hud > * {
  pointer-events: auto;
}
@media (prefers-reduced-motion: reduce) {
  #hud {
    transition: none;
  }
}
/* While an item plays the banner carries only the item's own title line, in the channel lockup's own
   place - everything the live channel identity draws is hidden, whole boxes and not just their text,
   so no empty row is left above the title. */
body.playing-item #hudLockup,
body.playing-item #hudLogo,
body.playing-item #hudNetwork,
body.playing-item #hudTitleRow,
body.playing-item #hudSynopsisWrap,
body.playing-item #hudNext,
body.playing-item #hudShift {
  display: none;
}
#odPlayback {
  display: none;
}
body.playing-item #odPlayback {
  display: block;
}