/*
 * Sorivelo password field (handoff 5.1; design/Login): an sv-input box
 * with the password and a show/hide icon button at its right end.
 * Behavior and markup: static/sv/password.js.
 */

/* The button sits in the box's right padding, like the design's 4px-padded eye */
.sv-password > .sv-password-toggle {
  margin-right: -2px;
  color: var(--ink-caption);
}

.sv-password > .sv-password-toggle:hover:not(:disabled) {
  color: var(--ink);
}

/* One eye at a time: open while hidden (click shows), crossed out while shown */
.sv-password .sv-password-hide,
.sv-password.sv-password-shown .sv-password-show {
  display: none;
}

.sv-password.sv-password-shown .sv-password-hide {
  display: inline-block;
}