.mot-de-passe-champ{--oeil-cible:44px;display:block;position:relative}
.mot-de-passe-champ input{min-height:calc(var(--oeil-cible) + var(--sp-2));padding-right:calc(var(--oeil-cible) + var(--sp-3))}
.mot-de-passe-oeil{position:absolute;right:var(--sp-1);top:50%;transform:translateY(-50%);width:var(--oeil-cible);height:var(--oeil-cible);padding:var(--sp-2);border:0;border-radius:var(--r-sm);background:transparent;color:var(--navy);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.mot-de-passe-oeil:hover,.mot-de-passe-oeil:focus-visible{background:var(--navy-tint)}
.mot-de-passe-oeil:focus-visible{outline:3px solid var(--todo);outline-offset:2px}
.mot-de-passe-oeil svg{width:var(--sp-5);height:var(--sp-5);pointer-events:none}
.mot-de-passe-oeil [hidden]{display:none}
.mot-de-passe-oeil::after{content:attr(aria-label);position:absolute;right:0;top:calc(100% + var(--sp-1));z-index:10;width:max-content;max-width:min(24rem,80vw);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);background:var(--tooltip-bg);color:var(--tooltip-text);font:var(--fs-label)/1.5 var(--font-sans);font-weight:700;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .12s,visibility 0s .12s}
.mot-de-passe-oeil:hover::after,.mot-de-passe-oeil:focus-visible::after{opacity:1;visibility:visible;transition-delay:.5s}
@media(prefers-reduced-motion:reduce){.mot-de-passe-oeil::after{transition-duration:0s}}