.lightButton-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
}

.lightButton-bYDQcOkp:focus {
    outline: none
}

.lightButton-bYDQcOkp:focus-visible {
    outline: none
}

.lightButton-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
}

.lightButton-bYDQcOkp:focus:after {
    display: block
}

.lightButton-bYDQcOkp:focus-visible:after {
    display: block
}

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

.lightButton-bYDQcOkp:after,
html.theme-dark .lightButton-bYDQcOkp:after {
    border-color: #2962ff
}

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

.lightButton-bYDQcOkp.ltr-bYDQcOkp {
    direction: ltr
}

.lightButton-bYDQcOkp.rtl-bYDQcOkp {
    direction: rtl
}

.lightButton-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
}

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

.lightButton-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
}

.lightButton-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
}

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

.lightButton-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
}

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

.content-bYDQcOkp {
    display: inline-block;
    min-width: 0;
    text-align: center;
    --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1);
    max-width: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * 9999px + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px)
}

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

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

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

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

.textWrapWithEllipsis-bYDQcOkp {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: var(--ui-lib-light-button-content-max-lines);
    -webkit-box-orient: vertical;
    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))
}

.slot-bYDQcOkp {
    align-items: center;
    display: flex;
    justify-content: center
}

.caret-bYDQcOkp,
.slot-bYDQcOkp>span[role=img] {
    display: inline-flex;
    flex-shrink: 0
}

.caret-bYDQcOkp {
    max-height: 28px;
    max-width: 28px;
    min-height: 18px;
    min-width: 18px
}

.activeCaret-bYDQcOkp {
    transform: rotate(180deg)
}

.caret-bYDQcOkp:not(:last-child),
.content-bYDQcOkp:not(:last-child),
.slot-bYDQcOkp:not(:last-child) {
    --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1);
    margin-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * 4px + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px)
}

.xsmall-bYDQcOkp {
    border-radius: 6px;
    height: 28px;
    min-width: 28px;
    --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;
    --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1);
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px);
    padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px)
}

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

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

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

.xsmall-bYDQcOkp.noContent-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)
}

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

.xsmall-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)
}

.small-bYDQcOkp {
    border-radius: 6px;
    height: 34px;
    min-width: 34px;
    --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;
    --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1);
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px);
    padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px)
}

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

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

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

.small-bYDQcOkp.noContent-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)
}

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

.small-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)
}

.medium-bYDQcOkp {
    border-radius: 8px;
    height: 40px;
    min-width: 40px;
    --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;
    --ui-lib-lightbutton-show-children-with-fallback: var(--ui-lib-lightButton-show-children, 1);
    padding-block-end: 0;
    padding-block-start: 0;
    padding-inline-end: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-end, var(--ui-lib-light-button-padding-inline-end-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px);
    padding-inline-start: calc(max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 1) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 1)) * max(var(--ui-lib-light-button-padding-inline-start, var(--ui-lib-light-button-padding-inline-start-default)), 3px) + max(0, 1 - (var(--ui-lib-lightbutton-show-children-with-fallback) - 0) * (var(--ui-lib-lightbutton-show-children-with-fallback) - 0)) * 0px)
}

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

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

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

.medium-bYDQcOkp.noContent-bYDQcOkp {
    --ui-lib-light-button-padding-inline-start-default: 5px;
    --ui-lib-light-button-padding-inline-end-default: 5px;
    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)
}

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

.medium-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)
}

.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #2a2e39;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff
}

html.theme-dark .pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #000;
    --ui-lib-light-button-default-color-border: #f0f3fa;
    --ui-lib-light-button-default-color-bg: #f0f3fa
}

@media (any-hover:hover) {
    .pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j:hover {
        --ui-lib-light-button-default-color-bg: #434651;
        --ui-lib-light-button-default-color-border: #434651;
        --ui-lib-light-button-default-color-content: #fff
    }
    html.theme-dark .pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j:hover {
        --ui-lib-light-button-default-color-content: #000;
        --ui-lib-light-button-default-color-border: #d1d4dc;
        --ui-lib-light-button-default-color-bg: #d1d4dc
    }
}

.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j:active {
    --ui-lib-light-button-default-color-bg: #2a2e39;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-content: #fff
}

html.theme-dark .pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j.pills-PVWoXu5j:active {
    --ui-lib-light-button-default-color-content: #000;
    --ui-lib-light-button-default-color-border: #f0f3fa;
    --ui-lib-light-button-default-color-bg: #f0f3fa
}

