/* Positioning */
/* Box Model */
/* Typography */
/* Visuals */
/* Transitions & Animations */
/* Miscellaneous */
/* Media Queries */
/* Base Styles */
/* Main Styles */
/* Novera Logo */
/* Registration Form */
/* Form Fields */
/* Hover */
/* Focus */

/* ------------------------------------------------------------------------------ */

.form_field__label small {
    /* Typography */
    font-family: var(--font-family-primary);
    font-size: 0.7rem;
    color: var(--neutral-color-400);
}

/* Input Field */

.form_field__field.input input {
    /* Box Model */
    height: 1.5rem;
    padding: 0.3rem;
    border: 1px solid var(--primary-input-border);
}

/* Mobile Styles */
@media (max-width: 932px) {
    .form_field__field.input input {
        /* Box Model */
        width: 20rem;
    }
}

/* Desktop styles */
@media (min-width: 932px) {
    .form_field__field.input input {
        /* Box Model */
        width: 40rem;
    }
}

.form_field__field.input input:hover {
    /* Box Model */
    border: 1px solid var(--neutral-color-400);
}

.form_field__field.input input:focus {
    /* Box Model */
    border: 1px solid var(--neutral-color-black-000);
    outline: none;
}

.form_field__help_text {
    /* Typography */
    color: var(--neutral-color-400);
}

.form_error {
    /* Typography */
    color: var(--neutral-color-red--100);
}

/* ------------------------------------------------------------------------------ */