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

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

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

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

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

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

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

.counter-napy2vLF {
    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: 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) 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)
}

.color-danger-napy2vLF {
    color: #fff
}

.color-danger-napy2vLF,
html.theme-dark .color-danger-napy2vLF {
    background-color: #f23645
}

html.theme-dark .color-danger-napy2vLF {
    color: #fff
}

.color-accent-napy2vLF {
    color: #fff
}

.color-accent-napy2vLF,
html.theme-dark .color-accent-napy2vLF {
    background-color: #2962ff
}

html.theme-dark .color-accent-napy2vLF {
    color: #fff
}

.color-accent-light-napy2vLF {
    background-color: #e3effd;
    color: #1e53e5
}

html.theme-dark .color-accent-light-napy2vLF {
    background-color: #142e61;
    color: #bbd9fb
}

.color-neutral-bold-napy2vLF {
    background-color: #000;
    color: #fff
}

html.theme-dark .color-neutral-bold-napy2vLF {
    background-color: #fff;
    color: #000
}

.color-neutral-napy2vLF {
    background-color: #f2f2f2;
    color: #0f0f0f
}

html.theme-dark .color-neutral-napy2vLF {
    background-color: #2e2e2e;
    color: #dbdbdb
}

.borderColor-primary-napy2vLF {
    --ui-lib-counter-border-outline-primary: solid 2px #fff;
    outline: var(--ui-lib-counter-border-outline-primary)
}

html.theme-dark .borderColor-primary-napy2vLF {
    --ui-lib-counter-border-outline-primary: solid 2px #000
}

.borderColor-secondary-napy2vLF {
    --ui-lib-counter-border-outline-secondary: solid 2px #fff;
    outline: var(--ui-lib-counter-border-outline-secondary)
}

html.theme-dark .borderColor-secondary-napy2vLF {
    --ui-lib-counter-border-outline-secondary: solid 2px #0f0f0f
}

.borderColor-tertiary-napy2vLF {
    --ui-lib-counter-border-outline-tertiary: solid 2px #fff;
    outline: var(--ui-lib-counter-border-outline-tertiary)
}

html.theme-dark .borderColor-tertiary-napy2vLF {
    --ui-lib-counter-border-outline-tertiary: solid 2px #1f1f1f
}

.disabled-napy2vLF {
    opacity: .5
}