.primary-PVWoXu5j.gray-PVWoXu5j {
    --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 .primary-PVWoXu5j.gray-PVWoXu5j {
    --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 (pointer:coarse) {
    @media (any-hover: hover) {
        .primary-PVWoXu5j.gray-PVWoXu5j: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 .primary-PVWoXu5j.gray-PVWoXu5j: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
        }
    }
}

.primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --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 .primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

@media (any-hover:hover) {
    .primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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 .primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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
    }
}

@media not (pointer:coarse) {
    .primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    .primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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 .primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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
    }
    .primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .primary-PVWoXu5j.gray-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.primary-PVWoXu5j.gray-PVWoXu5j: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 .primary-PVWoXu5j.gray-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #363a45
}

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

.quiet-primary-PVWoXu5j.gray-PVWoXu5j,
html.theme-dark .quiet-primary-PVWoXu5j.gray-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #0000
}

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .quiet-primary-PVWoXu5j.gray-PVWoXu5j: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 .quiet-primary-PVWoXu5j.gray-PVWoXu5j: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
        }
    }
}

.quiet-primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --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 .quiet-primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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 .quiet-primary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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
    }
}

@media not (pointer:coarse) {
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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 .quiet-primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .quiet-primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .quiet-primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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
    }
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.gray-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.quiet-primary-PVWoXu5j.gray-PVWoXu5j: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 .quiet-primary-PVWoXu5j.gray-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #363a45
}

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

.quiet-primary-PVWoXu5j.green-PVWoXu5j,
html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #0000
}

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .quiet-primary-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#daf2ee;
            --ui-lib-light-button-default-color-content: #06806b;
            --ui-lib-light-button-default-color-border: #daf2ee
        }
        html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #082621;
            --ui-lib-light-button-default-color-content: #22ab94;
            --ui-lib-light-button-default-color-bg: #082621
        }
    }
}

.quiet-primary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --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 .quiet-primary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #082621;
    --ui-lib-light-button-default-color-bg: #082621
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #daf2ee;
        --ui-lib-light-button-default-color-content: #06806b;
        --ui-lib-light-button-default-color-border: #daf2ee
    }
    html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #082621;
        --ui-lib-light-button-default-color-content: #22ab94;
        --ui-lib-light-button-default-color-bg: #082621
    }
}

@media not (pointer:coarse) {
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .quiet-primary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #ace5dc;
        --ui-lib-light-button-default-color-content: #056656;
        --ui-lib-light-button-default-color-border: #ace5dc
    }
    html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .quiet-primary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #10443b;
        --ui-lib-light-button-default-color-content: #42bda8;
        --ui-lib-light-button-default-color-bg: #10443b
    }
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.green-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.quiet-primary-PVWoXu5j.green-PVWoXu5j: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 .quiet-primary-PVWoXu5j.green-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #363a45
}

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

.quiet-primary-PVWoXu5j.red-PVWoXu5j,
html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #0000
}

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .quiet-primary-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#ffebec;
            --ui-lib-light-button-default-color-content: #cc2f3c;
            --ui-lib-light-button-default-color-border: #ffebec
        }
        html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #331f20;
            --ui-lib-light-button-default-color-content: #f7525f;
            --ui-lib-light-button-default-color-bg: #331f20
        }
    }
}

.quiet-primary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --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 .quiet-primary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #331f20;
    --ui-lib-light-button-default-color-bg: #331f20
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #ffebec;
        --ui-lib-light-button-default-color-content: #cc2f3c;
        --ui-lib-light-button-default-color-border: #ffebec
    }
    html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #331f20;
        --ui-lib-light-button-default-color-content: #f7525f;
        --ui-lib-light-button-default-color-bg: #331f20
    }
}

@media not (pointer:coarse) {
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .quiet-primary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #fccbcd;
        --ui-lib-light-button-default-color-content: #b22833;
        --ui-lib-light-button-default-color-border: #fccbcd
    }
    html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .quiet-primary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #4d191d;
        --ui-lib-light-button-default-color-content: #f77c80;
        --ui-lib-light-button-default-color-bg: #4d191d
    }
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .quiet-primary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .quiet-primary-PVWoXu5j.red-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.quiet-primary-PVWoXu5j.red-PVWoXu5j: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 .quiet-primary-PVWoXu5j.red-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #363a45
}

