.light-button-bYDQcOkp {
    align-items: center;
    background-color: var(--ui-lib-light-button-color-bg, var(--ui-lib-light-button-default-color-bg));
    border-color: var(--ui-lib-light-button-color-border, var(--ui-lib-light-button-default-color-border));
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    color: var(--ui-lib-light-button-color-content, var(--ui-lib-light-button-default-color-content));
    cursor: default;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    min-width: 40px;
    outline: none;
    overflow: visible;
    position: relative
}

.light-button-bYDQcOkp:focus {
    outline: none
}

.light-button-bYDQcOkp:focus-visible {
    outline: none
}

.light-button-bYDQcOkp:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + 10px);
    left: -5px;
    pointer-events: none;
    position: absolute;
    top: -5px;
    width: calc(100% + 10px);
    z-index: 1
}

.light-button-bYDQcOkp:focus:after {
    display: block
}

.light-button-bYDQcOkp:focus-visible:after {
    display: block
}

.light-button-bYDQcOkp:focus:not(:focus-visible):after {
    display: none
}

.light-button-bYDQcOkp:after {
    border-color: #2962ffcc
}

.light-button-bYDQcOkp.link-bYDQcOkp {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none
}

.light-button-bYDQcOkp .content-bYDQcOkp {
    display: inline-block;
    max-width: 100%;
    min-width: 4px;
    text-align: center
}

.light-button-bYDQcOkp .visually-hidden-bYDQcOkp {
    display: block;
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden
}

.light-button-bYDQcOkp .nowrap-bYDQcOkp {
    align-self: auto;
    overflow: hidden;
    white-space: nowrap
}

.light-button-bYDQcOkp .ellipsis-container-bYDQcOkp {
    display: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.light-button-bYDQcOkp .text-wrap-container-bYDQcOkp {
    word-wrap: break-word;
    max-height: calc(var(--ui-lib-light-button-content-max-lines)*var(--ui-lib-typography-line-height));
    overflow: hidden;
    text-align: left;
    word-break: break-word
}

.light-button-bYDQcOkp .text-wrap-with-ellipsis-bYDQcOkp {
    -webkit-line-clamp: var(--ui-lib-light-button-content-max-lines);
    -webkit-box-orient: vertical;
    display: -webkit-box;
    line-height: var(--ui-lib-typography-line-height);
    max-height: calc(var(--ui-lib-typography-line-height)*var(--ui-lib-light-button-content-max-lines));
    overflow: hidden
}

.light-button-bYDQcOkp .icon-bYDQcOkp {
    display: inline-flex;
    flex-shrink: 0;
    max-height: 28px;
    max-width: 28px;
    min-height: 18px;
    min-width: 18px
}

.light-button-bYDQcOkp .content-bYDQcOkp:not(:last-child),
.light-button-bYDQcOkp .icon-bYDQcOkp:not(:last-child) {
    margin-inline-end: 4px
}

.light-button-bYDQcOkp.force-direction-ltr-bYDQcOkp {
    direction: ltr
}

.light-button-bYDQcOkp.force-direction-rtl-bYDQcOkp {
    direction: rtl
}

.light-button-bYDQcOkp.with-grouped-bYDQcOkp.variant-quiet-primary-bYDQcOkp:not(.selected-bYDQcOkp):not(:hover):not(:disabled) {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-border: #0000
}

.light-button-bYDQcOkp.typography-regular16px-bYDQcOkp {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400
}

.light-button-bYDQcOkp.typography-medium16px-bYDQcOkp,
.light-button-bYDQcOkp.typography-regular16px-bYDQcOkp {
    --ui-lib-typography-line-height: 24px;
    --ui-lib-typography-font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    line-height: var(--ui-lib-typography-line-height)
}

.light-button-bYDQcOkp.typography-medium16px-bYDQcOkp {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 500
}

.light-button-bYDQcOkp.typography-regular14px-bYDQcOkp {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 400
}

.light-button-bYDQcOkp.typography-regular14px-bYDQcOkp,
.light-button-bYDQcOkp.typography-semibold14px-bYDQcOkp {
    --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)
}

