.wsf-form [data-type="password"] .wsf-input-group-append svg path {
  fill: var(--wsf-field-password-icon-color);
}

.wsf-form input.wsf-field[data-password-strength-meter] {
  -webkit-padding-end: calc((var(--wsf-field-padding-horizontal) * 2) + var(--wsf-field-password-strength-meter-disc-size));
  padding-inline-end: calc((var(--wsf-field-padding-horizontal) * 2) + var(--wsf-field-password-strength-meter-disc-size));
}

.wsf-form input.wsf-field[data-password-strength-meter] + ul {
  display: inline-block;
  list-style-type: none !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none;
  position: relative;
  right: calc(var(--wsf-field-padding-horizontal) + var(--wsf-field-password-strength-meter-disc-size));
  top: calc((var(--wsf-field-height) - ((var(--wsf-field-password-strength-meter-disc-size) * 3) + (var(--wsf-field-password-strength-meter-disc-gap) * 2))) / 2);
  vertical-align: top;
  width: 0;
}

.wsf-form input.wsf-field[data-password-strength-meter] + ul li {
  border-color: var(--wsf-field-password-strength-meter-disc-color);
  border-radius: 50%;
  border-style: solid;
  border-width: calc(var(--wsf-field-password-strength-meter-disc-size) * 0.5);
  list-style-type: none !important;
}

.wsf-form input.wsf-field[data-password-strength-meter] + ul li:not(:last-child) {
  margin-bottom: var(--wsf-field-password-strength-meter-disc-gap);
}

.wsf-form input.wsf-field[data-password-strength-meter='danger'] + ul li:nth-child(3) {
  border-color: var(--wsf-field-password-strength-meter-disc-color-danger);
}

.wsf-form input.wsf-field[data-password-strength-meter='warning'] + ul li:not(:first-child) {
  border-color: var(--wsf-field-password-strength-meter-disc-color-warning);
}

.wsf-form input.wsf-field[data-password-strength-meter='success'] + ul li {
  border-color: var(--wsf-field-password-strength-meter-disc-color-success);
}

.wsf-form input.wsf-field:not([data-password-strength-meter]) ul {
  display: none;
}

.wsf-form.wsf-rtl input[type=password].wsf-field[data-password-strength-meter] + ul {
  left: calc(var(--wsf-field-padding-horizontal) + var(--wsf-field-password-strength-meter-disc-size));
  right: auto;
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] [data-type="password"] .wsf-input-group-append svg path {
  fill: var(--wsf-field-password-icon-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input.wsf-field[data-password-strength-meter] + ul li {
  border-color: var(--wsf-field-password-strength-meter-disc-color-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input.wsf-field[data-password-strength-meter='danger'] + ul li:nth-child(3) {
  border-color: var(--wsf-field-password-strength-meter-disc-color-danger-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input.wsf-field[data-password-strength-meter='warning'] + ul li:not(:first-child) {
  border-color: var(--wsf-field-password-strength-meter-disc-color-warning-alt);
}

html.wsf-styler-scheme-alt .wsf-form[data-wsf-style-has-alt] input.wsf-field[data-password-strength-meter='success'] + ul li {
  border-color: var(--wsf-field-password-strength-meter-disc-color-success-alt);
}