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

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

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

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

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

.xxlarge-FujgyDpN {
    --ui-lib-size: 7
}

.roundButton-FujgyDpN {
    --ui-lib-size-defaulted: var(--ui-lib-size, 6);
    --ui-lib-size-defaulted-xsmall: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 2) * (var(--ui-lib-size-defaulted) - 2)));
    --ui-lib-size-defaulted-small: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 3) * (var(--ui-lib-size-defaulted) - 3)));
    --ui-lib-size-defaulted-medium: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 4) * (var(--ui-lib-size-defaulted) - 4)));
    --ui-lib-size-defaulted-large: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 5) * (var(--ui-lib-size-defaulted) - 5)));
    --ui-lib-size-defaulted-xlarge: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 6) * (var(--ui-lib-size-defaulted) - 6)));
    --ui-lib-size-defaulted-xxlarge: calc(max(0, 1 - (var(--ui-lib-size-defaulted) - 7) * (var(--ui-lib-size-defaulted) - 7)));
    align-items: center;
    border-radius: calc(var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*17px + var(--ui-lib-size-defaulted-medium)*20px + var(--ui-lib-size-defaulted-large)*24px + var(--ui-lib-size-defaulted-xlarge)*28px + var(--ui-lib-size-defaulted-xxlarge)*40px);
    border-style: solid;
    border-width: calc(var(--ui-lib-size-defaulted-xsmall)*1px + var(--ui-lib-size-defaulted-small)*1px + var(--ui-lib-size-defaulted-medium)*2px + var(--ui-lib-size-defaulted-large)*2px + var(--ui-lib-size-defaulted-xlarge)*2px + var(--ui-lib-size-defaulted-xxlarge)*2px);
    box-sizing: border-box;
    cursor: default;
    display: inline-flex;
    height: calc(var(--ui-lib-size-defaulted-xsmall)*28px + var(--ui-lib-size-defaulted-small)*34px + var(--ui-lib-size-defaulted-medium)*40px + var(--ui-lib-size-defaulted-large)*48px + var(--ui-lib-size-defaulted-xlarge)*56px + var(--ui-lib-size-defaulted-xxlarge)*80px);
    justify-content: center;
    max-width: 100%;
    --focus-outline-value: calc(var(--ui-lib-size-defaulted-xsmall)*1px + var(--ui-lib-size-defaulted-small)*1px + var(--ui-lib-size-defaulted-medium)*2px + var(--ui-lib-size-defaulted-large)*2px + var(--ui-lib-size-defaulted-xlarge)*2px + var(--ui-lib-size-defaulted-xxlarge)*2px);
    --focus-outline-radius-value: calc(var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*17px + var(--ui-lib-size-defaulted-medium)*20px + var(--ui-lib-size-defaulted-large)*24px + var(--ui-lib-size-defaulted-xlarge)*28px + var(--ui-lib-size-defaulted-xxlarge)*40px)
}

.roundButton-FujgyDpN:not(.roundButton-FujgyDpN.iconOnly-FujgyDpN) .startSlot-FujgyDpN {
    margin-inline-end: calc(var(--ui-lib-size-defaulted-xsmall)*4px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*4px + var(--ui-lib-size-defaulted-large)*8px + var(--ui-lib-size-defaulted-xlarge)*8px + var(--ui-lib-size-defaulted-xxlarge)*8px)
}

.roundButton-FujgyDpN:not(.roundButton-FujgyDpN.iconOnly-FujgyDpN) .endSlot-FujgyDpN {
    margin-inline-start: calc(var(--ui-lib-size-defaulted-xsmall)*4px + var(--ui-lib-size-defaulted-small)*4px + var(--ui-lib-size-defaulted-medium)*4px + var(--ui-lib-size-defaulted-large)*8px + var(--ui-lib-size-defaulted-xlarge)*8px + var(--ui-lib-size-defaulted-xxlarge)*8px)
}

