.xxxsmall-DHGll3AY {
    --ui-lib-size: 0
}

.xxsmall-DHGll3AY {
    --ui-lib-size: 1
}

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

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

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

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

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

.counter-DHGll3AY {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    vertical-align: bottom;
    --ui-lib-size-defaulted: var(--ui-lib-size, 4);
    --ui-lib-size-defaulted-xxxsmall: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 0) * (var(--ui-lib-size-defaulted) - 0)));
    --ui-lib-size-defaulted-xxsmall: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 1) * (var(--ui-lib-size-defaulted) - 1)));
    --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)));
    border-radius: calc(var(--ui-lib-size-defaulted-xxxsmall)*3px + var(--ui-lib-size-defaulted-xxsmall)*5px + var(--ui-lib-size-defaulted-xsmall)*7px + var(--ui-lib-size-defaulted-small)*8px + var(--ui-lib-size-defaulted-medium)*9px + var(--ui-lib-size-defaulted-large)*10px + var(--ui-lib-size-defaulted-xlarge)*12px);
    font-size: calc(var(--ui-lib-size-defaulted-xsmall)*10px + var(--ui-lib-size-defaulted-small)*12px + var(--ui-lib-size-defaulted-medium)*12px + var(--ui-lib-size-defaulted-large)*14px + var(--ui-lib-size-defaulted-xlarge)*14px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-defaulted-xsmall)*500 + var(--ui-lib-size-defaulted-small)*400 + var(--ui-lib-size-defaulted-medium)*400 + var(--ui-lib-size-defaulted-large)*400 + var(--ui-lib-size-defaulted-xlarge)*500);
    height: calc(var(--ui-lib-size-defaulted-xxxsmall)*6px + var(--ui-lib-size-defaulted-xxsmall)*10px + var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*16px + var(--ui-lib-size-defaulted-medium)*18px + var(--ui-lib-size-defaulted-large)*20px + var(--ui-lib-size-defaulted-xlarge)*24px);
    line-height: calc(var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*16px + var(--ui-lib-size-defaulted-medium)*16px + var(--ui-lib-size-defaulted-large)*18px + var(--ui-lib-size-defaulted-xlarge)*18px);
    min-width: calc(var(--ui-lib-size-defaulted-xxxsmall)*6px + var(--ui-lib-size-defaulted-xxsmall)*10px + var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*16px + var(--ui-lib-size-defaulted-medium)*18px + var(--ui-lib-size-defaulted-large)*20px + var(--ui-lib-size-defaulted-xlarge)*24px);
    padding-inline-end: calc(var(--ui-lib-size-defaulted-xxxsmall)*0px + var(--ui-lib-size-defaulted-xxsmall)*0px + var(--ui-lib-size-defaulted-xsmall)*3.5px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*6px + var(--ui-lib-size-defaulted-large)*5px + var(--ui-lib-size-defaulted-xlarge)*7.5px);
    padding-bottom: calc(var(--ui-lib-size-defaulted-xxxsmall)*0px + var(--ui-lib-size-defaulted-xxsmall)*0px + var(--ui-lib-size-defaulted-xsmall)*3px + var(--ui-lib-size-defaulted-small)*3px + var(--ui-lib-size-defaulted-medium)*3px + var(--ui-lib-size-defaulted-large)*3px + var(--ui-lib-size-defaulted-xlarge)*3px);
    padding-inline-start: calc(var(--ui-lib-size-defaulted-xxxsmall)*0px + var(--ui-lib-size-defaulted-xxsmall)*0px + var(--ui-lib-size-defaulted-xsmall)*3.5px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*6px + var(--ui-lib-size-defaulted-large)*5px + var(--ui-lib-size-defaulted-xlarge)*7.5px);
    padding-top: calc(var(--ui-lib-size-defaulted-xxxsmall)*0px + var(--ui-lib-size-defaulted-xxsmall)*0px + var(--ui-lib-size-defaulted-xsmall)*3px + var(--ui-lib-size-defaulted-small)*3px + var(--ui-lib-size-defaulted-medium)*3px + var(--ui-lib-size-defaulted-large)*3px + var(--ui-lib-size-defaulted-xlarge)*3px)
}

.color-danger-DHGll3AY {
    background-color: var(--color-counter-fill-danger);
    color: var(--color-counter-content-danger)
}

.color-accent-DHGll3AY {
    background-color: var(--color-counter-fill-accent);
    color: var(--color-counter-content-accent)
}

.color-accent-light-DHGll3AY {
    background-color: var(--color-counter-fill-accent-light);
    color: var(--color-counter-content-accent-light)
}

.color-neutral-bold-DHGll3AY {
    background-color: var(--color-counter-fill-neutral-bold);
    color: var(--color-counter-content-neutral-bold)
}

.color-neutral-DHGll3AY {
    background-color: var(--color-counter-fill-neutral);
    color: var(--color-counter-content-neutral)
}

.borderColor-primary-DHGll3AY {
    --ui-lib-counter-border-outline-primary: solid 2px var(--color-counter-border-primary);
    outline: var(--ui-lib-counter-border-outline-primary)
}

.borderColor-secondary-DHGll3AY {
    --ui-lib-counter-border-outline-secondary: solid 2px var(--color-counter-border-secondary);
    outline: var(--ui-lib-counter-border-outline-secondary)
}

.borderColor-tertiary-DHGll3AY {
    --ui-lib-counter-border-outline-tertiary: solid 2px var(--color-counter-border-tertiary);
    outline: var(--ui-lib-counter-border-outline-tertiary)
}

.disabled-DHGll3AY {
    opacity: .5
}