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