.roundButton-FujgyDpN.iconOnly-FujgyDpN {
    width: calc(var(--ui-lib-size-defaulted-xsmall)*28px + var(--ui-lib-size-defaulted-small)*34px + var(--ui-lib-size-defaulted-medium)*40px + var(--ui-lib-size-defaulted-large)*48px + var(--ui-lib-size-defaulted-xlarge)*56px + var(--ui-lib-size-defaulted-xxlarge)*80px)
}

.roundButton-FujgyDpN:not(.iconOnly-FujgyDpN) {
    padding: 0 calc(var(--ui-lib-size-defaulted-xsmall)*11px + var(--ui-lib-size-defaulted-small)*15px + var(--ui-lib-size-defaulted-medium)*14px + var(--ui-lib-size-defaulted-large)*26px + var(--ui-lib-size-defaulted-xlarge)*30px + var(--ui-lib-size-defaulted-xxlarge)*30px)
}

.roundButton-FujgyDpN:not(.iconOnly-FujgyDpN).withStartSlot-FujgyDpN {
    padding-left: calc(var(--ui-lib-size-defaulted-xsmall)*7px + var(--ui-lib-size-defaulted-small)*11px + var(--ui-lib-size-defaulted-medium)*10px + var(--ui-lib-size-defaulted-large)*18px + var(--ui-lib-size-defaulted-xlarge)*22px + var(--ui-lib-size-defaulted-xxlarge)*22px)
}

.roundButton-FujgyDpN:not(.iconOnly-FujgyDpN).withEndSlot-FujgyDpN {
    padding-right: calc(var(--ui-lib-size-defaulted-xsmall)*7px + var(--ui-lib-size-defaulted-small)*11px + var(--ui-lib-size-defaulted-medium)*10px + var(--ui-lib-size-defaulted-large)*18px + var(--ui-lib-size-defaulted-xlarge)*22px + var(--ui-lib-size-defaulted-xxlarge)*22px)
}

.roundButton-FujgyDpN {
    outline: none;
    overflow: visible;
    position: relative
}

.roundButton-FujgyDpN:focus {
    outline: none
}

.roundButton-FujgyDpN:focus-visible {
    outline: none
}

.roundButton-FujgyDpN:after {
    border-style: solid;
    border-width: 2px;
    box-sizing: border-box;
    content: "";
    display: none;
    height: calc(100% + (4px + var(--focus-outline-value))*2);
    left: calc((4px + var(--focus-outline-value))*-1);
    pointer-events: none;
    position: absolute;
    top: calc((4px + var(--focus-outline-value))*-1);
    width: calc(100% + (4px + var(--focus-outline-value))*2);
    z-index: 1
}

.roundButton-FujgyDpN:focus:after {
    display: block
}

.roundButton-FujgyDpN:focus-visible:after {
    display: block
}

.roundButton-FujgyDpN:focus:not(:focus-visible):after {
    display: none
}

.roundButton-FujgyDpN:after {
    border-radius: calc(var(--focus-outline-radius-value) + 4px)
}

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

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

.animated-FujgyDpN {
    transition-duration: .2s;
    transition-property: border-color, background-color, color;
    transition-timing-function: ease-in-out
}

.animated-FujgyDpN:after {
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility 0s ease-in-out .2s;
    visibility: hidden
}

.animated-FujgyDpN:focus:after {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    visibility: visible
}

.animated-FujgyDpN:focus-visible:after {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    visibility: visible
}

.animated-FujgyDpN:focus:not(:focus-visible):after {
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility 0s ease-in-out .2s;
    visibility: hidden
}

.stretch-FujgyDpN {
    width: 100%
}