.secondary-PVWoXu5j.gray-PVWoXu5j {
    --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 .secondary-PVWoXu5j.gray-PVWoXu5j {
    --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 (pointer:coarse) {
    @media (any-hover: hover) {
        .secondary-PVWoXu5j.gray-PVWoXu5j: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 .secondary-PVWoXu5j.gray-PVWoXu5j: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
        }
    }
}

.secondary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --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 .secondary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #fff;
    --ui-lib-light-button-default-color-border: #2a2e39;
    --ui-lib-light-button-default-color-bg: #2a2e39
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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 .secondary-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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
    }
}

@media not (pointer:coarse) {
    .secondary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    .secondary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .secondary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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 .secondary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .secondary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .secondary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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
    }
    .secondary-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.gray-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.secondary-PVWoXu5j.gray-PVWoXu5j: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 .secondary-PVWoXu5j.gray-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}

.secondary-PVWoXu5j.green-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #daf2ee
}

html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #082621;
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .secondary-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#daf2ee;
            --ui-lib-light-button-default-color-content: #06806b;
            --ui-lib-light-button-default-color-border: #daf2ee
        }
        html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #082621;
            --ui-lib-light-button-default-color-content: #22ab94;
            --ui-lib-light-button-default-color-bg: #082621
        }
    }
}

.secondary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --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 .secondary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #089981;
    --ui-lib-light-button-default-color-border: #082621;
    --ui-lib-light-button-default-color-bg: #082621
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #daf2ee;
        --ui-lib-light-button-default-color-content: #06806b;
        --ui-lib-light-button-default-color-border: #daf2ee
    }
    html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #082621;
        --ui-lib-light-button-default-color-content: #22ab94;
        --ui-lib-light-button-default-color-bg: #082621
    }
}

@media not (pointer:coarse) {
    .secondary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    .secondary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .secondary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #ace5dc;
        --ui-lib-light-button-default-color-content: #056656;
        --ui-lib-light-button-default-color-border: #ace5dc
    }
    html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .secondary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #10443b;
        --ui-lib-light-button-default-color-content: #42bda8;
        --ui-lib-light-button-default-color-bg: #10443b
    }
    .secondary-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.green-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.secondary-PVWoXu5j.green-PVWoXu5j: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 .secondary-PVWoXu5j.green-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}

.secondary-PVWoXu5j.red-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-border: #ffebec
}

html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #331f20;
    --ui-lib-light-button-default-color-content: #f23645;
    --ui-lib-light-button-default-color-bg: #0000
}

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .secondary-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#ffebec;
            --ui-lib-light-button-default-color-content: #cc2f3c;
            --ui-lib-light-button-default-color-border: #ffebec
        }
        html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #331f20;
            --ui-lib-light-button-default-color-content: #f7525f;
            --ui-lib-light-button-default-color-bg: #331f20
        }
    }
}

.secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #ffebec;
    --ui-lib-light-button-default-color-border: #ffebec
}

.secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j,
html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #f23645
}

html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #331f20;
    --ui-lib-light-button-default-color-bg: #331f20
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #ffebec;
        --ui-lib-light-button-default-color-content: #cc2f3c;
        --ui-lib-light-button-default-color-border: #ffebec
    }
    html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #331f20;
        --ui-lib-light-button-default-color-content: #f7525f;
        --ui-lib-light-button-default-color-bg: #331f20
    }
}

@media not (pointer:coarse) {
    .secondary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    .secondary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .secondary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #fccbcd;
        --ui-lib-light-button-default-color-content: #b22833;
        --ui-lib-light-button-default-color-border: #fccbcd
    }
    html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .secondary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #4d191d;
        --ui-lib-light-button-default-color-content: #f77c80;
        --ui-lib-light-button-default-color-bg: #4d191d
    }
    .secondary-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .secondary-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .secondary-PVWoXu5j.red-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

.secondary-PVWoXu5j.red-PVWoXu5j: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 .secondary-PVWoXu5j.red-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-border: #363a45;
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}

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

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

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .ghost-PVWoXu5j.gray-PVWoXu5j: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 .ghost-PVWoXu5j.gray-PVWoXu5j: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
        }
    }
}

.ghost-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --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 .ghost-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #d1d4dc;
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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 .ghost-PVWoXu5j.gray-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):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
    }
}

