:root {
    --color-light-accent-primary-inverted: #f83a2a;
    --color-light-accent-primary-inverted-hover: #ff503e;
    --color-light-accent-primary-inverted-press: #fd624e;
    --color-light-neutral-translucent-100-inverted: rgba(214, 214, 229, 0.07);
    --color-light-neutral-translucent-1300-inverted: rgba(255, 255, 255, 0.94);
    --color-light-neutral-translucent-300-inverted: rgba(222, 222, 238, 0.13);
    --color-light-text-primary-inverted: rgba(255, 255, 255, 0.94);
    --color-light-text-primary-inverted-hover: rgba(255, 255, 255, 0.7);
    --color-light-text-secondary-inverted: rgba(238, 238, 251, 0.55);
    --color-light-text-tertiary-inverted: rgba(233, 233, 250, 0.37);
    --color-light-transparent-default: rgba(255, 255, 255, 0);
    --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-inverted-accent-base-bg-color: var(--color-light-accent-primary-inverted);
    --button-inverted-accent-hover-bg-color: var(--color-light-accent-primary-inverted-hover);
    --button-inverted-accent-active-bg-color: var(--color-light-accent-primary-inverted-press);
    --button-inverted-accent-disabled-bg-color: var(--color-light-neutral-translucent-100-inverted);
    --button-inverted-accent-disabled-color: var(--color-light-text-tertiary-inverted);
    --button-inverted-accent-color: var(--color-static-text-primary-inverted);
    --button-inverted-secondary-base-bg-color: var(--color-light-neutral-translucent-300-inverted);
    --button-inverted-secondary-base-border-color: transparent;
    --button-inverted-secondary-disabled-border-color: transparent;
    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
    --button-inverted-secondary-hint-color: var(--color-light-text-secondary-inverted);
    --button-inverted-outlined-base-bg-color: var(--color-light-transparent-default);
    --button-inverted-outlined-hover-bg-color: var(
        --color-light-transparent-default-inverted-hover
    );
    --button-inverted-outlined-active-bg-color: var(
        --color-light-transparent-default-inverted-press
    );
    --button-inverted-outlined-hover-border-color: var(
        --color-light-neutral-translucent-1300-inverted
    );
    --button-inverted-outlined-disabled-bg-color: var(--color-light-transparent-default);
    --button-inverted-outlined-base-border-color: var(
        --color-light-neutral-translucent-1300-inverted
    );
    --button-inverted-outlined-color: var(--color-light-text-primary-inverted);
    --button-inverted-outlined-hint-color: var(--color-light-text-secondary-inverted);
    --button-inverted-text-base-color: var(--color-light-text-primary-inverted);
    --button-inverted-text-base-hint-color: var(--color-light-text-secondary-inverted);
    --button-inverted-text-hover-color: var(--color-light-text-primary-inverted-hover);
    --button-inverted-transparent-base-color: var(--color-light-text-primary-inverted);
    --button-inverted-transparent-base-hint-color: var(--color-light-text-secondary-inverted);
    --button-inverted-transparent-hover-bg-color: var(
        --color-light-transparent-default-inverted-hover
    );
    --button-inverted-transparent-active-bg-color: var(
        --color-light-transparent-default-inverted-press
    );
    --button-spinner-inverted-static-color: var(--color-static-neutral-translucent-1300-inverted);
    --button-spinner-inverted-color: var(--color-light-neutral-translucent-1300-inverted);
}
.button__accent_1t4pk {
    color: var(--button-inverted-accent-color);
    background-color: var(--button-inverted-accent-base-bg-color);
    border: 1px solid transparent;
}
@media (hover: hover) {
        .button__accent_1t4pk:hover {
            background-color: var(--button-inverted-accent-hover-bg-color);
        }
    }
.button__accent_1t4pk:active {
        background-color: var(--button-inverted-accent-active-bg-color);
    }
.button__accent_1t4pk > .button__loader_1t4pk {
        color: var(--button-spinner-inverted-static-color);
    }