.content-FujgyDpN {
    font-family: -apple-system, BlinkMacSystemFont, Trebuchet MS, Roboto, Ubuntu, sans-serif;
    font-feature-settings: "tnum" on, "lnum" on;
    font-size: calc(var(--ui-lib-size-defaulted-xsmall)*14px + var(--ui-lib-size-defaulted-small)*16px + var(--ui-lib-size-defaulted-medium)*16px + var(--ui-lib-size-defaulted-large)*16px + var(--ui-lib-size-defaulted-xlarge)*18px + var(--ui-lib-size-defaulted-xxlarge)*20px);
    font-style: normal;
    font-weight: calc(var(--ui-lib-size-defaulted-xsmall)*400 + var(--ui-lib-size-defaulted-small)*500 + var(--ui-lib-size-defaulted-medium)*500 + var(--ui-lib-size-defaulted-large)*500 + var(--ui-lib-size-defaulted-xlarge)*600 + var(--ui-lib-size-defaulted-xxlarge)*600);
    line-height: calc(var(--ui-lib-size-defaulted-xsmall)*18px + var(--ui-lib-size-defaulted-small)*24px + var(--ui-lib-size-defaulted-medium)*24px + var(--ui-lib-size-defaulted-large)*24px + var(--ui-lib-size-defaulted-xlarge)*24px + var(--ui-lib-size-defaulted-xxlarge)*24px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.roundButtonColor-xCeOT7of {
    background-color: var(--ui-lib-button-color-bg, var(--ui-lib-button-default-color-bg));
    border-color: var(--ui-lib-button-color-border, var(--ui-lib-button-default-color-border));
    color: var(--ui-lib-button-color-content, var(--ui-lib-button-default-color-content))
}

.roundButtonColor-xCeOT7of:after {
    border-color: var(--ui-lib-button-color-focus-outline, var(--ui-lib-button-default-color-focus-outline))
}

.roundButtonColor-xCeOT7of:disabled {
    color: #b8b8b8;
    transform: none
}

html.theme-dark .roundButtonColor-xCeOT7of:disabled {
    color: #636363
}

.roundButtonColor-xCeOT7of:disabled:after {
    display: none
}

html.theme-dark .roundButtonColor-xCeOT7of.disableThemes-xCeOT7of:disabled {
    color: #b8b8b8
}

.activated-xCeOT7of {
    --ui-lib-button-default-color-bg: #e3effd;
    --ui-lib-button-default-color-border: #e3effd;
    --ui-lib-button-default-color-content: #1e53e5
}

html.theme-dark .activated-xCeOT7of {
    --ui-lib-button-default-color-content: #bbd9fb;
    --ui-lib-button-default-color-border: #142e61;
    --ui-lib-button-default-color-bg: #142e61
}

.brand-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #2962ff;
    --ui-lib-button-default-color-border: #2962ff
}

.brand-xCeOT7of.primary-xCeOT7of,
html.theme-dark .brand-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .brand-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-border: #2962ff;
    --ui-lib-button-default-color-bg: #2962ff
}

@media (any-hover:hover) {
    .brand-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #1e53e5;
        --ui-lib-button-default-color-border: #1e53e5
    }
    .brand-xCeOT7of.primary-xCeOT7of:hover,
    html.theme-dark .brand-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .brand-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #1e53e5;
        --ui-lib-button-default-color-bg: #1e53e5
    }
}

.brand-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc
}

.brand-xCeOT7of.primary-xCeOT7of:active,
html.theme-dark .brand-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .brand-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-bg: #1848cc
}

html.theme-dark .brand-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #2962ff;
    --ui-lib-button-default-color-border: #2962ff;
    --ui-lib-button-default-color-content: #fff
}

@media (any-hover:hover) {
    html.theme-dark .brand-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #1e53e5;
        --ui-lib-button-default-color-border: #1e53e5;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .brand-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-content: #fff
}

.brand-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff
}

.brand-xCeOT7of.quiet-primary-xCeOT7of,
html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-content: #2962ff
}

