/* @group Modal DOBLE FACTOR */

.c-modal--two-factor .c-modal__wrapper {
	max-width: calc(482 / var(--font-default) * 1rem);
}

.c-modal--two-factor p {
    margin: 1.6rem 0 2rem;
}

.c-modal--two-factor .phone {
    font-size: calc(18 / var(--font-default) * 1rem);
    font-weight: var(--font-weight-normal);
    line-height: 1.4;
    margin-left: 0.4rem;
    padding: 0;
}

.c-modal--two-factor .code-inputs {
    display: flex;
    gap: calc(16 / var(--font-default) * 1rem);
    justify-content: center;
    margin-bottom: calc(16 / var(--font-default) * 1rem);
}

.c-modal--two-factor .code-input {
    border-radius: calc(8 / var(--font-default) * 1rem);
    border-width: calc(1 / var(--font-default) * 1rem);
    border-style: solid;
    border-color: var(--color-grey-medium);
    font-size: calc(20 / var(--font-default) * 1rem);
    height: calc(38 / var(--font-default) * 1rem);
    padding: 0;
    text-align: center;
    width: calc(32 / var(--font-default) * 1rem);
}

.c-modal--two-factor .code-input.error {
	border-color: var(--color-error);
}

.c-modal--two-factor .code-input:disabled {
    color: var(--color-grey-medium);
}

.c-modal--two-factor .c-button__container {
	display: flex;
	justify-content: center;
	margin-bottom: calc(8 / var(--font-default) * 1rem);
}