/* Password fields on Create Account and Reset Password: Show/Hide button, requirement
   checklist and strength bar (assets/js/password-rules.js). */
.pw-field{position:relative}
.pw-field .form-input{padding-right:3rem}
.pw-eye{position:absolute;right:.55rem;top:50%;transform:translateY(-50%);width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#87736a;cursor:pointer;transition:background .15s,color .15s}
.pw-eye:hover,.pw-eye:focus-visible{background:#f2ebe4;color:#90481e;outline:none}
.pw-eye .material-symbols-outlined{font-size:19px}
.pw-check{margin-top:.6rem}
.pw-meter{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.pw-meter span{height:4px;border-radius:999px;background:#e6dcd5;transition:background .2s}
.pw-meter[data-level="1"] span:nth-child(-n+1){background:#ba1a1a}
.pw-meter[data-level="2"] span:nth-child(-n+2){background:#c9791d}
.pw-meter[data-level="3"] span:nth-child(-n+3){background:#5c7b72}
.pw-meter[data-level="4"] span{background:#446259}
.pw-strength{margin-top:.4rem;font-size:.75rem;color:#87736a}
.pw-strength b{font-weight:700;color:#54433b}
.pw-strength[data-level="1"] b{color:#ba1a1a}
.pw-strength[data-level="2"] b{color:#a85f0d}
.pw-strength[data-level="3"] b,.pw-strength[data-level="4"] b{color:#2e4c44}
.pw-rules{margin-top:.35rem;display:flex;flex-direction:column;gap:.2rem}
.pw-rules li,.pw-match{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#87736a;transition:color .15s}
.pw-rules .material-symbols-outlined,.pw-match .material-symbols-outlined{font-size:17px}
.pw-rules li.is-met,.pw-match.is-met{color:#2e4c44}
.pw-rules li.is-met .material-symbols-outlined,.pw-match.is-met .material-symbols-outlined{color:#446259;font-variation-settings:'FILL' 1}
.pw-rules li.is-missing,.pw-match.is-missing{color:#ba1a1a}
.pw-match{margin-top:.5rem}