html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-border: #000;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .brand-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #e3effd;
        --ui-lib-button-default-color-border: #e3effd;
        --ui-lib-button-default-color-content: #2962ff
    }
    html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #bbd9fb;
        --ui-lib-button-default-color-border: #142e61;
        --ui-lib-button-default-color-bg: #142e61
    }
}

.brand-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #bbd9fb;
    --ui-lib-button-default-color-border: #bbd9fb;
    --ui-lib-button-default-color-content: #1e53e5
}

html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #bbd9fb;
    --ui-lib-button-default-color-border: #143a87;
    --ui-lib-button-default-color-bg: #143a87
}

html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #2962ff
}

@media (any-hover:hover) {
    html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #e3effd;
        --ui-lib-button-default-color-border: #e3effd;
        --ui-lib-button-default-color-content: #2962ff
    }
}

html.theme-dark .brand-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #bbd9fb;
    --ui-lib-button-default-color-border: #bbd9fb;
    --ui-lib-button-default-color-content: #1e53e5
}

.brand-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #2962ff
}

.brand-xCeOT7of.secondary-xCeOT7of,
html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-content: #2962ff
}

html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-border: #2962ff;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .brand-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #1e53e5;
        --ui-lib-button-default-color-border: #1e53e5
    }
    .brand-xCeOT7of.secondary-xCeOT7of:hover,
    html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #1e53e5;
        --ui-lib-button-default-color-bg: #1e53e5
    }
}

.brand-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc
}

.brand-xCeOT7of.secondary-xCeOT7of:active,
html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-bg: #1848cc
}

html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #2962ff;
    --ui-lib-button-default-color-content: #2962ff
}

@media (any-hover:hover) {
    html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #1e53e5;
        --ui-lib-button-default-color-border: #1e53e5;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .brand-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-content: #fff
}

.brand-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000
}

.brand-xCeOT7of.ghost-xCeOT7of,
html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-content: #2962ff
}

html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .brand-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #2962ff
    }
    .brand-xCeOT7of.ghost-xCeOT7of:hover,
    html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #2962ff
    }
    html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #2962ff;
        --ui-lib-button-default-color-bg: #0000
    }
}

.brand-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc
}

.brand-xCeOT7of.ghost-xCeOT7of:active,
html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-bg: #1848cc
}

html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #2962ff
}

@media (any-hover:hover) {
    html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #2962ff;
        --ui-lib-button-default-color-content: #2962ff
    }
}

html.theme-dark .brand-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #1848cc;
    --ui-lib-button-default-color-border: #1848cc;
    --ui-lib-button-default-color-content: #fff
}

.gray-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #2e2e2e;
    --ui-lib-button-default-color-bg: #2e2e2e
}

@media (any-hover:hover) {
    .gray-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #ebebeb;
        --ui-lib-button-default-color-border: #ebebeb;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .gray-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #3d3d3d;
        --ui-lib-button-default-color-bg: #3d3d3d
    }
}

.gray-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #4a4a4a
}

html.theme-dark .gray-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .gray-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #ebebeb;
        --ui-lib-button-default-color-border: #ebebeb;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .gray-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

.gray-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .gray-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-bg: #2e2e2e
    }
}

.gray-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ebebeb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #3d3d3d
}

html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .gray-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ebebeb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

.gray-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #ebebeb;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-content: #dbdbdb;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .gray-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-bg: #2e2e2e
    }
}

.gray-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ebebeb;
    --ui-lib-button-default-color-border: #ebebeb;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #3d3d3d;
    --ui-lib-button-default-color-bg: #3d3d3d
}

html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #ebebeb;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .gray-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ebebeb;
    --ui-lib-button-default-color-border: #ebebeb;
    --ui-lib-button-default-color-content: #0f0f0f
}

.gray-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-content: #dbdbdb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .gray-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #ebebeb;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #4a4a4a;
        --ui-lib-button-default-color-bg: #0000
    }
}

.gray-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #2e2e2e;
    --ui-lib-button-default-color-bg: #2e2e2e
}

