.yb-pw-host {
  position: relative;
}

input.yb-pw-input {
  padding-right: 2.75rem !important;
}

.yb-pw-toggle {
  position: absolute;
  top: 50%;
  right: 0.35rem;
  transform: translateY(-50%);
  z-index: 3;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: 999px;
  background: transparent;
  color: #71717a;
  cursor: pointer;
  line-height: 0;
}

.yb-pw-toggle:hover,
.yb-pw-toggle:focus-visible {
  color: #d9530c;
  background: #fff1e6;
  outline: none;
}

.yb-pw-toggle svg {
  width: 18px;
  height: 18px;
}

html.dark-mode .yb-pw-toggle {
  color: #a1a1aa;
}

html.dark-mode .yb-pw-toggle:hover,
html.dark-mode .yb-pw-toggle:focus-visible {
  color: #ff8a3d;
  background: #272727;
}