/* users/password-reveal.scss */
/* web-base/_colors.scss */
/* public-base/_bootstrap-lib.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_index.scss */
/* public-base/bootstrap-configuration/1-variables-defaults */
/* web-base/_colors.scss */
/* public-base/bootstrap_configuration/1-variables-defaults/_body.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_borders.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_buttons.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_cards.scss */
/* web-base/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_containers.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_dropdowns.scss */
/* web-base/bootstrap-3/_index.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_typography.scss */
/* users/password-reveal.scss */
/* web-base/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_labels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_panels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_popovers.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_forms.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_form-control.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_form-control.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_forms-validation.scss */
/* web-base/bootstrap-3/_index.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_typography.scss */
/* users/password-reveal.scss */
/* web-base/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_labels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_panels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_popovers.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_reboot.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_grid-columns.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_links.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_modals.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_options.scss */
/* web-base/bootstrap-3/_index.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_typography.scss */
/* users/password-reveal.scss */
/* web-base/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_labels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_panels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_popovers.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_popovers.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_reboot.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_tables.scss */
/* web-base/bootstrap-3/_index.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_typography.scss */
/* users/password-reveal.scss */
/* web-base/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_colors.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* web-base/bootstrap-3/_labels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_panels.scss */
/* users/password-reveal.scss */
/* web-base/bootstrap-3/_popovers.scss */
/* web-base/bootstrap-3/_breadcrumbs.scss */
/* public-base/bootstrap-configuration/1-variables-defaults/_typography.scss */
/* public-base/bootstrap_configuration/2-variables-changes/_index.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/2-variables-changes/_alert-theme.scss */
/* web-base/_functions.scss */
/* web-base/fonts/_encode_sans.scss */
/* web-base/fonts/_roboto.scss */
/* public-base/bootstrap_configuration/2-variables-changes/_reboot.scss */
/* public-base/bootstrap-configuration/3-maps-defaults.scss */
/* public-base/bootstrap-configuration/4-maps-changes.scss */
/* web-base/_functions.scss */
/* public-base/bootstrap-configuration/4-maps-changes/_breakpoints.scss */
/* web-base/_functions.scss */
/* public-base/bootstrap-configuration/4-maps-changes/_containers.scss */
/* public-base/bootstrap-configuration/4-maps-changes/_spacers.scss */
/* web-base/_colors.scss */
/* public-base/bootstrap-configuration/4-maps-changes/_utilities.scss */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

.pw-reveal {
  display: flex;
  align-items: stretch;
  width: 100%;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  transition: border-color 0.15s ease-in-out;
}
.pw-reveal:focus-within {
  border-color: #004ad6;
}
.pw-reveal .form-control {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  padding-right: 0.25rem;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.pw-reveal .form-control:focus {
  border: 0;
  outline: 0;
  box-shadow: none;
}

.pw-reveal:has(.form-control.is-invalid) {
  border-color: var(--bs-form-invalid-border-color);
}
.pw-reveal:has(.form-control.is-invalid) .form-control {
  border: 0;
  background-image: none;
  box-shadow: none;
}

.pw-reveal:has(.form-control.is-invalid) + .invalid-feedback {
  display: block;
}

.pw-reveal-btn {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 14px;
  color: #585858;
  background: transparent;
  border: 0;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
}
.pw-reveal-btn:hover {
  color: #222;
  background-color: #eee;
}
.pw-reveal-btn:focus {
  color: #004ad6;
  outline: 2px solid #004ad6;
  outline-offset: -2px;
}
.pw-reveal-btn:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.pw-reveal-btn svg {
  display: block;
  width: 20px;
  height: 20px;
}
.pw-reveal-btn .pw-reveal-icon-off {
  display: none;
}
.pw-reveal-btn[aria-pressed=true] .pw-reveal-icon-on {
  display: none;
}
.pw-reveal-btn[aria-pressed=true] .pw-reveal-icon-off {
  display: block;
}

/*# sourceMappingURL=password-reveal.scss.post.css.map */