@layer components{.pui-badge{align-items:center;gap:var(--control-gap);min-height:var(--control-height-sm);padding-inline:var(--control-inline-pad-sm);font-size:var(--step--2);line-height:var(--lh-control);font-weight:var(--fw-control);border-radius:var(--radius-pill);background:var(--bg-clr-surface-2);color:var(--text-clr-base);border:var(--stroke-sm) solid var(--border-clr-base);white-space:nowrap;display:inline-flex}.pui-badge .pui-badge__dot{background:currentColor;border-radius:50%;width:.5em;height:.5em}.pui-badge[data-tone=brand]{background:var(--bg-clr-brand-soft);color:var(--text-clr-brand);border-color:#0000}.pui-badge[data-tone=success]{background:var(--bg-clr-success-soft);color:var(--text-clr-success);border-color:#0000}.pui-badge[data-tone=warning]{background:var(--bg-clr-warning-soft);color:var(--text-clr-warning);border-color:#0000}.pui-badge[data-tone=danger]{background:var(--bg-clr-danger-soft);color:var(--text-clr-danger);border-color:#0000}.pui-badge[data-tone=solid]{background:var(--bg-clr-dark);color:var(--text-clr-inverse);border-color:#0000}.pui-badge-list{gap:var(--space-2xs);flex-wrap:wrap;display:flex}}