:root{--md-password-input-strength-height:4px}.password-input .text-field__label{max-width:calc(100% - var(--md-input-icon-area) - var(--md-spacing-3))}.password-input{align-items:center;display:flex;position:relative}.password-input__input{padding-right:calc(var(--md-input-icon-area) + var(--md-spacing-2))}.password-input__toggle{right:var(--md-spacing-1);width:var(--md-button-height-small);height:var(--md-button-height-small);border-radius:var(--md-shape-full);color:var(--md-on-surface-variant);cursor:pointer;transition:background-color var(--md-motion-duration-short) var(--md-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.password-input__toggle:hover{background-color:var(--md-surface-container-high)}.password-input__icon{font-size:var(--md-icon-size-medium);transition:opacity var(--md-motion-duration-short) var(--md-motion-easing-standard);position:absolute}.password-input__icon--hide,.password-input__toggle.password-input__toggle--visible .password-input__icon--show{opacity:0}.password-input__toggle.password-input__toggle--visible .password-input__icon--hide{opacity:1}.password-strength{margin-top:var(--md-spacing-1)}.password-strength__bar{height:var(--md-password-input-strength-height);background-color:var(--md-surface-container-high);border-radius:var(--md-shape-full);overflow:hidden}.password-strength__fill{background-color:var(--md-error);width:0%;height:100%;transition:width var(--md-motion-duration-medium) var(--md-motion-easing-standard), background-color var(--md-motion-duration-medium) var(--md-motion-easing-standard)}.password-strength--weak .password-strength__fill{background-color:var(--md-error);width:33%}.password-strength--medium .password-strength__fill{background-color:var(--md-warning);width:66%}.password-strength--strong .password-strength__fill{background-color:var(--md-primary);width:100%}.password-strength__text{font-size:var(--md-body-small-size);color:var(--md-on-surface-variant);margin-top:0}