.light-button-bYDQcOkp.typography-semibold14px-bYDQcOkp {
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600
}

.light-button-bYDQcOkp.typography-semibold16px-bYDQcOkp {
    font-feature-settings: "tnum" on, "lnum" on;
    --ui-lib-typography-line-height: 24px;
    --ui-lib-typography-font-size: 16px;
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-size: var(--ui-lib-typography-font-size);
    font-style: normal;
    font-weight: 600;
    line-height: var(--ui-lib-typography-line-height)
}

.size-xsmall-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 11px;
    --ui-lib-light-button-padding-inline-end-default: 11px;
    --ui-lib-light-button-padding-block-start-default: 0;
    --ui-lib-light-button-padding-block-end-default: 0;
    border-radius: 6px;
    height: 28px;
    min-width: 28px;
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px)
}

.size-xsmall-bYDQcOkp:after {
    border-radius: 10px
}

.size-xsmall-bYDQcOkp.with-start-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 7px
}

.size-xsmall-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-end-default: 7px
}

.size-xsmall-bYDQcOkp.no-content-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 4px;
    --ui-lib-light-button-padding-inline-end-default: 4px;
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px)
}

.size-xsmall-bYDQcOkp.no-content-bYDQcOkp.with-start-icon-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 7px;
    --ui-lib-light-button-padding-inline-end-default: 7px
}

.size-xsmall-bYDQcOkp.wrap-bYDQcOkp {
    height: auto;
    min-height: 28px
}

.size-xsmall-bYDQcOkp.wrap-bYDQcOkp .content-bYDQcOkp {
    padding-bottom: calc((28px - var(--ui-lib-typography-line-height))/2 - 1px);
    padding-top: calc((28px - var(--ui-lib-typography-line-height))/2 - 1px)
}

.size-small-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 11px;
    --ui-lib-light-button-padding-inline-end-default: 11px;
    --ui-lib-light-button-padding-block-start-default: 0;
    --ui-lib-light-button-padding-block-end-default: 0;
    border-radius: 6px;
    height: 34px;
    min-width: 34px;
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px)
}

.size-small-bYDQcOkp:after {
    border-radius: 10px
}

.size-small-bYDQcOkp.with-start-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 7px
}

.size-small-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-end-default: 7px
}

.size-small-bYDQcOkp.no-content-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 2px;
    --ui-lib-light-button-padding-inline-end-default: 2px;
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px)
}

.size-small-bYDQcOkp.no-content-bYDQcOkp.with-start-icon-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 7px;
    --ui-lib-light-button-padding-inline-end-default: 7px
}

.size-small-bYDQcOkp.wrap-bYDQcOkp {
    height: auto;
    min-height: 34px
}

.size-small-bYDQcOkp.wrap-bYDQcOkp .content-bYDQcOkp {
    padding-bottom: calc((34px - var(--ui-lib-typography-line-height))/2 - 1px);
    padding-top: calc((34px - var(--ui-lib-typography-line-height))/2 - 1px)
}

.size-medium-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 15px;
    --ui-lib-light-button-padding-inline-end-default: 15px;
    --ui-lib-light-button-padding-block-start-default: 0;
    --ui-lib-light-button-padding-block-end-default: 0;
    border-radius: 8px;
    height: 40px;
    min-width: 40px;
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px)
}

.size-medium-bYDQcOkp:after {
    border-radius: 12px
}

.size-medium-bYDQcOkp.with-start-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 11px
}

.size-medium-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-end-default: 11px
}

.size-medium-bYDQcOkp.no-content-bYDQcOkp {
    padding-inline-end: max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 2px);
    padding-inline-start: max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 2px)
}

.size-medium-bYDQcOkp.no-content-bYDQcOkp,
.size-medium-bYDQcOkp.no-content-bYDQcOkp.with-start-icon-bYDQcOkp.with-end-icon-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 5px;
    --ui-lib-light-button-padding-inline-end-default: 5px
}

.size-medium-bYDQcOkp.wrap-bYDQcOkp {
    height: auto;
    min-height: 40px
}

