@layer hm-components{.badge[data-v-bbd6d1a6]{justify-content:center;align-items:center;gap:var(--spacing-4xs);color:var(--c-title);text-align:center;border-radius:var(--radius-lg);background-color:var(--badge-bg);padding:var(--badge-py) var(--badge-px);flex-shrink:0;display:inline-flex}.badge[data-v-bbd6d1a6]:is(button){cursor:pointer;transition:var(--transition-fast)}.badge__label[data-v-bbd6d1a6]{font-size:var(--badge-fs);font-weight:400;line-height:var(--badge-lh)}.badge--basic[data-v-bbd6d1a6]{--badge-bg:color-mix(in srgb, var(--basic-700) 24%, transparent)}.badge--success[data-v-bbd6d1a6]{--badge-bg:color-mix(in srgb, var(--fill-c-success) 24%, transparent)}.badge--warning[data-v-bbd6d1a6]{--badge-bg:color-mix(in srgb, var(--fill-c-warning) 24%, transparent)}.badge--error[data-v-bbd6d1a6]{--badge-bg:color-mix(in srgb, var(--fill-c-error) 24%, transparent)}.badge--info[data-v-bbd6d1a6]{--badge-bg:color-mix(in srgb, var(--fill-c-info) 24%, transparent)}.badge--sm[data-v-bbd6d1a6]{--badge-fs:1.2rem;--badge-lh:auto;--badge-py:var(--spacing-4xs);--badge-px:var(--spacing-2xs)}.badge--sm[data-v-bbd6d1a6] .icon{width:1.4rem;height:1.4rem}.badge--sm[data-v-bbd6d1a6] .icon svg path{vector-effect:non-scaling-stroke}.badge--md[data-v-bbd6d1a6]{--badge-fs:1.4rem;--badge-lh:auto;--badge-py:var(--spacing-4xs);--badge-px:var(--spacing-xs)}.badge--md[data-v-bbd6d1a6] .icon{width:1.6rem;height:1.6rem}.badge--md[data-v-bbd6d1a6] .icon svg path{vector-effect:non-scaling-stroke}}