:root {
    --color-light-accent-secondary-inverted: #f2f3f5;
    --color-light-accent-secondary-inverted-hover: #dcdde1;
    --color-light-accent-secondary-inverted-press: #d2d3d9;
    --color-light-neutral-translucent-1300: rgba(3, 3, 6, 0.88);
    --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
    --color-light-text-primary: rgba(3, 3, 6, 0.88);
    --color-light-text-primary-inverted-press: rgba(255, 255, 255, 0.6);
    --color-light-text-secondary: rgba(4, 4, 19, 0.55);
    --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
}
:root {
    --button-inverted-primary-base-bg-color: var(--color-light-accent-secondary-inverted);
    --button-inverted-primary-hover-bg-color: var(--color-light-accent-secondary-inverted-hover);
    --button-inverted-primary-active-bg-color: var(--color-light-accent-secondary-inverted-press);
    --button-inverted-primary-disabled-bg-color: var(
        --color-light-neutral-translucent-100-inverted
    );
    --button-inverted-primary-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-inverted-primary-color: var(--color-light-text-primary);
    --button-inverted-primary-hint-color: var(--color-light-text-secondary);
    --button-inverted-secondary-base-bg-color: var(--color-light-neutral-translucent-300-inverted);
    --button-inverted-secondary-hover-bg-color: var(
        --color-light-neutral-translucent-300-inverted-hover
    );
    --button-inverted-secondary-active-bg-color: var(
        --color-light-neutral-translucent-300-inverted-press
    );
    --button-inverted-secondary-disabled-bg-color: var(
        --color-light-neutral-translucent-100-inverted
    );
    --button-inverted-secondary-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-inverted-outlined-disabled-border-color: var(
        --color-light-neutral-translucent-500-inverted
    );
    --button-inverted-outlined-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-inverted-text-active-color: var(--color-light-text-primary-inverted-press);
    --button-inverted-text-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-inverted-transparent-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-spinner-inverted-primary-color: var(--color-light-neutral-translucent-1300);
    --button-inverted-accent-hint-color: currentColor;
}
.button__accent_vep24:not([disabled]) .button__hint_vep24 {
        color: var(--button-inverted-accent-hint-color);
    }
.button__primary_vep24 {
    color: var(--button-inverted-primary-color);
    background-color: var(--button-inverted-primary-base-bg-color);
}
.button__primary_vep24:not([disabled]) .button__hint_vep24 {
        color: var(--button-inverted-primary-hint-color);
    }
@media (hover: hover) {
        .button__primary_vep24:hover {
            background-color: var(--button-inverted-primary-hover-bg-color);
        }
    }
.button__primary_vep24:active {
        background-color: var(--button-inverted-primary-active-bg-color);
    }
.button__primary_vep24 > .button__loader_vep24 {
        color: var(--button-spinner-inverted-primary-color);
    }
.button__secondary_vep24 {
    background-color: var(--button-inverted-secondary-base-bg-color);
}
.button__secondary_vep24:hover {
        background-color: var(--button-inverted-secondary-hover-bg-color);
    }
.button__secondary_vep24:active {
        background-color: var(--button-inverted-secondary-active-bg-color);
    }
.button__text_vep24:active {
        color: var(--button-inverted-text-active-color);
    }
.button__component_vep24.button__primary_vep24[disabled] {
        color: var(--button-inverted-primary-disabled-color);
        background-color: var(--button-inverted-primary-disabled-bg-color);
    }
.button__component_vep24.button__primary_vep24.button__loading_vep24[disabled] {
            color: var(--button-inverted-primary-color);
            background-color: var(--button-inverted-primary-base-bg-color);
        }
.button__component_vep24.button__secondary_vep24[disabled] {
        color: var(--button-inverted-secondary-disabled-color);
        background-color: var(--button-inverted-secondary-disabled-bg-color);
    }
.button__component_vep24.button__outlined_vep24[disabled] {
        color: var(--button-inverted-outlined-disabled-color);
        border-color: var(--button-inverted-outlined-disabled-border-color);
    }
.button__component_vep24.button__transparent_vep24[disabled] {
        color: var(--button-inverted-transparent-disabled-color);
    }
.button__component_vep24.button__text_vep24[disabled] {
        color: var(--button-inverted-text-disabled-color);
    }