@charset "utf-8";
:root {
  --pass-color-bar-bg: #ccc;
  --pass-bar-height: 3px;
  --pass-bar-width: 99%;
  --pass-bar-offset-top: -4px;
  --pass-font-size-text: 12px;
  --pass-text-offset-top: -5px;
  --pass-percent-margin: 5px;
}
.pass-graybar {
  height: var(--pass-bar-height);
  background-color: var(--pass-color-bar-bg);
  width: var(--pass-bar-width);
  position: relative;
  margin: auto;
  top: var(--pass-bar-offset-top);
}
.pass-colorbar {
  height: var(--pass-bar-height);
  background-image: url(../passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}
.pass-percent,
.pass-text {
  font-size: var(--pass-font-size-text);
  position: absolute;
  margin-top: var(--pass-text-offset-top);
}
.pass-percent {
  margin-right: var(--pass-percent-margin);
}