.badge-SzX7mZwu {
    --ui-lib-size-defaulted: var(--ui-lib-size, 4);
    --ui-lib-size-defaulted-xsmall: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 2) * (var(--ui-lib-size-defaulted) - 2)));
    --ui-lib-size-defaulted-small: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 3) * (var(--ui-lib-size-defaulted) - 3)));
    --ui-lib-size-defaulted-medium: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 4) * (var(--ui-lib-size-defaulted) - 4)));
    --ui-lib-size-defaulted-large: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 5) * (var(--ui-lib-size-defaulted) - 5)));
    --ui-lib-size-defaulted-xlarge: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 6) * (var(--ui-lib-size-defaulted) - 6)));
    --ui-lib-badge-default-padding-left: var(--ui-lib-badge-default-padding-hor);
    --ui-lib-badge-default-padding-right: var(--ui-lib-badge-default-padding-hor);
    --ui-lib-badge-border-radius: calc(var(--ui-lib-size-defaulted-xsmall)*3px + var(--ui-lib-size-defaulted-small)*3px + var(--ui-lib-size-defaulted-medium)*4px + var(--ui-lib-size-defaulted-large)*6px + var(--ui-lib-size-defaulted-xlarge)*8px);
    --ui-lib-badge-default-height: calc(var(--ui-lib-size-defaulted-xsmall)*12px + var(--ui-lib-size-defaulted-small)*16px + var(--ui-lib-size-defaulted-medium)*20px + var(--ui-lib-size-defaulted-large)*24px + var(--ui-lib-size-defaulted-xlarge)*32px);
    --ui-lib-badge-actual-height: var(--ui-lib-badge-height, var(--ui-lib-badge-default-height));
    border-radius: var(--ui-lib-badge-border-radius);
    font-size: calc(var(--ui-lib-size-defaulted-xsmall)*8px + var(--ui-lib-size-defaulted-small)*11px + var(--ui-lib-size-defaulted-medium)*11px + var(--ui-lib-size-defaulted-large)*14px + var(--ui-lib-size-defaulted-xlarge)*17px);
    font-weight: calc(var(--ui-lib-size-defaulted-xsmall)*700 + var(--ui-lib-size-defaulted-small)*600 + var(--ui-lib-size-defaulted-medium)*600 + var(--ui-lib-size-defaulted-large)*600 + var(--ui-lib-size-defaulted-xlarge)*700);
    height: var(--ui-lib-badge-actual-height);
    letter-spacing: calc(var(--ui-lib-size-defaulted-xsmall)*.5px + var(--ui-lib-size-defaulted-small)*.02em + var(--ui-lib-size-defaulted-medium)*.05em + var(--ui-lib-size-defaulted-large)*0px + var(--ui-lib-size-defaulted-xlarge)*.02em);
    padding-block: 0 0;
    padding-inline: var(--ui-lib-badge-padding-left, var(--ui-lib-badge-default-padding-left)) var(--ui-lib-badge-padding-right, var(--ui-lib-badge-default-padding-right));
    --ui-lib-badge-default-color-background: var(--color-overlay-neutral-1-light);
    --ui-lib-badge-default-color-content: var(--color-content-primary-neutral-bold);
    align-items: center;
    background: var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background));
    border: none;
    box-sizing: border-box;
    color: var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content));
    display: inline-flex;
    flex-wrap: nowrap;
    justify-content: center;
    line-height: normal;
    text-transform: uppercase;
    -webkit-user-select: none;
    user-select: none
}

.badge-SzX7mZwu.hasChildren-SzX7mZwu {
    --ui-lib-badge-default-padding-hor: calc(var(--ui-lib-size-defaulted-xsmall)*4px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*6px + var(--ui-lib-size-defaulted-large)*6px + var(--ui-lib-size-defaulted-xlarge)*8px)
}

.badge-SzX7mZwu:not(.hasChildren-SzX7mZwu) {
    --ui-lib-badge-default-padding-hor: 0;
    width: var(--ui-lib-badge-actual-height)
}

@media (any-hover:hover) {
    a.badge-SzX7mZwu:hover,
    button.badge-SzX7mZwu:hover {
        --ui-lib-badge-default-color-background-hover: var(--color-overlay-neutral-1-normal);
        --ui-lib-badge-default-color-content-hover: var(--color-content-primary-neutral-bold);
        background: var(--ui-lib-badge-background-hover, var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background)));
        color: var(--ui-lib-badge-color-content-hover, var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content)))
    }
}

a.badge-SzX7mZwu:active,
button.badge-SzX7mZwu:active {
    --ui-lib-badge-default-color-background-active: var(--color-overlay-neutral-1-bold);
    --ui-lib-badge-default-color-content-active: var(--color-content-primary-neutral-bold);
    background: var(--ui-lib-badge-background-active, var(--ui-lib-badge-background, var(--ui-lib-badge-default-color-background-active)));
    color: var(--ui-lib-badge-color-content-active, var(--ui-lib-badge-color-content, var(--ui-lib-badge-default-color-content-active)))
}

.badge-SzX7mZwu {
    outline: none;
    overflow: visible;
    position: relative
}

.badge-SzX7mZwu:focus {
    outline: none
}

.badge-SzX7mZwu:focus-visible {
    outline: none
}

.badge-SzX7mZwu:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 8px);
    inset-inline-start: -4px;
    pointer-events: none;
    position: absolute;
    top: -4px;
    width: calc(100% + 8px);
    z-index: 1
}

.badge-SzX7mZwu:focus:after {
    display: block
}

.badge-SzX7mZwu:focus-visible:after {
    display: block
}

.badge-SzX7mZwu:focus:not(:focus-visible):after {
    display: none
}

.badge-SzX7mZwu:after {
    border-color: var(--color-focus-outline-color-blue);
    border-radius: calc(var(--ui-lib-badge-focus-outline-radius, var(--ui-lib-badge-border-radius)) + 4px)
}

.content-SzX7mZwu {
    overflow: hidden;
    padding: 0 calc(var(--ui-lib-size-defaulted-xsmall)*2px + var(--ui-lib-size-defaulted-small)*2px + var(--ui-lib-size-defaulted-medium)*2px + var(--ui-lib-size-defaulted-large)*4px + var(--ui-lib-size-defaulted-xlarge)*4px);
    text-overflow: ellipsis;
    white-space: nowrap
}

.slot-SzX7mZwu {
    --ui-lib-badge-slot-size: calc(var(--ui-lib-size-defaulted-xsmall)*12px + var(--ui-lib-size-defaulted-small)*14px + var(--ui-lib-size-defaulted-medium)*18px + var(--ui-lib-size-defaulted-large)*20px + var(--ui-lib-size-defaulted-xlarge)*24px);
    align-items: center;
    display: flex;
    height: var(--ui-lib-badge-slot-size);
    justify-content: center;
    width: var(--ui-lib-badge-slot-size)
}

.xsmall-SzX7mZwu {
    --ui-lib-size: 2
}

.small-SzX7mZwu {
    --ui-lib-size: 3
}

.medium-SzX7mZwu {
    --ui-lib-size: 4
}

.large-SzX7mZwu {
    --ui-lib-size: 5
}

.xlarge-SzX7mZwu {
    --ui-lib-size: 6
}

.xxlarge-SzX7mZwu {
    --ui-lib-size: 7
}