html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #ebebeb;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .gray-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

.red-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #f23645;
    --ui-lib-button-default-color-border: #f23645
}

.red-xCeOT7of.primary-xCeOT7of,
html.theme-dark .red-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .red-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-border: #f23645;
    --ui-lib-button-default-color-bg: #f23645
}

@media (any-hover:hover) {
    .red-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #cc2f3c;
        --ui-lib-button-default-color-border: #cc2f3c
    }
    .red-xCeOT7of.primary-xCeOT7of:hover,
    html.theme-dark .red-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .red-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #cc2f3c;
        --ui-lib-button-default-color-bg: #cc2f3c
    }
}

.red-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833
}

.red-xCeOT7of.primary-xCeOT7of:active,
html.theme-dark .red-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .red-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-bg: #b22833
}

html.theme-dark .red-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #f23645;
    --ui-lib-button-default-color-border: #f23645;
    --ui-lib-button-default-color-content: #fff
}

@media (any-hover:hover) {
    html.theme-dark .red-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #cc2f3c;
        --ui-lib-button-default-color-border: #cc2f3c;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .red-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-content: #fff
}

.red-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff
}

.red-xCeOT7of.quiet-primary-xCeOT7of,
html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-content: #f23645
}

html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-bg: #0f0f0f
}

@media (any-hover:hover) {
    .red-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2
    }
    .red-xCeOT7of.quiet-primary-xCeOT7of:hover,
    html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #f23645
    }
    html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-bg: #2e2e2e
    }
}

.red-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ffebec;
    --ui-lib-button-default-color-border: #ffebec
}

.red-xCeOT7of.quiet-primary-xCeOT7of:active,
html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #f23645
}

html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-border: #331f20;
    --ui-lib-button-default-color-bg: #331f20
}

html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #f23645
}

@media (any-hover:hover) {
    html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #f23645
    }
}

html.theme-dark .red-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #ffebec;
    --ui-lib-button-default-color-border: #ffebec;
    --ui-lib-button-default-color-content: #f23645
}

.red-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #f23645
}

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

html.theme-dark .red-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-border: #f23645;
    --ui-lib-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .red-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #cc2f3c;
        --ui-lib-button-default-color-border: #cc2f3c
    }
    .red-xCeOT7of.secondary-xCeOT7of:hover,
    html.theme-dark .red-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .red-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #cc2f3c;
        --ui-lib-button-default-color-bg: #cc2f3c
    }
}

.red-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833
}

.red-xCeOT7of.secondary-xCeOT7of:active,
html.theme-dark .red-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .red-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-bg: #b22833
}

html.theme-dark .red-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #f23645;
    --ui-lib-button-default-color-content: #f23645
}

@media (any-hover:hover) {
    html.theme-dark .red-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #cc2f3c;
        --ui-lib-button-default-color-border: #cc2f3c;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .red-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-content: #fff
}

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

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

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

@media (any-hover:hover) {
    .red-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #f23645
    }
    .red-xCeOT7of.ghost-xCeOT7of:hover,
    html.theme-dark .red-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #f23645
    }
    html.theme-dark .red-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-border: #f23645;
        --ui-lib-button-default-color-bg: #0000
    }
}

.red-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833
}

.red-xCeOT7of.ghost-xCeOT7of:active,
html.theme-dark .red-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .red-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-bg: #b22833
}

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

@media (any-hover:hover) {
    html.theme-dark .red-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #f23645;
        --ui-lib-button-default-color-content: #f23645
    }
}

html.theme-dark .red-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #b22833;
    --ui-lib-button-default-color-border: #b22833;
    --ui-lib-button-default-color-content: #fff
}

.black-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #0f0f0f;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .black-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-bg: #fff
}

@media (any-hover:hover) {
    .black-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #2e2e2e;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .black-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #0f0f0f;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-bg: #f2f2f2
    }
}

