.whistle-index-gauge{--whistle-index-radius:0.85rem;--whistle-index-pad-y:1.25rem;--whistle-index-pad-x:1rem;--whistle-index-gap:0.75rem;display:flex;flex-direction:column;gap:var(--whistle-index-gap);padding:var(--whistle-index-pad-y) var(--whistle-index-pad-x);border-radius:var(--whistle-index-radius);border:1px solid color-mix(in srgb,#334155 70%,transparent);background:#020617;font-family:var(--font-body);color:#f8fafc}.whistle-index-gauge--sm{--whistle-index-pad-y:0.75rem;--whistle-index-pad-x:0.75rem;--whistle-index-gap:0.5rem}.whistle-index-gauge--md{--whistle-index-pad-y:1rem;--whistle-index-pad-x:0.875rem;--whistle-index-gap:0.625rem}.whistle-index-gauge__label{margin:0;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.whistle-index-gauge__value{margin:0;font-size:3rem;font-weight:700;font-variant-numeric:tabular-nums;line-height:1;letter-spacing:-.02em;color:#f8fafc}.whistle-index-gauge--lg .whistle-index-gauge__value{font-size:3rem}.whistle-index-gauge--md .whistle-index-gauge__value{font-size:2.5rem}.whistle-index-gauge--sm .whistle-index-gauge__value{font-size:1.5rem}.whistle-index-gauge__caption{margin:0;font-size:.875rem;font-weight:400;line-height:1.35;color:#cbd5e1}.whistle-index-gauge__scale{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;margin-top:.125rem}.whistle-index-gauge__scale-label{margin:0;min-width:1.25rem;font-size:.75rem;font-variant-numeric:tabular-nums;color:#64748b}.whistle-index-gauge__scale-label--max{text-align:right}.whistle-index-gauge__track{position:relative;height:.5rem;border-radius:999px;background:#1e293b;box-shadow:inset 0 1px 2px rgba(2,6,23,.55);overflow:visible}.whistle-index-gauge__track-gradient{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(56,189,248,.28),rgba(148,163,184,.14) 42%,rgba(148,163,184,.14) 58%,rgba(251,191,36,.32))}.whistle-index-gauge__track-neutral{position:absolute;top:-.125rem;bottom:-.125rem;left:45%;width:10%;border-radius:999px;background:rgba(148,163,184,.12);pointer-events:none}.whistle-index-gauge__fill{position:absolute;inset-block:0;left:0;border-radius:inherit;transition:width .5s ease-out}.whistle-index-gauge__fill--neutral{background:linear-gradient(90deg,rgba(148,163,184,.55),rgba(203,213,225,.75))}.whistle-index-gauge__fill--low{background:linear-gradient(90deg,rgba(56,189,248,.85),rgba(125,211,252,.65))}.whistle-index-gauge__fill--high{background:linear-gradient(90deg,rgba(251,191,36,.55),rgba(252,211,77,.9))}.whistle-index-gauge__center-line{position:absolute;top:-.2rem;bottom:-.2rem;left:50%;width:1px;transform:translateX(-50%);background:rgba(148,163,184,.45);pointer-events:none}.whistle-index-gauge__marker{position:absolute;top:50%;z-index:2;width:.875rem;height:.875rem;border-radius:999px;transform:translate(-50%,-50%);border:2px solid #f8fafc;box-shadow:0 0 0 1px rgba(2,6,23,.65),0 2px 8px rgba(2,6,23,.45);transition:left .5s ease-out,background-color .22s ease,border-color .22s ease}.whistle-index-gauge__marker--neutral{background:#cbd5e1;border-color:#f8fafc}.whistle-index-gauge__marker--low{background:#7dd3fc;border-color:#e0f2fe;box-shadow:0 0 0 1px rgba(2,6,23,.65),0 0 12px rgba(56,189,248,.45)}.whistle-index-gauge__marker--high{background:#fcd34d;border-color:#fef3c7;box-shadow:0 0 0 1px rgba(2,6,23,.65),0 0 12px rgba(251,191,36,.42)}html[data-color=light]:not([data-contrast=high]) .whistle-index-gauge{background:#020617;border-color:color-mix(in srgb,#334155 80%,#cbd5e1)}