@layer components{.Badge-root{align-items:center;gap:var(--space-100);border-radius:var(--radius-200);background:var(--transparent-bg-fill-secondary);max-inline-size:fit-content;color:var(--surface-text-secondary);font-weight:550}.Badge-root path{fill:var(--surface-text-secondary)}.Badge-root.size-base{block-size:1.5rem;padding-inline:var(--space-200);padding-block:var(--radius-050);font-size:var(--fs-14);line-height:var(--space-500)}.Badge-root.size-large{block-size:var(--space-700);padding-block:var(--space-100);padding-inline:var(--space-200)}.Badge-root.with-icon{gap:var(--space-050)}.Badge-root.with-start-icon{padding-inline:var(--space-100) var(--space-200)}.Badge-root.with-end-icon{padding-inline:var(--space-200) var(--space-100)}@media (hover) and (pointer:fine),(width>=48em){.Badge-root.size-base{block-size:var(--space-500);font-size:var(--fs-12);line-height:var(--space-400)}.Badge-root.size-large{block-size:var(--space-600)}}}