.black-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #4a4a4a;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .black-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-bg: #dbdbdb
}

html.theme-dark .black-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0f0f0f;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #fff
}

@media (any-hover:hover) {
    html.theme-dark .black-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #2e2e2e;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .black-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #4a4a4a;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-content: #fff
}

.black-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-content: #dbdbdb;
    --ui-lib-button-default-color-border: #000;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .black-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0f0f0f;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #0f0f0f;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-bg: #fff
    }
}

.black-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #2e2e2e;
    --ui-lib-button-default-color-border: #2e2e2e;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-bg: #f2f2f2
}

html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0f0f0f;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .black-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #2e2e2e;
    --ui-lib-button-default-color-border: #2e2e2e;
    --ui-lib-button-default-color-content: #fff
}

.black-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .black-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-bg: #000
}

@media (any-hover:hover) {
    .black-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #2e2e2e;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .black-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #0f0f0f;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-bg: #f2f2f2
    }
}

.black-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #4a4a4a;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .black-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-bg: #dbdbdb
}

html.theme-dark .black-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .black-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #2e2e2e;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .black-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #4a4a4a;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-content: #fff
}

.black-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .black-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-content: #dbdbdb;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .black-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .black-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-bg: #0000
    }
}

.black-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #2e2e2e;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .black-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-bg: #f2f2f2
}

html.theme-dark .black-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .black-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .black-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #2e2e2e;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #fff
}

.invertedblack-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-bg: #0f0f0f
}

@media (any-hover:hover) {
    .invertedblack-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-bg: #2e2e2e
    }
}

.invertedblack-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-bg: #4a4a4a
}

html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #0f0f0f
}

@media (any-hover:hover) {
    html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .invertedblack-xCeOT7of.primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-content: #0f0f0f
}

.invertedblack-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-bg: #000;
    --ui-lib-button-default-color-border: #000;
    --ui-lib-button-default-color-content: #dbdbdb
}

html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-bg: #fff
}

@media (any-hover:hover) {
    .invertedblack-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #fff;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-bg: #0f0f0f
    }
}

.invertedblack-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #2e2e2e;
    --ui-lib-button-default-color-bg: #2e2e2e
}

html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #000;
    --ui-lib-button-default-color-border: #000;
    --ui-lib-button-default-color-content: #dbdbdb
}

@media (any-hover:hover) {
    html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #fff;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .invertedblack-xCeOT7of.quiet-primary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #f2f2f2;
    --ui-lib-button-default-color-content: #0f0f0f
}

.invertedblack-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-bg: #000;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #fff
}

html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-bg: #fff
}

@media (any-hover:hover) {
    .invertedblack-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
    html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #fff;
        --ui-lib-button-default-color-border: #2e2e2e;
        --ui-lib-button-default-color-bg: #2e2e2e
    }
}

.invertedblack-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #4a4a4a;
    --ui-lib-button-default-color-bg: #4a4a4a
}

html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #000;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-content: #fff
}

@media (any-hover:hover) {
    html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #f2f2f2;
        --ui-lib-button-default-color-border: #f2f2f2;
        --ui-lib-button-default-color-content: #0f0f0f
    }
}

html.theme-dark .invertedblack-xCeOT7of.secondary-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #dbdbdb;
    --ui-lib-button-default-color-border: #dbdbdb;
    --ui-lib-button-default-color-content: #0f0f0f
}

.invertedblack-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #dbdbdb
}

html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of {
    --ui-lib-button-default-color-content: #0f0f0f;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-bg: #0000
}

@media (any-hover:hover) {
    .invertedblack-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-content: #fff
    }
    html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of:hover {
        --ui-lib-button-default-color-content: #0f0f0f;
        --ui-lib-button-default-color-border: #0f0f0f;
        --ui-lib-button-default-color-bg: #0000
    }
}

.invertedblack-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #0f0f0f
}

