.field[data-controller="password-strength"] {
  position: relative;

  [data-password-strength-target="label"] {
    position: absolute;
    right: 0;
    width: auto;
  }

  &[data-password-score=""] [data-password-strength-target="passwordInput"] {
    background-color: #ff000088;
  }
  &[data-password-score="0"] [data-password-strength-target="passwordInput"] {
    background-color: #ff000088;
  }
  &[data-password-score="1"] [data-password-strength-target="passwordInput"] {
    background-color: #ff000088;
  }
  &[data-password-score="2"] [data-password-strength-target="passwordInput"] {
    background-color: #dd880088;
  }
  &[data-password-score="3"] [data-password-strength-target="passwordInput"] {
    background-color: #dddd0088;
  }
  &[data-password-score="4"] [data-password-strength-target="passwordInput"] {
    background-color: #9acd3288;
  }
  &[data-password-score="5"] [data-password-strength-target="passwordInput"] {
    background-color: #9acd32ff;
  }
}