.button__primary_1t4pk {
    border: 1px solid transparent;
}
.button__secondary_1t4pk {
    color: var(--button-inverted-secondary-color);
    border: 1px solid var(--button-inverted-secondary-base-border-color);
}
.button__secondary_1t4pk > .button__loader_1t4pk {
        color: var(--button-spinner-inverted-color);
    }
.button__secondary_1t4pk:not([disabled]) .button__hint_1t4pk {
        color: var(--button-inverted-secondary-hint-color);
    }
.button__outlined_1t4pk {
    color: var(--button-inverted-outlined-color);
    background-color: var(--button-inverted-outlined-base-bg-color);
    border: 1px solid var(--button-inverted-outlined-base-border-color);
}
@media (hover: hover) {
        .button__outlined_1t4pk:hover {
            background-color: var(--button-inverted-outlined-hover-bg-color);
            border-color: var(--button-inverted-outlined-hover-border-color);
        }
    }
.button__outlined_1t4pk:active {
        background-color: var(--button-inverted-outlined-active-bg-color);
    }
.button__outlined_1t4pk > .button__loader_1t4pk {
        color: var(--button-spinner-inverted-color);
    }
.button__outlined_1t4pk:not([disabled]) .button__hint_1t4pk {
        color: var(--button-inverted-outlined-hint-color);
    }
.button__transparent_1t4pk {
    color: var(--button-inverted-transparent-base-color);
    background-color: transparent;
    border: 1px solid transparent;
}
@media (hover: hover) {
        .button__transparent_1t4pk:hover {
            background-color: var(--button-inverted-transparent-hover-bg-color);
        }
    }
.button__transparent_1t4pk:active {
        background-color: var(--button-inverted-transparent-active-bg-color);
    }
.button__transparent_1t4pk > .button__loader_1t4pk {
        color: var(--button-spinner-inverted-color);
    }
.button__transparent_1t4pk:not([disabled]) .button__hint_1t4pk {
        color: var(--button-inverted-transparent-base-hint-color);
    }
.button__text_1t4pk {
    background-color: transparent;
    color: var(--button-inverted-text-base-color);
}
@media (hover: hover) {
        .button__text_1t4pk:hover {
            color: var(--button-inverted-text-hover-color);
        }
    }
.button__text_1t4pk > .button__loader_1t4pk {
        color: var(--button-spinner-inverted-color);
    }
.button__text_1t4pk:not([disabled]) .button__hint_1t4pk {
        color: var(--button-inverted-text-base-hint-color);
    }
.button__component_1t4pk.button__accent_1t4pk[disabled] {
        color: var(--button-inverted-accent-disabled-color);
        background-color: var(--button-inverted-accent-disabled-bg-color);
    }
.button__component_1t4pk.button__accent_1t4pk.button__loading_1t4pk[disabled] {
            color: var(--button-inverted-accent-color);
            background-color: var(--button-inverted-accent-base-bg-color);
        }
.button__component_1t4pk.button__secondary_1t4pk[disabled] {
        border-color: var(--button-inverted-secondary-disabled-border-color);
    }
.button__component_1t4pk.button__secondary_1t4pk.button__loading_1t4pk[disabled] {
            color: var(--button-inverted-secondary-color);
            background-color: var(--button-inverted-secondary-base-bg-color);
            border-color: var(--button-inverted-secondary-base-border-color);
        }
.button__component_1t4pk.button__outlined_1t4pk[disabled] {
        background-color: var(--button-inverted-outlined-disabled-bg-color);
    }
.button__component_1t4pk.button__outlined_1t4pk.button__loading_1t4pk[disabled] {
            color: var(--button-inverted-outlined-color);
        }
.button__component_1t4pk.button__transparent_1t4pk[disabled] {
        background-color: transparent;
    }
.button__component_1t4pk.button__transparent_1t4pk.button__loading_1t4pk[disabled] {
            color: var(--button-inverted-transparent-base-color);
        }
.button__component_1t4pk.button__text_1t4pk.button__loading_1t4pk[disabled] {
            color: var(--button-inverted-text-base-color);
        }