.psc-password-input input,
.psc-password-repeat input {
    width: 60% !important;
}

.profile-registration .formrow .psc-password-input input,
.profile-registration .formrow .psc-password-repeat input {
    width: 100% !important;
}

.profile-registration .fieldinput {
    position: relative;
}

.psc-show-password input {
    float: left;
    margin-top: var(--mbase-spacer-xs);
}

.psc-show-password label {
    display: block;
    margin-left: var(--mbase-spacer-reg);
    padding-block: var(--mbase-spacer-xs);
    font-size: var(--mbase-txtSize-8);
    color: var(--mbase-clr-txt-body);
}

.psc-password-repeat {
    margin-top: var(--mbase-spacer-xs);
}

.psc-password-repeat span {
    display: block;
}

.psc-ps-text {
    transition: text-indent 0.25s ease-in-out;
    position: relative;
    display: inline-block;
    overflow: hidden;
    padding-block: var(--mbase-spacer-xxs);
    width: 40%;
    font-size: var(--mbase-txtSize-7);
    text-indent: calc(var(--mbase-spacer-xxxl) * -1);
    vertical-align: middle;
    white-space: nowrap;
}

.psc-ps-text::before,
.psc-ps-text::after {
    content: "";
    position: absolute;
    display: block;
    right: 100%;
    bottom: 0;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.05);
}

.psc-ps-text::before {
    transition: right 0.25s ease-in-out;
    left: var(--mbase-spacer-xs);
}

.psc-ps-text::after {
    transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1);
    left: 0;
}

span[class*="psc-password-strength"] .psc-ps-text {
    text-indent: 0;
}

span[class*="psc-password-strength"] .psc-ps-text::before {
    right: 0;
}

.psc-password-strength-weak .psc-ps-text::after {
    right: 75%;
    background-color: var(--mbase-clr-danger);
}

.psc-password-strength-fair .psc-ps-text::after {
    right: 50%;
    background-color: var(--mbase-clr-fair);
}

.psc-password-strength-strong .psc-ps-text::after {
    right: 25%;
    background-color: var(--mbase-clr-warning);
}

.psc-password-strength-verystrong .psc-ps-text:after {
    right: 0;
    background-color: var(--mbase-clr-success);
}

.pbuic-pr-no-match {
    color: var(--mbase-clr-danger);
}

.psc-invalid .psc-password-repeat input {
    border-color: var(--mbase-clr-danger-brdr) !important;
    background-color: var(--mbase-clr-danger-bg);
}