:root {
    --color-light-accent-secondary: #212124;
    --color-light-accent-secondary-hover: #2f2f32;
    --color-light-accent-secondary-press: #353539;
    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
    --color-light-neutral-translucent-100-press: rgba(5, 12, 41, 0.14);
    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
    --color-light-neutral-translucent-500: rgba(9, 12, 37, 0.28);
    --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
    --color-light-text-primary-press: rgba(4, 4, 19, 0.55);
    --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
    --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
}
:root {
    --button-primary-hint-color: var(--color-light-text-secondary-inverted);
    --button-primary-mobile-base-bg-color: var(--color-light-accent-secondary);
    --button-primary-mobile-hover-bg-color: var(--color-light-accent-secondary-hover);
    --button-primary-mobile-active-bg-color: var(--color-light-accent-secondary-press);
    --button-primary-mobile-color: var(--color-light-text-primary-inverted);
    --button-primary-mobile-disabled-color: var(--color-light-text-tertiary);
    --button-primary-mobile-disabled-bg-color: var(--color-light-neutral-translucent-100);
    --button-secondary-mobile-base-bg-color: var(--color-light-neutral-translucent-100);
    --button-secondary-mobile-active-bg-color: var(--color-light-neutral-translucent-100-press);
    --button-secondary-mobile-disabled-bg-color: var(--color-light-neutral-translucent-100);
    --button-secondary-mobile-disabled-color: var(--color-light-text-tertiary);
    --button-outlined-mobile-disabled-border-color: var(--color-light-neutral-translucent-500);
    --button-outlined-mobile-disabled-color: var(--color-light-text-tertiary);
    --button-transparent-mobile-disabled-color: var(--color-light-text-tertiary);
    --button-text-mobile-active-color: var(--color-light-text-primary-press);
    --button-text-mobile-disabled-color: var(--color-light-text-tertiary);
    --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
    --button-accent-hint-color: currentColor;
    --button-mobile-primary-hint-color: var(--button-primary-hint-color);
    --button-mobile-accent-hint-color: var(--button-accent-hint-color);
}
.button__accent_1bs8v:not([disabled]) .button__hint_1bs8v {
        color: var(--button-mobile-accent-hint-color);
    }
.button__primary_1bs8v {
    color: var(--button-primary-mobile-color);
    background-color: var(--button-primary-mobile-base-bg-color);
}
.button__primary_1bs8v:not([disabled]) .button__hint_1bs8v {
        color: var(--button-mobile-primary-hint-color);
    }
@media (hover: hover) {
        .button__primary_1bs8v:hover {
            background-color: var(--button-primary-mobile-hover-bg-color);
        }
    }
.button__primary_1bs8v:active {
        background-color: var(--button-primary-mobile-active-bg-color);
    }
.button__primary_1bs8v > .button__loader_1bs8v {
        color: var(--button-spinner-primary-mobile-color);
    }
.button__secondary_1bs8v {
    background-color: var(--button-secondary-mobile-base-bg-color);
}
.button__secondary_1bs8v:active {
        background-color: var(--button-secondary-mobile-active-bg-color);
    }
.button__text_1bs8v:active {
        color: var(--button-text-mobile-active-color);
    }
.button__component_1bs8v.button__primary_1bs8v[disabled] {
        color: var(--button-primary-mobile-disabled-color);
        background-color: var(--button-primary-mobile-disabled-bg-color);
    }
.button__component_1bs8v.button__primary_1bs8v.button__loading_1bs8v[disabled] {
            color: var(--button-primary-mobile-color);
            background-color: var(--button-primary-mobile-base-bg-color);
        }
.button__component_1bs8v.button__secondary_1bs8v[disabled] {
        color: var(--button-secondary-mobile-disabled-color);
        background-color: var(--button-secondary-mobile-disabled-bg-color);
    }
.button__component_1bs8v.button__outlined_1bs8v[disabled] {
        color: var(--button-outlined-mobile-disabled-color);
        border-color: var(--button-outlined-mobile-disabled-border-color);
    }
.button__component_1bs8v.button__transparent_1bs8v[disabled] {
        color: var(--button-transparent-mobile-disabled-color);
    }
.button__component_1bs8v.button__text_1bs8v[disabled] {
        color: var(--button-text-mobile-disabled-color);
    }