.fi-panel input,
.fi-panel textarea {
    font-variant-numeric: lining-nums tabular-nums;
    font-feature-settings: "lnum" 1, "tnum" 1;
}

.fi-one-time-code-input-ctn.login-otp-code-input {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.75rem;
    direction: ltr;
    width: 100%;
    height: 3.5rem;
}

.fi-one-time-code-input-ctn.login-otp-code-input > .fi-one-time-code-input-digit-field {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 0.5rem;
}

.fi-one-time-code-input-ctn.login-otp-code-input > .fi-one-time-code-input-digit-field > span {
    font-size: 1.45rem;
    font-weight: 700;
    line-height: 1;
}

.fi-one-time-code-input-ctn.login-otp-code-input > .fi-one-time-code-input-digit-field.fi-active,
.fi-one-time-code-input-ctn.login-otp-code-input > .fi-one-time-code-input-digit-field.fi-focused {
    border-color: rgb(34 197 94);
    box-shadow: 0 0 0 3px rgb(34 197 94 / 0.18);
}

.fi-one-time-code-input-ctn.login-otp-code-input .fi-one-time-code-input {
    inset: 0;
    direction: ltr;
    width: 100%;
    height: 100%;
    opacity: 0;
    letter-spacing: 0;
}

.login-otp-masked-email {
    display: inline-block;
    margin-top: 0.35rem;
    font-size: 0.875rem;
    color: rgb(107 114 128);
}

.login-otp-resend {
    margin-top: 0.75rem;
    text-align: center;
}

.login-otp-resend__button {
    color: rgb(37 99 235);
    font-size: 0.875rem;
    font-weight: 600;
}

.login-otp-resend__button--disabled {
    color: rgb(107 114 128);
    cursor: not-allowed;
}