/* Ensure container has enough height */

.password-container {
  position: relative;
  width: 100%;
  margin-bottom: 1.25rem;
}

/* Ensure input leaves space for the eye icon */

.password-container input {
  padding-right: 3rem;
}

/* Position the eye icon */

.toggle-icon {
  position: absolute;
  right: 0.4rem;
  top: 50%;
  transform: translateY(-50%);
  height: 2.2rem;
  width: 2.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
  user-select: none;
}