@media not (pointer:coarse) {
    .ghost-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    .ghost-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .ghost-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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 .ghost-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .ghost-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .ghost-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):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
    }
    .ghost-PVWoXu5j.gray-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.gray-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.gray-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.gray-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

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

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

html.theme-dark .ghost-PVWoXu5j.gray-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}

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

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

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .ghost-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#daf2ee;
            --ui-lib-light-button-default-color-content: #06806b;
            --ui-lib-light-button-default-color-border: #daf2ee
        }
        html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #082621;
            --ui-lib-light-button-default-color-content: #22ab94;
            --ui-lib-light-button-default-color-bg: #082621
        }
    }
}

.ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-border: #0000
}

.ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j,
html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #089981
}

html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #daf2ee;
        --ui-lib-light-button-default-color-content: #06806b;
        --ui-lib-light-button-default-color-border: #daf2ee
    }
    html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #082621;
        --ui-lib-light-button-default-color-content: #22ab94;
        --ui-lib-light-button-default-color-bg: #082621
    }
}

@media not (pointer:coarse) {
    .ghost-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    .ghost-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .ghost-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #ace5dc;
        --ui-lib-light-button-default-color-content: #056656;
        --ui-lib-light-button-default-color-border: #ace5dc
    }
    html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #10443b;
        --ui-lib-light-button-default-color-content: #42bda8;
        --ui-lib-light-button-default-color-bg: #10443b
    }
    .ghost-PVWoXu5j.green-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.green-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.green-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.green-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

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

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

html.theme-dark .ghost-PVWoXu5j.green-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}

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

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

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

@media not (pointer:coarse) {
    @media (any-hover: hover) {
        .ghost-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-bg:#ffebec;
            --ui-lib-light-button-default-color-content: #cc2f3c;
            --ui-lib-light-button-default-color-border: #ffebec
        }
        html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j:hover {
            --ui-lib-light-button-default-color-border: #331f20;
            --ui-lib-light-button-default-color-content: #f7525f;
            --ui-lib-light-button-default-color-bg: #331f20
        }
    }
}

.ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-bg: #0000;
    --ui-lib-light-button-default-color-border: #0000
}

.ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j,
html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-content: #f23645
}

html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j {
    --ui-lib-light-button-default-color-border: #0000;
    --ui-lib-light-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-bg: #ffebec;
        --ui-lib-light-button-default-color-content: #cc2f3c;
        --ui-lib-light-button-default-color-border: #ffebec
    }
    html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j.selected-PVWoXu5j:not(.grouped-PVWoXu5j):hover {
        --ui-lib-light-button-default-color-border: #331f20;
        --ui-lib-light-button-default-color-content: #f7525f;
        --ui-lib-light-button-default-color-bg: #331f20
    }
}

@media not (pointer:coarse) {
    .ghost-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    .ghost-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    .ghost-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-bg: #fccbcd;
        --ui-lib-light-button-default-color-content: #b22833;
        --ui-lib-light-button-default-color-border: #fccbcd
    }
    html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j,
    html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active,
    html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active {
        --ui-lib-light-button-default-color-border: #4d191d;
        --ui-lib-light-button-default-color-content: #f77c80;
        --ui-lib-light-button-default-color-bg: #4d191d
    }
    .ghost-PVWoXu5j.red-PVWoXu5j.active-PVWoXu5j.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.red-PVWoXu5j.disableActiveOnTouch-PVWoXu5j:not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j,
    .ghost-PVWoXu5j.red-PVWoXu5j:not(.disableActiveOnTouch-PVWoXu5j):not(.disableActiveStateStyles-PVWoXu5j):not(:disabled):active.grouped-PVWoXu5j {
        transform: none
    }
}

@media (any-hover:hover) {
    .ghost-PVWoXu5j.red-PVWoXu5j.withGrouped-PVWoXu5j.quiet-primary-PVWoXu5j:not(.selected-PVWoXu5j):not(:hover):not(:disabled) {
        --ui-lib-light-button-default-color-bg: #0000;
        --ui-lib-light-button-default-color-border: #0000
    }
}

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

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

html.theme-dark .ghost-PVWoXu5j.red-PVWoXu5j:disabled {
    --ui-lib-light-button-default-color-content: #50535e;
    --ui-lib-light-button-default-color-bg: #0000
}