.hero-popover{--hero-popover-w: clamp(196px, 17vw, 236px);position:absolute;top:0;left:0;width:var(--hero-popover-w);padding:11px 13px 13px;border-radius:10px;background:var(--hero-card-bg);backdrop-filter:blur(14px);border:1px solid rgb(var(--hero-rgb) / .09);color:rgb(var(--hero-rgb));opacity:0;transform:translate3d(var(--card-x, -9999px),var(--card-y, -9999px),0);transition:opacity .45s ease;will-change:opacity;pointer-events:none}.hero-popover.is-active{opacity:1}.hero-popover:before{content:"";position:absolute;inset:-7px;border-radius:16px;border:1px solid var(--hero-card-ring);pointer-events:none;opacity:0;transition:opacity .45s ease}.hero-popover.is-active:before{opacity:1}@media(max-width:1023px){.hero-popover-overlay .hero-popover,.hero-broken-overlay .hero-popover{background:var(--hero-card-bg-solid);backdrop-filter:none}}.hero-popover__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;min-height:12px}.hero-popover__kicker{font-family:var(--type-label-font);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .45)}.hero-popover__live{display:inline-flex;align-items:center;gap:4px;font-family:var(--type-label-font);font-size:9px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .7)}.hero-popover__dot{width:5px;height:5px;border-radius:999px;background:var(--color-secondary);box-shadow:0 0 5px rgb(var(--color-secondary-rgb) / .7);animation:hero-popover-pulse 1.6s ease-in-out infinite}@keyframes hero-popover-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}.hero-popover__warn{color:#fbbf24;margin-right:4px;font-size:10px}.hero-popover__arrow{display:inline-block;color:#fbbf24;font-weight:600;margin-right:3px}.hero-popover[data-type=A] .hero-popover__value{font-family:var(--type-headline-sm-font);font-size:22px;font-weight:600;letter-spacing:-.01em;line-height:1.1;margin-top:2px}.hero-popover[data-type=A] .hero-popover__metric{font-family:var(--type-body-sm-font);font-size:11px;color:rgb(var(--hero-rgb) / .6);margin-top:3px}.hero-popover[data-type=A] .hero-popover__delta{font-family:var(--type-body-sm-font);font-size:11px;color:rgb(var(--hero-rgb) / .85);margin-top:9px}.hero-popover[data-type=A] .hero-popover__node{font-family:var(--type-label-font);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .4);margin-top:4px}.hero-popover__table{margin:2px 0 0;display:grid;grid-template-columns:46px 1fr;-moz-column-gap:10px;column-gap:10px;row-gap:5px;font-family:var(--type-body-sm-font);font-size:11px;line-height:1.3}.hero-popover__table dt{font-family:var(--type-label-font);font-size:9px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .45);align-self:center}.hero-popover__table dd{margin:0;color:rgb(var(--hero-rgb) / .9)}.hero-popover[data-type=C] .hero-popover__title{font-family:var(--type-title-font);font-size:13px;font-weight:600;color:rgb(var(--hero-rgb));margin-top:0;margin-bottom:8px}.hero-popover[data-type=C] .hero-popover__context{font-family:var(--type-label-font);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .45);margin-top:0;margin-bottom:3px}.hero-popover__bars{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px}.hero-popover__bar-row{display:flex;align-items:baseline;justify-content:space-between;gap:6px;margin-bottom:3px}.hero-popover__bar-label{font-family:var(--type-body-sm-font);font-size:10.5px;color:rgb(var(--hero-rgb) / .85);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-popover__bar-score{font-family:var(--type-body-sm-font);font-size:10.5px;font-variant-numeric:tabular-nums;color:rgb(var(--hero-rgb) / .55)}.hero-popover__bar-track{height:3px;border-radius:999px;background:rgb(var(--hero-rgb) / .07);overflow:hidden}.hero-popover__bar-fill{height:100%;width:var(--w, 0%);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:inherit}.hero-popover[data-type=D] .hero-popover__title{font-family:var(--type-title-font);font-size:13px;font-weight:600;color:rgb(var(--hero-rgb));margin-top:0;margin-bottom:7px}.hero-popover__spark{display:block;width:100%;height:54px;overflow:visible}.hero-popover__threshold{stroke:rgb(var(--hero-rgb) / .35);stroke-width:1;stroke-dasharray:3 3;vector-effect:non-scaling-stroke}.hero-popover__trend{fill:none;stroke:var(--color-secondary);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.hero-popover__breach{fill:#fbbf24;stroke:var(--hero-now-stroke);stroke-width:1}.hero-popover__now{fill:var(--color-secondary);stroke:var(--hero-now-stroke);stroke-width:1}.hero-popover__time-axis{display:flex;justify-content:space-between;margin-top:5px;font-family:var(--type-label-font);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:rgb(var(--hero-rgb) / .4)}.hero-popover__compare{display:flex;justify-content:space-between;margin-top:7px;font-family:var(--type-body-sm-font);font-size:11px}.hero-popover__compare-current{color:rgb(var(--hero-rgb));font-weight:600}.hero-popover__compare-baseline{color:rgb(var(--hero-rgb) / .5)}.hero-popover[data-broken]:before{display:none}.hero-popover__bad{display:inline-flex;align-items:center;gap:4px;font-family:var(--type-label-font);font-size:9px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:rgb(var(--color-paper-rgb));background:rgb(var(--color-pink-500-rgb));padding:2px 6px;border-radius:4px}.hero-popover__bad .hero-popover__x{color:inherit}.hero-popover__x{color:rgb(var(--color-pink-500-rgb));font-weight:700}.hero-popover__ok{color:rgb(var(--hero-rgb) / .4)}.hero-popover__table dd.hero-popover__dd-bad{color:rgb(var(--color-pink-500-rgb))}.hero-popover__delta--bad,.hero-popover__cause{color:rgb(var(--color-pink-500-rgb))!important}.hero-popover[data-broken] .hero-popover__trend{stroke:rgb(var(--color-pink-500-rgb))}.hero-popover[data-broken] .hero-popover__now,.hero-popover[data-broken] .hero-popover__breach{fill:rgb(var(--color-pink-500-rgb))}.hero-popover[data-broken].is-glitch{filter:url(#hero-glitch)}@media(prefers-reduced-motion:reduce){.hero-popover[data-broken].is-glitch{filter:none}}
