/* Sonariva countdowns · pastel rose television / radio identity · 1.5.0 */
html body .stv-countdown-scene {
  --stv-countdown-u: min(1vw, 1.77778vh);
  position: fixed !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  isolation: isolate;
  container: stv-countdown / size;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  color: #fff7fa !important;
  background: radial-gradient(ellipse at 50% 42%, #372634 0%, #1c1728 47%, #100f1b 100%) !important;
  text-align: center !important;
  font-family: Inter, "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif !important;
}

html body .stv-countdown-scene[hidden] {
  display: none !important;
}

/* Keep original motor nodes available for updates without displaying two clocks. */
html body .stv-countdown-scene > :not(.stv-countdown-stage) {
  display: none !important;
}

html body #stvScheduledCountdownScene { z-index: 2147483644; }
html body #stvYoutubeLiveCountdown.stv-countdown-scene { z-index: 2147483645; }
html body .stv-countdown-scene.is-paused::before,
html body .stv-countdown-scene.is-paused::after,
html body .stv-countdown-scene.is-paused .stv-countdown-logo {
  animation-play-state: paused !important;
}

html body .stv-countdown-scene::before,
html body .stv-countdown-scene::after {
  content: "" !important;
  position: absolute !important;
  top: -26% !important;
  bottom: -26% !important;
  width: 42% !important;
  height: auto !important;
  display: block !important;
  border: 0 !important;
  border-radius: 0 !important;
  opacity: .64;
  pointer-events: none !important;
  z-index: -1;
  -webkit-mask-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 33%, #000 34%, #000 75%, transparent 94%);
  mask-image: radial-gradient(ellipse at 100% 50%, transparent 0%, transparent 33%, #000 34%, #000 75%, transparent 94%);
  transform-origin: 100% 50%;
  animation: stv-countdown-rays 10s ease-in-out infinite alternate;
}

html body .stv-countdown-scene::before {
  left: -11% !important;
  right: auto !important;
  background: repeating-conic-gradient(from 2deg at 100% 50%, transparent 0deg 5deg, #e9b4c7 5.12deg 5.72deg, transparent 5.84deg 10deg) !important;
  filter: drop-shadow(0 0 calc(.35 * var(--stv-countdown-u)) #e9b4c72b);
}

html body .stv-countdown-scene::after {
  right: -11% !important;
  left: auto !important;
  background: repeating-conic-gradient(from -2deg at 100% 50%, transparent 0deg 5deg, #cfb6d3 5.12deg 5.72deg, transparent 5.84deg 10deg) !important;
  filter: drop-shadow(0 0 calc(.35 * var(--stv-countdown-u)) #cfb6d32b);
  transform: scaleX(-1);
  transform-origin: 50% 50%;
  animation-name: stv-countdown-rays-right;
  animation-delay: -3s;
}

html body .stv-countdown-scene > .stv-countdown-stage {
  --stv-countdown-u: min(1cqw, 1.77778cqh);
  position: relative !important;
  inset: auto !important;
  z-index: 1;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: calc(.65 * var(--stv-countdown-u)) !important;
  width: 84% !important;
  max-width: calc(90 * var(--stv-countdown-u)) !important;
  height: auto !important;
  max-height: 94% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: calc(1.8 * var(--stv-countdown-u)) 0 !important;
  box-sizing: border-box !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: #fff7fa !important;
}

html body .stv-countdown-scene .stv-countdown-stage > * {
  flex: 0 0 auto !important;
  box-sizing: border-box !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  text-align: center !important;
}

html body .stv-countdown-scene .stv-countdown-logo {
  display: block !important;
  width: calc(35 * var(--stv-countdown-u)) !important;
  height: calc(8.5 * var(--stv-countdown-u)) !important;
  max-height: none !important;
  object-fit: contain !important;
  object-position: center !important;
  overflow: visible !important;
  box-shadow: none !important;
  filter: drop-shadow(0 calc(.35 * var(--stv-countdown-u)) calc(.7 * var(--stv-countdown-u)) #0006) drop-shadow(0 0 calc(1.15 * var(--stv-countdown-u)) #e9b4c720) !important;
  transform-origin: center;
  animation: stv-countdown-logo-float 5.6s ease-in-out infinite !important;
}

html body .stv-countdown-scene .stv-countdown-eyebrow {
  display: block !important;
  color: #e9c7d5 !important;
  font-size: calc(1.02 * var(--stv-countdown-u)) !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
  letter-spacing: .2em !important;
  text-transform: uppercase !important;
}

html body .stv-countdown-scene .stv-countdown-title {
  display: block !important;
  width: 100% !important;
  color: #fff7fa !important;
  font-size: calc(3.2 * var(--stv-countdown-u)) !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  letter-spacing: -.025em !important;
  text-transform: none !important;
  text-wrap: balance;
  overflow-wrap: anywhere;
  text-shadow: 0 calc(.15 * var(--stv-countdown-u)) calc(1.3 * var(--stv-countdown-u)) #0008 !important;
}

html body .stv-countdown-scene .stv-countdown-label {
  display: block !important;
  margin-top: calc(.7 * var(--stv-countdown-u)) !important;
  color: #e5cdd7 !important;
  font-size: calc(1.1 * var(--stv-countdown-u)) !important;
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: .24em !important;
  text-transform: uppercase !important;
}

html body .stv-countdown-scene .stv-countdown-clock {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  color: #f1c3d4 !important;
  font-family: Inter, "Avenir Next", Avenir, "Segoe UI", Arial, sans-serif !important;
  font-size: calc(23 * var(--stv-countdown-u)) !important;
  font-weight: 950 !important;
  font-variant-numeric: tabular-nums lining-nums !important;
  font-feature-settings: "tnum" 1, "lnum" 1 !important;
  line-height: 1 !important;
  letter-spacing: -.055em !important;
  white-space: nowrap !important;
  text-shadow: 0 0 calc(2.4 * var(--stv-countdown-u)) #e7a9c018 !important;
}

html body .stv-countdown-scene[data-clock-format="hours"] .stv-countdown-clock,
html body .stv-countdown-scene .stv-countdown-clock--long {
  font-size: calc(17 * var(--stv-countdown-u)) !important;
}

html body .stv-countdown-scene .stv-countdown-clock--live {
  font-size: calc(10 * var(--stv-countdown-u)) !important;
}

html body .stv-countdown-scene .stv-countdown-detail {
  display: block !important;
  color: #d9c6d0 !important;
  font-size: calc(1.2 * var(--stv-countdown-u)) !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  letter-spacing: .01em !important;
  text-wrap: balance;
}

html body .stv-countdown-scene .stv-countdown-stage > [hidden],
html body .stv-countdown-scene .stv-countdown-eyebrow:empty,
html body .stv-countdown-scene .stv-countdown-title:empty,
html body .stv-countdown-scene .stv-countdown-label:empty,
html body .stv-countdown-scene .stv-countdown-detail:empty {
  display: none !important;
}

/* Use the signal's shape, not the outer phone: embedded 16:9 must stay 16:9. */
@container stv-countdown (max-aspect-ratio: 1/1) {
  html body .stv-countdown-scene > .stv-countdown-stage {
    width: 90% !important;
    gap: calc(1.8 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-logo {
    width: calc(63 * var(--stv-countdown-u)) !important;
    height: calc(20 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-eyebrow {
    font-size: calc(2.2 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-title {
    font-size: calc(5.2 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-label {
    margin-top: calc(3.5 * var(--stv-countdown-u)) !important;
    font-size: calc(2.5 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-clock {
    font-size: calc(27 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene[data-clock-format="hours"] .stv-countdown-clock,
  html body .stv-countdown-scene .stv-countdown-clock--long {
    font-size: calc(19 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-clock--live {
    font-size: calc(14 * var(--stv-countdown-u)) !important;
  }
  html body .stv-countdown-scene .stv-countdown-detail {
    font-size: calc(2.8 * var(--stv-countdown-u)) !important;
  }
}

@keyframes stv-countdown-logo-float {
  0%, 100% { transform: translateY(0) scale(1); }
  50% { transform: translateY(calc(-.38 * var(--stv-countdown-u))) scale(1.025); }
}

@keyframes stv-countdown-rays {
  0% { transform: rotate(-2deg) scale(1.02); opacity: .5; }
  100% { transform: rotate(2deg) scale(1.07); opacity: .7; }
}

@keyframes stv-countdown-rays-right {
  0% { transform: scaleX(-1) rotate(2deg) scale(1.02); opacity: .7; }
  100% { transform: scaleX(-1) rotate(-2deg) scale(1.07); opacity: .5; }
}

@media (prefers-reduced-motion: reduce) {
  html body .stv-countdown-scene .stv-countdown-logo,
  html body .stv-countdown-scene::before,
  html body .stv-countdown-scene::after {
    animation: none !important;
  }
}