.c-badge{height:40px;color:var(--color-primary-100);background:var(--color-primary-30);-webkit-user-select:none;user-select:none;border-radius:50rem;padding:12px;font-size:12px;font-weight:500;transition:all .4s;display:inline-block;position:relative}.c-badge:empty{display:none}.c-badge__close{color:var(--color-primary);cursor:pointer;font-size:24px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.c-badge--hasClose{padding:12px 8px 12px 36px}.c-badge--xs{height:24px;padding:4px 8px}.c-badge--xs .c-badge__close{font-size:12px}.c-badge--xs.c-badge--hasClose{padding:4px 8px 4px 24px}.c-badge--sm{height:32px;padding:8px}.c-badge--sm .c-badge__close{font-size:16px}.c-badge--sm.c-badge--hasClose{padding:8px 8px 8px 32px}.c-badge--lg{height:48px;padding:15.5px 20px;font-size:13px;font-weight:700}.c-badge--lg .c-badge__close{font-size:16px}.c-badge--lg.c-badge--hasClose{padding:15.5px 8px 15.5px 48px}.c-badge--light{color:var(--color-neutral-50);background:var(--color-neutral-96)}