.badge{vertical-align:middle;text-transform:uppercase;white-space:nowrap;border-radius:2px;flex-shrink:0;align-items:center;padding:.05rem .3rem;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,monospace;font-size:.6rem;font-weight:700;display:inline-flex}.badge--critical{color:#fff;background:var(--color-severity-critical)}.badge--soft.badge--critical{color:var(--color-severity-critical);background:color-mix(in srgb, var(--color-severity-critical) 15%, transparent)}.badge--error{color:#fff;background:var(--color-severity-error)}.badge--soft.badge--error{color:var(--color-severity-error);background:color-mix(in srgb, var(--color-severity-error) 15%, transparent)}.badge--warn{color:#000;background:var(--color-severity-warn)}.badge--soft.badge--warn{color:var(--color-severity-warn);background:color-mix(in srgb, var(--color-severity-warn) 15%, transparent)}.badge--info{color:#fff;background:var(--color-severity-info)}.badge--soft.badge--info{color:var(--color-severity-info);background:color-mix(in srgb, var(--color-severity-info) 15%, transparent)}.badge--ok{color:#000;background:var(--color-severity-ok)}.badge--soft.badge--ok{color:var(--color-severity-ok);background:color-mix(in srgb, var(--color-severity-ok) 15%, transparent)}.badge--debug{color:#fff;background:var(--color-severity-debug)}.badge--soft.badge--debug{color:var(--color-severity-debug);background:color-mix(in srgb, var(--color-severity-debug) 15%, transparent)}.badge--trace{color:#fff;background:var(--color-severity-trace)}.badge--soft.badge--trace{color:var(--color-severity-trace);background:color-mix(in srgb, var(--color-severity-trace) 15%, transparent)}.badge--muted{color:var(--color-text-muted);background:var(--color-bg-hover)}.badge--soft.badge--muted{background:var(--color-bg-secondary)}