.offline-countdown {
  position: absolute;
  z-index: 2;
  bottom: 7%;
  left: 5%;
  right: 5%;
  display: none;
  text-align: center;
  color: #fff;
  font-family: 'Gratis Neue', Arial, sans-serif;
  font-size: clamp(22px, 5cqw, 48px);
  line-height: 1.15;
  text-shadow: 0 2px 4px rgba(0,0,0,.8);
  pointer-events: none;
}
.video-pane.offline-card .offline-countdown:not([hidden]) { display: grid; gap: .15em; }
.offline-countdown-label { font-size: .8em; }
.offline-countdown-time { font-variant-numeric: tabular-nums; }

@media (min-width: 861px) and (hover: hover) and (pointer: fine) {
  body.offline-countdown-in-title .stream-title { display: none; }
  .stream-title-row .offline-countdown:not([hidden]) {
    position: static;
    z-index: auto;
    display: grid;
    gap: .12em;
    text-align: left;
    font-size: calc(clamp(28px, min(8cqw, 19cqh), 64px) * var(--stream-fit, 1));
    line-height: 1.05;
  }
  .stream-title-row .offline-countdown-label {
    color: #ffff00;
    font-size: 1em;
  }
  .stream-title-row .offline-countdown-time { font-size: 1em; }
}