.size-medium-bYDQcOkp.wrap-bYDQcOkp .content-bYDQcOkp {
    padding-bottom: calc((40px - var(--ui-lib-typography-line-height))/2 - 1px);
    padding-top: calc((40px - var(--ui-lib-typography-line-height))/2 - 1px)
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

@media not all and (pointer:coarse) {
    .variant-primary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #363a45
    }
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-border: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #d1d4dc;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #d1d4dc
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #434651;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #434651
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #d1d4dc;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #d1d4dc
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #434651;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #434651
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #d1d4dc;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #d1d4dc
    }
    html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #434651;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #434651
    }
    .variant-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-primary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-primary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-border: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #d1d4dc;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #daf2ee;
    --ui-lib-light-button-default-color-border: #daf2ee;
    --ui-lib-light-button-default-color-content: #089981
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #082621;
    --ui-lib-light-button-default-color-bg: #082621
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-green-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #ffebec;
    --ui-lib-light-button-default-color-border: #ffebec;
    --ui-lib-light-button-default-color-content: #f23645
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #331f20;
    --ui-lib-light-button-default-color-bg: #331f20
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-quiet-primary-bYDQcOkp.color-red-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #434651;
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-border: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-secondary-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #0000
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #131722
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp,
html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #131722
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #0000
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #131722;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #131722;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #fff;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #0000;
    transform: translateY(0)
}

html.theme-dark .variant-ghost-bYDQcOkp.color-gray-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #0000
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #089981
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp,
html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-green-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #daf2ee;
    --ui-lib-light-button-default-color-border: #daf2ee;
    --ui-lib-light-button-default-color-content: #089981
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #082621;
    --ui-lib-light-button-default-color-bg: #082621
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #089981;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-ghost-bYDQcOkp.color-green-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-green-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-ghost-bYDQcOkp.color-green-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-ghost-bYDQcOkp.color-green-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #f23645
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp,
html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #0000
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-red-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-bg: #f0f3fa;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-border: #f0f3fa
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp:hover {
        --ui-lib-light-button-default-color-border: #2a2e39;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-bg: #2a2e39
    }
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #ffebec;
    --ui-lib-light-button-default-color-border: #ffebec;
    --ui-lib-light-button-default-color-content: #f23645
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #331f20;
    --ui-lib-light-button-default-color-bg: #331f20
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.selected-bYDQcOkp.selected-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e3effd;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-content: #2962ff
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp {
    --ui-lib-light-button-default-color-content: #bbd9fb;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #142e61
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-bg: #f0f3fa;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #f0f3fa
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.pills-bYDQcOkp.pills-bYDQcOkp:not(.grouped-bYDQcOkp):hover {
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp .caret-bYDQcOkp {
    transform: rotate(180deg)
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp.active-bYDQcOkp.grouped-bYDQcOkp {
    transform: none
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #e0e3eb
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #363a45
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(.disable-active-on-touch-bYDQcOkp):not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
    transform: none
}

@media not all and (pointer:coarse) {
    .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #e0e3eb;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-border: #e0e3eb
    }
    html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active {
        --ui-lib-light-button-default-color-border: #363a45;
        --ui-lib-light-button-default-color-content: #f23645;
        --ui-lib-light-button-default-color-bg: #363a45
    }
    .variant-ghost-bYDQcOkp.color-red-bYDQcOkp.disable-active-on-touch-bYDQcOkp:not(.disable-active-state-styles-bYDQcOkp).variant-ghost-bYDQcOkp.color-red-bYDQcOkp:not(:disabled):active.grouped-bYDQcOkp {
        transform: none
    }
}

.variant-ghost-bYDQcOkp.color-red-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-bg: #e0e3eb;
    --ui-lib-light-button-default-color-content: #b2b5be;
    --ui-lib-light-button-default-color-border: #e0e3eb;
    transform: translateY(0)
}

html.theme-dark .variant-ghost-bYDQcOkp.color-red-bYDQcOkp:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #5d606b;
    --ui-lib-light-button-default-color-bg: #363a45
}