.badge_VWtFo {
    align-items: center;
    justify-content: center;
    border-radius: 999px; /* pill shape */
    border-width: 1px;
    width: -moz-fit-content;
    width: fit-content;
    text-align: center;
    vertical-align: middle;
    gap: var(--sp-spacing-200);
}

.numberLabel_JVVfk {
    font-variant-numeric: tabular-nums;
}

.icon_G-mdX {
    width: var(--sp-size-icon-200);
    height: var(--sp-size-icon-200);
}

/* Size */

.badge_VWtFo.xsmall_n11tZ {
    min-width: var(--sp-size-250);
    height: var(--sp-size-250);
}

/* Using two classes here to override .view min-width: 0; with css specificity */
.badge_VWtFo.small_nhoKY {
    min-width: var(--sp-size-300);
    height: var(--sp-size-300);
}

/* Using two classes here to override .view min-width: 0; with css specificity */
.badge_VWtFo.medium_cUPFJ {
    min-width: var(--sp-size-350);
    height: var(--sp-size-350);
}

.xsmall_n11tZ {
    padding-inline: var(--sp-spacing-150);
}

.small_nhoKY {
    padding-inline: var(--sp-spacing-200);
}

.medium_cUPFJ {
    padding-inline: var(--sp-spacing-250);
}

.iconOnly_Z0bU7 {
    padding-inline: 0;
}

/* Kind */

.primary_VQM1J {
    color: var(--sp-color-text-primary);
    background-color: var(--sp-color-bg-primary);
}

.secondary_kROfE {
    color: var(--sp-color-text-secondary);
    background-color: var(--sp-color-bg-secondary);
}

.info_TqxOr,
.beta_20seX {
    color: var(--sp-color-text-info);
    background-color: var(--sp-color-bg-info);
}

.danger_--LKA {
    color: var(--sp-color-text-danger);
    background-color: var(--sp-color-bg-danger);
}

.merge_uRfaJ {
    color: var(--sp-color-text-merge);
    background-color: var(--sp-color-bg-merge);
}

.upgrade_q4XQ0 {
    color: var(--sp-color-text-upgrade);
    background-color: var(--sp-color-bg-upgrade);
}

.done_kPYVL {
    color: var(--sp-color-text-success);
    background-color: var(--sp-color-bg-success);
}

.alpha_Kn2s6 {
    color: var(--sp-color-text-alpha);
    background-color: var(--sp-color-bg-alpha);
}