@layer cap.reset,cap.tokens,cap.base;@layer cap.components{.cap-status{align-items:center;gap:var(--space-2);font-size:var(--fs-detail);white-space:nowrap;color:var(--muted);font-weight:600;line-height:1.35;display:inline-flex}.cap-status[data-tone=crit]{color:var(--crit)}.cap-status[data-tone=warn]{color:var(--warn)}.cap-status[data-tone=ok]{color:var(--ok)}.cap-status[data-tone=info]{color:var(--info)}.cap-status[data-tone=nodata]{color:var(--nodata)}.cap-status-glyph{flex:none;block-size:1.15em;inline-size:1.15em}.cap-status-reason{font-size:var(--fs-detail);color:var(--muted)}.cap-pill,.cap-badge{--_bg:var(--nodata-soft);--_fg:var(--muted);--_line:transparent;justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;inline-size:fit-content;min-block-size:calc(var(--control) * .625);padding:var(--space-1) var(--space-3) var(--space-1) calc(var(--space-3) - 2px);border:1px solid var(--_line);border-radius:var(--radius-full);background:var(--_bg);color:var(--_fg);font-size:var(--fs-detail);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;font-weight:600;line-height:1.35;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}:is(.cap-pill,.cap-badge)>svg{pointer-events:none}:is(.cap-pill,.cap-badge)>svg:not(.cap-status-glyph){flex:none;block-size:1em;inline-size:1em}:is(.cap-pill,.cap-badge)>.cap-status-glyph{block-size:1em;inline-size:1em}:is(.cap-pill,.cap-badge):not(:has(>svg)){padding-inline:var(--space-3)}:is(.cap-pill,.cap-badge)[data-tone=crit]{--_bg:var(--crit-soft);--_fg:var(--crit)}:is(.cap-pill,.cap-badge)[data-tone=warn]{--_bg:var(--warn-soft);--_fg:var(--warn)}:is(.cap-pill,.cap-badge)[data-tone=ok]{--_bg:var(--ok-soft);--_fg:var(--ok)}:is(.cap-pill,.cap-badge)[data-tone=info]{--_bg:var(--info-soft);--_fg:var(--info)}:is(.cap-pill,.cap-badge)[data-tone=nodata]{--_bg:var(--nodata-soft);--_fg:var(--muted)}:is(.cap-pill,.cap-badge)[data-variant=default]{--_bg:var(--primary);--_fg:var(--primary-fg)}:is(.cap-pill,.cap-badge)[data-variant=secondary]{--_bg:var(--sunken);--_fg:var(--text)}:is(.cap-pill,.cap-badge)[data-variant=destructive]{--_bg:var(--crit-soft);--_fg:var(--crit)}:is(.cap-pill,.cap-badge)[data-variant=outline]{--_bg:transparent;--_line:var(--line-strong)}:is(.cap-pill,.cap-badge)[data-variant=outline]:not([data-tone]){--_fg:var(--text)}:is(.cap-pill,.cap-badge)[data-variant=ghost]{--_bg:transparent}:is(.cap-pill,.cap-badge)[data-variant=ghost]:not([data-tone]){--_fg:var(--muted)}:is(.cap-pill,.cap-badge)[data-variant=link]{--_bg:transparent;--_fg:var(--accent-text)}:is(.cap-pill,.cap-badge):is(a,button){cursor:pointer;font-family:inherit}:is(.cap-pill,.cap-badge):is(a,button):after{content:"";inset-block:min(0px, calc((100% - var(--target)) / 2));position:absolute;inset-inline:-2px}:is(.cap-pill,.cap-badge):is(a,button):focus-visible{outline:var(--ring-width) solid var(--ring);outline-offset:1px;overflow:visible}:is(.cap-pill,.cap-badge):is(a,button):is(:hover,[data-force=hover]){background:color-mix(in srgb, var(--_bg), var(--text) 8%)}:is(.cap-pill,.cap-badge):is(a,button)[data-variant=ghost]:is(:hover,[data-force=hover]){background:var(--sunken);color:var(--text)}:is(.cap-pill,.cap-badge):is(a,button)[data-variant=link]:is(:hover,[data-force=hover]){color:var(--accent-hover);text-underline-offset:3px;text-decoration:underline}:is(.cap-pill,.cap-badge):is(a,button)[data-variant=default]:is(:hover,[data-force=hover]){background:var(--primary-hover)}:is(.cap-pill,.cap-badge):is(a,button):is(:disabled,[aria-disabled=true]){--_fg:var(--muted);--_bg:var(--surface);--_line:var(--line-strong);cursor:not-allowed;pointer-events:none;border-style:dashed}@media (prefers-reduced-motion:no-preference){.cap-pill,.cap-badge{transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out)}}@media (forced-colors:active){.cap-pill,.cap-badge{border:1px solid canvastext}:is(.cap-pill,.cap-badge)[data-variant=link],:is(.cap-pill,.cap-badge)[data-variant=ghost]{border-color:#0000}:is(.cap-pill,.cap-badge):is(a,button){border-color:linktext}}}@layer cap.utilities;
