:root {
    --color-light-accent-primary: #ef3124;
    --color-light-accent-primary-hover: #e32a17;
    --color-light-accent-primary-press: #d72505;
    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06);
    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
    --color-light-neutral-translucent-300: rgba(15, 25, 55, 0.1);
    --color-light-text-primary: rgba(3, 3, 6, 0.88);
    --color-light-text-primary-hover: rgba(1, 1, 12, 0.63);
    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
    --color-light-text-tertiary: rgba(5, 8, 29, 0.38);
    --color-light-transparent-default: rgba(255, 255, 255, 0);
    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06);
    --color-light-transparent-default-press: rgba(30, 43, 68, 0.08);
    --color-static-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
    --color-static-text-primary-inverted: rgba(255, 255, 255, 0.94);
}
:root {
    --button-accent-base-bg-color: var(--color-light-accent-primary);
    --button-accent-hover-bg-color: var(--color-light-accent-primary-hover);
    --button-accent-active-bg-color: var(--color-light-accent-primary-press);
    --button-accent-disabled-bg-color: var(--color-light-neutral-translucent-100);
    --button-accent-color: var(--color-static-text-primary-inverted);
    --button-accent-disabled-color: var(--color-light-text-tertiary);
    --button-secondary-base-bg-color: var(--color-light-neutral-translucent-300);
    --button-secondary-base-border-color: transparent;
    --button-secondary-disabled-border-color: transparent;
    --button-secondary-color: var(--color-light-text-primary);
    --button-secondary-hint-color: var(--color-light-text-secondary);
    --button-outlined-base-bg-color: var(--color-light-transparent-default);
    --button-outlined-hover-bg-color: var(--color-light-transparent-default-hover);
    --button-outlined-active-bg-color: var(--color-light-transparent-default-press);
    --button-outlined-hover-border-color: var(--color-light-neutral-translucent-1300);
    --button-outlined-disabled-bg-color: var(--color-light-transparent-default);
    --button-outlined-base-border-color: var(--color-light-neutral-translucent-1300);
    --button-outlined-color: var(--color-light-text-primary);
    --button-outlined-hint-color: var(--color-light-text-secondary);
    --button-text-base-color: var(--color-light-text-primary);
    --button-text-base-hint-color: var(--color-light-text-secondary);
    --button-text-hover-color: var(--color-light-text-primary-hover);
    --button-transparent-base-color: var(--color-light-text-primary);
    --button-transparent-base-hint-color: var(--color-light-text-secondary);
    --button-transparent-hover-bg-color: var(--color-light-transparent-default-hover);
    --button-transparent-active-bg-color: var(--color-light-transparent-default-press);
    --button-spinner-static-color: var(--color-static-neutral-translucent-1300-inverted);
    --button-spinner-default-color: var(--color-light-neutral-translucent-1300);
}
.button__accent_1aq70 {
    color: var(--button-accent-color);
    background-color: var(--button-accent-base-bg-color);
    border: 1px solid transparent;
}
@media (hover: hover) {
        .button__accent_1aq70:hover {
            background-color: var(--button-accent-hover-bg-color);
        }
    }
.button__accent_1aq70:active {
        background-color: var(--button-accent-active-bg-color);
    }
.button__accent_1aq70 > .button__loader_1aq70 {
        color: var(--button-spinner-static-color);
    }
.button__primary_1aq70 {
    border: 1px solid transparent;
}
.button__secondary_1aq70 {
    color: var(--button-secondary-color);
    border: 1px solid var(--button-secondary-base-border-color);
}
.button__secondary_1aq70 > .button__loader_1aq70 {
        color: var(--button-spinner-default-color);
    }
.button__secondary_1aq70:not([disabled]) .button__hint_1aq70 {
        color: var(--button-secondary-hint-color);
    }
.button__outlined_1aq70 {
    color: var(--button-outlined-color);
    background-color: var(--button-outlined-base-bg-color);
    border: 1px solid var(--button-outlined-base-border-color);
}
@media (hover: hover) {
        .button__outlined_1aq70:hover {
            background-color: var(--button-outlined-hover-bg-color);
            border-color: var(--button-outlined-hover-border-color);
        }
    }
.button__outlined_1aq70:active {
        background-color: var(--button-outlined-active-bg-color);
    }
.button__outlined_1aq70 > .button__loader_1aq70 {
        color: var(--button-spinner-default-color);
    }
.button__outlined_1aq70:not([disabled]) .button__hint_1aq70 {
        color: var(--button-outlined-hint-color);
    }
.button__transparent_1aq70 {
    color: var(--button-transparent-base-color);
    background-color: transparent;
    border: 1px solid transparent;
}
@media (hover: hover) {
        .button__transparent_1aq70:hover {
            background-color: var(--button-transparent-hover-bg-color);
        }
    }
.button__transparent_1aq70:active {
        background-color: var(--button-transparent-active-bg-color);
    }
.button__transparent_1aq70 > .button__loader_1aq70 {
        color: var(--button-spinner-default-color);
    }
.button__transparent_1aq70:not([disabled]) .button__hint_1aq70 {
        color: var(--button-transparent-base-hint-color);
    }
.button__text_1aq70 {
    background-color: transparent;
    color: var(--button-text-base-color);
}
@media (hover: hover) {
        .button__text_1aq70:hover {
            color: var(--button-text-hover-color);
        }
    }
.button__text_1aq70 > .button__loader_1aq70 {
        color: var(--button-spinner-default-color);
    }
.button__text_1aq70:not([disabled]) .button__hint_1aq70 {
        color: var(--button-text-base-hint-color);
    }
.button__component_1aq70.button__accent_1aq70[disabled] {
        color: var(--button-accent-disabled-color);
        background-color: var(--button-accent-disabled-bg-color);
    }
.button__component_1aq70.button__accent_1aq70.button__loading_1aq70[disabled] {
            color: var(--button-accent-color);
            background-color: var(--button-accent-base-bg-color);
        }
.button__component_1aq70.button__secondary_1aq70[disabled] {
        border-color: var(--button-secondary-disabled-border-color);
    }
.button__component_1aq70.button__secondary_1aq70.button__loading_1aq70[disabled] {
            color: var(--button-secondary-color);
            background-color: var(--button-secondary-base-bg-color);
            border-color: var(--button-secondary-base-border-color);
        }
.button__component_1aq70.button__outlined_1aq70[disabled] {
        background-color: var(--button-outlined-disabled-bg-color);
    }
.button__component_1aq70.button__outlined_1aq70.button__loading_1aq70[disabled] {
            color: var(--button-outlined-color);
            border-color: var(--button-outlined-base-border-color);
        }
.button__component_1aq70.button__transparent_1aq70[disabled] {
        background-color: transparent;
    }
.button__component_1aq70.button__transparent_1aq70.button__loading_1aq70[disabled] {
            color: var(--button-transparent-base-color);
        }
.button__component_1aq70.button__text_1aq70.button__loading_1aq70[disabled] {
            color: var(--button-text-base-color);
        }