/* JOBIX_MOBILE_PWA_V195R4R4R3_LOGIN_UX */
.jx-login-password-wrap{
  position:relative;
  display:block;
  width:100%;
}
.jx-login-password-wrap>input{
  width:100%;
  padding-right:3.25rem!important;
  box-sizing:border-box;
}
.jx-login-password-toggle{
  position:absolute;
  top:50%;
  right:.55rem;
  transform:translateY(-50%);
  width:2.5rem;
  height:2.5rem;
  display:grid;
  place-items:center;
  border:0;
  border-radius:.75rem;
  background:transparent;
  color:#52657a;
  cursor:pointer;
  padding:0;
  margin:0;
  z-index:2;
  -webkit-tap-highlight-color:transparent;
}
.jx-login-password-toggle:hover{background:#eef4fb;color:#0f2740}
.jx-login-password-toggle:focus-visible{outline:3px solid rgba(37,99,235,.28);outline-offset:2px}
.jx-login-password-toggle svg{width:1.35rem;height:1.35rem;display:block}
.jx-login-password-toggle .jx-eye-off{display:none}
.jx-login-password-toggle[aria-pressed="true"] .jx-eye-on{display:none}
.jx-login-password-toggle[aria-pressed="true"] .jx-eye-off{display:block}
.jx-login-overlay{
  position:fixed;
  inset:0;
  z-index:2147483646;
  display:none;
  place-items:center;
  padding:1.25rem;
  background:rgba(7,26,47,.72);
  -webkit-backdrop-filter:blur(7px);
  backdrop-filter:blur(7px);
}
.jx-login-overlay.is-visible{display:grid}
.jx-login-overlay-card{
  width:min(24rem,calc(100vw - 2.5rem));
  display:flex;
  align-items:center;
  gap:1rem;
  padding:1.15rem 1.25rem;
  border:1px solid rgba(255,255,255,.45);
  border-radius:1.15rem;
  background:#fff;
  color:#0f2740;
  box-shadow:0 1.5rem 4rem rgba(0,0,0,.25);
}
.jx-login-overlay-copy{display:grid;gap:.2rem;line-height:1.3}
.jx-login-overlay-copy strong{font-size:1rem}
.jx-login-overlay-copy span{font-size:.86rem;color:#64748b}
.jx-login-spinner{
  width:1.7rem;
  height:1.7rem;
  flex:0 0 auto;
  border:.2rem solid #dbe7f5;
  border-top-color:#1769e0;
  border-radius:50%;
  animation:jx-login-spin .8s linear infinite;
}
form[aria-busy="true"] button[type="submit"]{opacity:.72;cursor:wait;pointer-events:none}
@keyframes jx-login-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.jx-login-spinner{animation-duration:1.6s}}