/*
 * Styles propres à la page de connexion (templates/security/login.html.twig).
 * Les composants partagés avec les autres écrans d'auth sont dans auth.css.
 */

/* ----- champs ----- */
.field input {
    width: 100%;
    background: #fff;
    border: 1.5px solid #e4dccb;
    border-radius: 7px;
    padding: 12px 14px 12px 44px;
    font-size: 15px;
    color: #2c2820;
    transition: 0.15s;
}
.field input::placeholder {
    color: #9c917f;
}
.field input:hover {
    border-color: #d6cab2;
}
.field input:focus {
    outline: none;
    border-color: #5e7355;
    box-shadow: 0 0 0 3px rgba(94, 115, 85, 0.16);
}
.field .ic {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #9c917f;
    pointer-events: none;
}
.field:focus-within .ic {
    color: #5e7355;
}
.eye {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    height: 32px;
    width: 32px;
    display: grid;
    place-items: center;
    border-radius: 6px;
    color: #9c917f;
    transition: 0.15s;
}
.eye:hover {
    color: #3f5039;
    background: #f4eee2;
}