.otp-field {
    display: flex;
}

.otp-field input {
    padding: .375rem .75rem !important;
    font-size: 1rem !important;
    font-weight: bolder !important;
    font-weight: 400 !important;
    width: 35px !important;
    height: 35px !important;
    text-align: center;
    margin: 3px;
    outline: none;
    transition: all 0.1s;
}

.otp-field input:focus {
    box-shadow: 0 0 2px 2px #26baff6a;
}

.disabled {
    opacity: 0.5;
}

.space {
    margin-right: 1rem !important;
}

.form-control:disabled {
    background-color: var(--bs-secondary-bg) !important;
    opacity: 1;
}