.counter-napy2vLF {
    align-items: center;
    background-clip: padding-box;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    padding: 3px 4px;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom
}

.size-xxxsmall-napy2vLF {
    border-radius: 3px;
    height: 6px;
    min-width: 6px;
    padding: 0
}

.size-xxsmall-napy2vLF {
    border-radius: 5px;
    height: 10px;
    min-width: 10px;
    padding: 0
}

.size-xsmall-napy2vLF {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 14px;
    --ui-lib-typography-font-size: 10px;
    border-radius: 7px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 500;
    height: 14px;
    line-height: var(--ui-lib-typography-line-height);
    min-width: 14px
}

.size-small-napy2vLF {
    border-radius: 8px;
    height: 16px;
    min-width: 16px
}

.size-medium-napy2vLF,
.size-small-napy2vLF {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 16px;
    --ui-lib-typography-font-size: 12px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400;
    line-height: var(--ui-lib-typography-line-height)
}

.size-medium-napy2vLF {
    border-radius: 9px;
    height: 18px;
    min-width: 18px
}

.size-large-napy2vLF {
    font-feature-settings: "tnum" on, "lnum" on;
    border-radius: 10px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400;
    height: 20px;
    min-width: 20px
}

.size-large-napy2vLF,
.size-xlarge-napy2vLF {
    --ui-lib-typography-line-height: 18px;
    --ui-lib-typography-font-size: 14px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    line-height: var(--ui-lib-typography-line-height)
}

.size-xlarge-napy2vLF {
    font-feature-settings: "tnum" on, "lnum" on;
    border-radius: 12px;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 500;
    height: 24px;
    min-width: 24px
}

.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: #f0f3fa;
    color: #131722
}

html.theme-dark .color-neutral-napy2vLF {
    background-color: #2a2e39;
    color: #d1d4dc
}

.borderColor-primary-napy2vLF {
    outline: 2px solid #fff
}

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

.borderColor-secondary-napy2vLF {
    outline: 2px solid #fff
}

html.theme-dark .borderColor-secondary-napy2vLF {
    outline: 2px solid #131722
}

.borderColor-tertiary-napy2vLF {
    outline: 2px solid #fff
}

html.theme-dark .borderColor-tertiary-napy2vLF {
    outline: 2px solid #1e222d
}