.password-validation-container{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.password-validation-container .requirements-grid{display:flex;gap:.5rem}.password-validation-container .requirements-grid .requirement-badge{width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;background-color:#f5f5f5;color:#bdc3c7;border-radius:50%;font-weight:700;font-size:1.25rem;cursor:help;transition:all .3s ease;border:1px solid #e0e0e0;box-shadow:0 1px 2px #0000001a;position:relative}.password-validation-container .requirements-grid .requirement-badge.met{background-color:#2ecc71;color:#fff;border-color:transparent;box-shadow:0 2px 4px #0003}.password-validation-container .requirements-grid .requirement-badge:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:.4rem .6rem;border-radius:4px;font-size:.75rem;white-space:nowrap;z-index:100;pointer-events:none;box-shadow:0 2px 5px #0003}.password-validation-container .requirements-grid .requirement-badge:hover:before{content:"";position:absolute;bottom:105%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#000000d9;z-index:100;pointer-events:none}.password-validation-container .strength-bar-container{flex-grow:1;height:.6rem;background-color:#e9ecef;border-radius:1rem;overflow:hidden;box-shadow:inset 0 1px 2px #0000001a}.password-validation-container .strength-bar-container .strength-bar-fill{height:100%;width:0;background-color:#e74c3c;transition:width .4s cubic-bezier(.25,.8,.25,1),background-color .4s ease}.password-validation-container .strength-bar-container .strength-bar-fill.weak{background-color:#e74c3c}.password-validation-container .strength-bar-container .strength-bar-fill.medium{background-color:#f1c40f}.password-validation-container .strength-bar-container .strength-bar-fill.strong{background-color:#2ecc71}