/* Phase 20.5.10.2 — Password Visibility Toggle Eye UX for Auth Forms */
.mk-password-field-v205102{
  position:relative !important;
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}
.mk-password-field-v205102 > input[type="password"],
.mk-password-field-v205102 > input[type="text"].mk-password-input-v205102{
  width:100% !important;
  box-sizing:border-box !important;
  padding-inline-end:54px !important;
}
.mk-password-toggle-v205102{
  position:absolute !important;
  inset-block:50% auto !important;
  inset-inline-end:12px !important;
  transform:translateY(-50%) !important;
  width:34px !important;
  height:34px !important;
  border:0 !important;
  border-radius:12px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  cursor:pointer !important;
  background:rgba(15,23,42,.06) !important;
  color:#0f172a !important;
  box-shadow:none !important;
  padding:0 !important;
  z-index:3 !important;
  transition:background .16s ease, transform .16s ease, color .16s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}
.mk-password-toggle-v205102:hover{background:rgba(124,58,237,.12) !important;color:#6d28d9 !important;}
.mk-password-toggle-v205102:active{transform:translateY(-50%) scale(.96) !important;}
.mk-password-toggle-v205102:focus-visible{outline:3px solid rgba(124,58,237,.28) !important;outline-offset:2px !important;}
.mk-password-toggle-v205102 svg{width:19px !important;height:19px !important;display:block !important;pointer-events:none !important;}
.mk-password-toggle-v205102 .mk-eye-off-v205102{display:none !important;}
.mk-password-field-v205102.mk-password-visible-v205102 .mk-eye-on-v205102{display:none !important;}
.mk-password-field-v205102.mk-password-visible-v205102 .mk-eye-off-v205102{display:block !important;}
.mk-password-field-v205102.mk-password-visible-v205102 .mk-password-toggle-v205102{background:rgba(34,197,94,.12) !important;color:#047857 !important;}
.auth-card-pro .mk-password-field-v205102,
.login-main-form-v51 .mk-password-field-v205102,
.register-form .mk-password-field-v205102,
form .mk-password-field-v205102{margin:0 !important;}
.mk-password-field-v205102 input::placeholder{opacity:.82;}
@media (max-width:640px){
  .mk-password-toggle-v205102{width:32px !important;height:32px !important;inset-inline-end:10px !important;border-radius:11px !important;}
  .mk-password-field-v205102 > input[type="password"],
  .mk-password-field-v205102 > input[type="text"].mk-password-input-v205102{padding-inline-end:50px !important;}
}
html.marketak-dark .mk-password-toggle-v205102,
body.marketak-dark .mk-password-toggle-v205102,
.dark .mk-password-toggle-v205102{
  background:rgba(255,255,255,.10) !important;
  color:#e5e7eb !important;
}
html.marketak-dark .mk-password-toggle-v205102:hover,
body.marketak-dark .mk-password-toggle-v205102:hover,
.dark .mk-password-toggle-v205102:hover{background:rgba(167,139,250,.22) !important;color:#fff !important;}