/* Arcendium password eye toggle */
.arc-has-password-toggle{
  position:relative !important;
}

.arc-has-password-toggle input[type="password"],
.arc-has-password-toggle input[type="text"][data-password-visible="1"]{
  padding-right:46px !important;
}

.arc-password-toggle{
  position:absolute;
  right:2px;
  top:50%;
  transform:translateY(-35%);
  width:38px;
  height:38px;
  border:0 !important;
  background:transparent !important;
  color:var(--text3, #64748b);
  display:flex;
  align-items:center;
  justify-content:center;
  cursor:pointer;
  border-radius:999px;
  box-shadow:none !important;
  z-index:5;
  transition:color .18s ease, background .18s ease, transform .18s ease;
}

.arc-password-toggle:hover{
  color:var(--accent, #00d4aa);
  background:rgba(0,212,170,.08) !important;
}

.arc-password-toggle svg{
  width:20px;
  height:20px;
}

.arc-password-toggle .eye-off{
  display:none;
}

.arc-password-toggle.is-visible .eye{
  display:none;
}

.arc-password-toggle.is-visible .eye-off{
  display:block;
}

/* Works with floating labels */
.arc-floating-field.arc-has-password-toggle label.arc-floating-label{
  max-width:calc(100% - 52px);
}