@layer warp.components{:where([data-scope=badge]){border:var(--warp-border-hairline) solid transparent;border-radius:var(--warp-radius-round);background:var(--_soft);block-size:20px;color:var(--_text);line-height:1;font-family:var(--warp-text-eyebrow-font);font-size:var(--warp-text-eyebrow-size);letter-spacing:var(--warp-text-eyebrow-tracking);text-transform:var(--warp-text-eyebrow-case);white-space:nowrap;flex:none;align-items:center;gap:5px;padding-inline:7px;font-weight:500;display:inline-flex}:where([data-scope=badge][data-emphasis=solid]){background:var(--_solid);color:var(--_ink-on)}:where([data-scope=badge][data-emphasis=outline]){border-color:var(--_border);background:0 0}:where([data-scope=badge][data-count]){min-inline-size:20px;font-family:var(--warp-font-mono);letter-spacing:0;font-variant-numeric:tabular-nums;justify-content:center;padding-inline:5px}:where([data-scope=status-dot]){background:var(--_text);block-size:8px;inline-size:8px;box-shadow:0 0 0 2px var(--warp-color-surface-raised);border-radius:999px;flex:none;display:inline-block;position:relative}:where([data-scope=status-dot][data-tone=neutral]){background:var(--warp-color-text-faint)}:where([data-scope=status-dot][data-ping]):after{content:"";border-radius:inherit;background:inherit;animation:warp-ping calc(.9s * var(--warp-motion-scale)) var(--warp-ease-out) 1 both;position:absolute;inset:0}@keyframes warp-ping{0%{opacity:.6;scale:1}to{opacity:0;scale:calc(1 + 1.6 * var(--warp-motion-scale))}}:where([data-scope=badge]) :where([data-scope=status-dot]){block-size:6px;inline-size:6px;box-shadow:none}}