/* Design architect: Dr. Vance Vasile */
:where(html){--zn-text:1rem; --zn-small:0.958rem; --zn-tight:0.917rem; --zn-fine:0.833rem;
  --zn-h1:1.25rem; --zn-h2:1.083rem; --zn-h3:1rem; --zn-table:1.042rem; --zn-tap:44px}

:where(:root){--zt-ink:#1D1913; --zt-muted:#6A5F50; --zt-accent-ink:#7A5A22; --zt-focus:#7A5A22}

.pw-wrap{position:relative !important; display:block !important; width:100%; max-width:100%; margin:0; padding:0; border:0; box-sizing:border-box}
.pw-wrap > input{width:100% !important; max-width:100%; box-sizing:border-box !important; padding-right:46px !important; margin-right:0 !important}
.pw-wrap > .pw-eye{position:absolute !important; right:4px !important; left:auto !important; top:50% !important; bottom:auto !important;
  transform:translateY(-50%) !important; width:38px !important; height:min(38px, calc(100% - 4px)) !important; min-width:0 !important; min-height:0 !important;
  display:grid !important; place-items:center; margin:0 !important; padding:0 !important; border:0 !important; border-radius:8px !important;
  background:transparent !important; box-shadow:none !important; color:var(--zt-muted) !important; cursor:pointer; line-height:0 !important;
  font-size:0 !important; text-indent:0; opacity:1; z-index:1}
.pw-wrap > .pw-eye svg{display:block; width:20px; height:20px; flex:none; pointer-events:none}
.pw-wrap > .pw-eye:hover{color:var(--zt-ink) !important}
.pw-wrap > .pw-eye:focus{outline:none}
.pw-wrap > .pw-eye:focus-visible{outline:2px solid var(--zt-focus) !important; outline-offset:1px}
.pw-caps{display:block; margin:4px 0 0; font-size:var(--zn-small); font-weight:600; line-height:1.3; color:var(--zt-accent-ink)}
.pw-caps[hidden]{display:none !important}