@layer hm-components{.pill[data-v-354b4ce7]{align-items:center;gap:var(--spacing-4xs);border-radius:var(--radius-full);border:1px solid #0000;flex-shrink:0;display:inline-flex;position:relative}.pill[data-v-354b4ce7]:is(button){cursor:pointer;transition:var(--transition-fast)}@media (hover:hover){.pill[data-v-354b4ce7]:is(button):hover{opacity:.64}}.pill__text[data-v-354b4ce7]{font-size:var(--text-caption);line-height:var(--text-caption-lh);white-space:nowrap}.pill--basic[data-v-354b4ce7]{color:var(--c-caption);border-color:var(--basic-400);background-color:var(--bg-primary)}.pill--primary[data-v-354b4ce7]{color:var(--c-title-inverted);background-color:var(--primary-900)}.pill--success[data-v-354b4ce7]{color:var(--c-body);background-color:color-mix(in srgb,var(--fill-c-success) 32%,transparent)}.pill--warning[data-v-354b4ce7]{color:var(--c-body);background-color:color-mix(in srgb,var(--fill-c-warning) 32%,transparent)}.pill--error[data-v-354b4ce7]{color:var(--c-body);background-color:color-mix(in srgb,var(--fill-c-error) 32%,transparent)}.pill--info[data-v-354b4ce7]{color:var(--c-body);background-color:color-mix(in srgb,var(--fill-c-info) 32%,transparent)}.pill--hcircle[data-v-354b4ce7]{background-color:var(--excellence-h)}.pill--hcircle[data-v-354b4ce7],.pill--platinum[data-v-354b4ce7]{color:var(--c-title-inverted);border-color:#0000}.pill--platinum[data-v-354b4ce7]{background-color:var(--excellence-platinum)}.pill--gold[data-v-354b4ce7]{color:var(--c-title-inverted);background-color:var(--excellence-gold);border-color:#0000}.pill--presidentclub[data-v-354b4ce7]{color:var(--c-title);background-color:var(--excellence-president-club);border-color:#0000}.pill--sm[data-v-354b4ce7]{padding:var(--spacing-5xs) var(--spacing-2xs)}.pill--sm[data-v-354b4ce7] .icon{width:1.2rem;height:1.2rem}.pill--sm[data-v-354b4ce7] .icon svg path{vector-effect:non-scaling-stroke}.pill--md[data-v-354b4ce7]{padding:var(--spacing-4xs) var(--spacing-xs)}.pill--md[data-v-354b4ce7] .icon{width:1.6rem;height:1.6rem}.pill--md[data-v-354b4ce7] .icon svg path{vector-effect:non-scaling-stroke}}
