.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;padding:0}:root{--rag-red-accent: #ff5f5f;--rag-red-border: rgba(255, 95, 95, .78);--rag-red-background: rgba(255, 95, 95, .12);--rag-amber-accent: #f6c453;--rag-amber-border: rgba(246, 196, 83, .78);--rag-amber-background: rgba(246, 196, 83, .12);--rag-green-accent: #6ee7a8;--rag-green-border: rgba(110, 231, 168, .78);--rag-green-background: rgba(110, 231, 168, .12);--rag-neutral-accent: #cbd5e1;--rag-neutral-border: rgba(203, 213, 225, .55);--rag-neutral-background: rgba(148, 163, 184, .12);--rag-unknown-accent: #a8b3c2;--rag-unknown-border: rgba(168, 179, 194, .55);--rag-unknown-background: rgba(148, 163, 184, .1);--risk-exposure-critical-accent: #ff5f5f;--risk-exposure-critical-border: rgba(255, 95, 95, .78);--risk-exposure-critical-background: rgba(255, 95, 95, .12);--risk-exposure-high-accent: #ff9f1c;--risk-exposure-high-border: rgba(255, 159, 28, .74);--risk-exposure-high-background: rgba(255, 159, 28, .13);--risk-exposure-medium-accent: #f6c453;--risk-exposure-medium-border: rgba(246, 196, 83, .78);--risk-exposure-medium-background: rgba(246, 196, 83, .12);--risk-exposure-low-accent: #fde047;--risk-exposure-low-border: rgba(253, 224, 71, .72);--risk-exposure-low-background: rgba(253, 224, 71, .12);--rag-reference: #00a0ff;--rag-reference-border: rgba(0, 160, 255, .64);--rag-reference-background: rgba(0, 160, 255, .12)}.rag-red,.rag-pill--red,.rag-card--red,.rag-panel--red,.rag-tile--red{--rag-tone: var(--rag-red-accent);--rag-accent: var(--rag-red-accent);--rag-border: var(--rag-red-border);--rag-background: var(--rag-red-background)}.rag-amber,.rag-pill--amber,.rag-card--amber,.rag-panel--amber,.rag-tile--amber{--rag-tone: var(--rag-amber-accent);--rag-accent: var(--rag-amber-accent);--rag-border: var(--rag-amber-border);--rag-background: var(--rag-amber-background)}.rag-green,.rag-pill--green,.rag-card--green,.rag-panel--green,.rag-tile--green{--rag-tone: var(--rag-green-accent);--rag-accent: var(--rag-green-accent);--rag-border: var(--rag-green-border);--rag-background: var(--rag-green-background)}.rag-neutral,.rag-pill--neutral,.rag-card--neutral,.rag-panel--neutral,.rag-tile--neutral{--rag-tone: var(--rag-neutral-accent);--rag-accent: var(--rag-neutral-accent);--rag-border: var(--rag-neutral-border);--rag-background: var(--rag-neutral-background)}.rag-unknown,.rag-pill--unknown,.rag-card--unknown,.rag-panel--unknown,.rag-tile--unknown{--rag-tone: var(--rag-unknown-accent);--rag-accent: var(--rag-unknown-accent);--rag-border: var(--rag-unknown-border);--rag-background: var(--rag-unknown-background)}.rag-reference,.rag-pill--blue,.rag-card--blue,.rag-panel--blue,.rag-tile--blue{--rag-tone: var(--rag-reference);--rag-accent: var(--rag-reference);--rag-border: var(--rag-reference-border);--rag-background: var(--rag-reference-background)}.rag-pill--risk-critical,.rag-card--risk-critical,.rag-panel--risk-critical{--rag-tone: var(--risk-exposure-critical-accent);--rag-accent: var(--risk-exposure-critical-accent);--rag-border: var(--risk-exposure-critical-border);--rag-background: var(--risk-exposure-critical-background)}.rag-pill--risk-high,.rag-card--risk-high,.rag-panel--risk-high{--rag-tone: var(--risk-exposure-high-accent);--rag-accent: var(--risk-exposure-high-accent);--rag-border: var(--risk-exposure-high-border);--rag-background: var(--risk-exposure-high-background)}.rag-pill--risk-medium,.rag-card--risk-medium,.rag-panel--risk-medium{--rag-tone: var(--risk-exposure-medium-accent);--rag-accent: var(--risk-exposure-medium-accent);--rag-border: var(--risk-exposure-medium-border);--rag-background: var(--risk-exposure-medium-background)}.rag-pill--risk-low,.rag-card--risk-low,.rag-panel--risk-low{--rag-tone: var(--risk-exposure-low-accent);--rag-accent: var(--risk-exposure-low-accent);--rag-border: var(--risk-exposure-low-border);--rag-background: var(--risk-exposure-low-background)}.rag-tile--attention-red{--rag-tone: var(--rag-red-accent);--rag-accent: var(--rag-red-accent);--rag-border: var(--rag-red-border);--rag-background: var(--rag-red-background)}.rag-tile--attention-amber{--rag-tone: var(--rag-amber-accent);--rag-accent: var(--rag-amber-accent);--rag-border: var(--rag-amber-border);--rag-background: var(--rag-amber-background)}.rag-tile--attention-green{--rag-tone: var(--rag-green-accent);--rag-accent: var(--rag-green-accent);--rag-border: var(--rag-green-border);--rag-background: var(--rag-green-background)}.rag-tile--attention-neutral{--rag-tone: var(--rag-neutral-accent);--rag-accent: var(--rag-neutral-accent);--rag-border: var(--rag-neutral-border);--rag-background: var(--rag-neutral-background)}.rag-tile--attention-unknown,.rag-tile--disabled{--rag-tone: var(--rag-unknown-accent);--rag-accent: var(--rag-unknown-accent);--rag-border: var(--rag-unknown-border);--rag-background: var(--rag-unknown-background)}.rag-pill{--rag-pill-tone: var(--rag-accent, var(--rag-neutral-accent));--rag-pill-text: var(--rag-accent, var(--rag-neutral-accent));display:inline-flex;align-items:center;gap:.5rem;width:fit-content;max-width:100%;border:1px solid var(--rag-border, var(--rag-neutral-border));border-radius:999px;padding:.25rem .65rem;background:var(--rag-background, var(--rag-neutral-background));color:var(--rag-pill-text);font-size:.82rem;font-weight:850;line-height:1.25;transition:border-color .16s ease,background .16s ease,transform .16s ease;white-space:nowrap}.rag-pill__status{border-left:1px solid color-mix(in srgb,var(--rag-pill-tone) 45%,transparent);padding-left:.5rem;color:var(--rag-pill-text);font-size:.72rem;text-transform:uppercase}.rag-card,.rag-panel{border:1px solid var(--rag-border, var(--rag-neutral-border));border-left:.35rem solid var(--rag-accent, var(--rag-neutral-accent));border-radius:.5rem;background:linear-gradient(135deg,var(--rag-background, var(--rag-neutral-background)),rgba(4,12,24,.34));color:var(--text)}.rag-card:where(button),.rag-panel:where(button){font:inherit;text-align:left;cursor:pointer}.rag-card:where(button):hover,.rag-card:where(button):focus-visible,.rag-panel:where(button):hover,.rag-panel:where(button):focus-visible{border-color:var(--rag-border, var(--rag-neutral-border));outline:none;box-shadow:0 0 0 3px var(--rag-background, var(--rag-neutral-background))}.rag-tile{--rag-icon-tone: var(--rag-accent, var(--rag-reference));border:1px solid var(--rag-border, var(--rag-reference-border));background:linear-gradient(145deg,var(--rag-background, var(--rag-reference-background)),rgba(4,12,24,.72))}
