/* RC1.3-U approved compositor-friendly Global Ambient carrier. */

html[data-ambient-runtime="optimized"] body::after {
  display: none !important;
}

.ambient-perf-root {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
}

.ambient-perf-static {
  position: absolute;
  inset: 0;
  z-index: 0;
  contain: strict;
  background:
    linear-gradient(90deg, rgba(5, 8, 13, 0.90), transparent 22%, transparent 78%, rgba(5, 8, 13, 0.82)),
    linear-gradient(to bottom, rgba(5, 8, 13, 0.16), rgba(5, 8, 13, 0.7));
}

.ambient-perf-layer {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  pointer-events: none;
  transform-origin: 0 0;
  contain: strict;
  will-change: transform;
}

.ambient-perf-layer--primary {
  width: 62vw;
  height: 44.64vw;
}

.ambient-perf-layer--secondary {
  z-index: 1;
  width: 48vw;
  height: 36vw;
  background: radial-gradient(ellipse at center, rgba(164, 176, 196, 0.0224), transparent 78%);
}

.ambient-perf-primary-tone {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(ellipse at center, rgba(var(--ambient-perf-rgb), 0.14), transparent 72%);
  will-change: opacity;
}

.ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 126, 209, 222;
}

html[data-ambient-performance-tone="identity"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 126, 209, 222;
}

html[data-ambient-performance-tone="people"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 120, 185, 197;
}

html[data-ambient-performance-tone="film"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 148, 160, 190;
}

html[data-ambient-performance-tone="brand"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 174, 194, 198;
}

html[data-ambient-performance-tone="live"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 118, 180, 192;
}

html[data-ambient-performance-tone="closing"] .ambient-perf-primary-tone--active {
  --ambient-perf-rgb: 132, 193, 201;
}

.ambient-perf-primary-tone--live {
  --ambient-perf-rgb: 118, 180, 192;
  opacity: 0;
}

.ambient-perf-primary-tone--closing {
  --ambient-perf-rgb: 132, 193, 201;
  opacity: 0;
}

html[data-ambient-performance-disabled="true"] .ambient-perf-layer {
  opacity: 0 !important;
}

@media (prefers-reduced-motion: reduce) {
  .ambient-perf-layer {
    will-change: auto;
  }
}