html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of:active {
    --ui-lib-button-default-color-content: #fff;
    --ui-lib-button-default-color-border: #fff;
    --ui-lib-button-default-color-bg: #2e2e2e
}

html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of {
    --ui-lib-button-default-color-bg: #0000;
    --ui-lib-button-default-color-border: #0000;
    --ui-lib-button-default-color-content: #dbdbdb
}

@media (any-hover:hover) {
    html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:hover {
        --ui-lib-button-default-color-bg: #0000;
        --ui-lib-button-default-color-border: #fff;
        --ui-lib-button-default-color-content: #fff
    }
}

html.theme-dark .invertedblack-xCeOT7of.ghost-xCeOT7of.disableThemes-xCeOT7of:active {
    --ui-lib-button-default-color-bg: #f2f2f2;
    --ui-lib-button-default-color-border: #0f0f0f;
    --ui-lib-button-default-color-content: #0f0f0f
}

.brand-xCeOT7of,
.gray-xCeOT7of,
html.theme-dark .brand-xCeOT7of,
html.theme-dark .gray-xCeOT7of {
    --ui-lib-button-default-color-focus-outline: #2962ff
}

.red-xCeOT7of,
html.theme-dark .red-xCeOT7of {
    --ui-lib-button-default-color-focus-outline: #f23645
}

.black-xCeOT7of,
.invertedblack-xCeOT7of,
html.theme-dark .black-xCeOT7of,
html.theme-dark .invertedblack-xCeOT7of {
    --ui-lib-button-default-color-focus-outline: #2962ff
}

.primary-xCeOT7of:disabled {
    background-color: #ebebeb;
    border-color: #ebebeb;
    color: #b8b8b8
}

html.theme-dark .primary-xCeOT7of:disabled {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #636363
}

.quiet-primary-xCeOT7of:disabled,
html.theme-dark .primary-xCeOT7of.disableThemes-xCeOT7of:disabled {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.quiet-primary-xCeOT7of:disabled {
    color: #b8b8b8
}

html.theme-dark .quiet-primary-xCeOT7of:disabled {
    background-color: #3d3d3d;
    border-color: #3d3d3d;
    color: #636363
}

html.theme-dark .quiet-primary-xCeOT7of.disableThemes-xCeOT7of:disabled {
    background-color: #ebebeb;
    border-color: #ebebeb
}

.secondary-xCeOT7of:disabled {
    background-color: initial;
    border-color: #ebebeb;
    color: #b8b8b8
}

html.theme-dark .secondary-xCeOT7of:disabled {
    background-color: initial;
    border-color: #3d3d3d;
    color: #636363
}

html.theme-dark .secondary-xCeOT7of.disableThemes-xCeOT7of:disabled {
    background-color: initial;
    border-color: #ebebeb
}

.ghost-xCeOT7of:disabled {
    background-color: initial;
    border-color: #0000;
    color: #b8b8b8
}

html.theme-dark .ghost-xCeOT7of:disabled {
    color: #636363
}

html.theme-dark .ghost-xCeOT7of.disableThemes-xCeOT7of:disabled,
html.theme-dark .ghost-xCeOT7of:disabled {
    background-color: initial;
    border-color: #0000
}

.animated-xCeOT7of {
    transition-duration: .2s;
    transition-property: border-color, background-color, color;
    transition-timing-function: ease-in-out
}

.animated-xCeOT7of:after {
    display: block;
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility 0s ease-in-out .2s;
    visibility: hidden
}

.animated-xCeOT7of:focus:after {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    visibility: visible
}

.animated-xCeOT7of:focus-visible:after {
    opacity: 1;
    transition: opacity .2s ease-in-out;
    visibility: visible
}

.animated-xCeOT7of:focus:not(:focus-visible):after {
    opacity: 0;
    transition: opacity .2s ease-in-out, visibility 0s ease-in-out .2s;
    visibility: hidden
}

.link-b4qVahJC {
    cursor: pointer
}