:root{--password-spacing:1rem;--password-spacing-sm:0.5rem;--password-color-valid:var(--green-700);--password-color-error:var(--red-700);--password-color-neutral:var(--gray-700);--password-transition-standard:0.4s cubic-bezier(0.4, 0, 0.2, 1);--password-transition-fast:0.2s ease-out;--password-opacity-default:0.8;--password-opacity-active:1}.password-container{padding-bottom:var(--password-spacing)}.requirements-container{display:flex;flex-direction:column;justify-items:center;padding:0 var(--password-spacing);row-gap:var(--password-spacing-sm)}.requirement{display:flex;align-items:center;color:var(--password-color-neutral);column-gap:var(--password-spacing-sm);transition:color var(--password-transition-standard)}.requirement--valid,.requirement.valid{color:var(--password-color-valid)}.requirement--error,.requirement.error{color:var(--password-color-error)}.requirement .icon{opacity:var(--password-opacity-default);transition:color var(--password-transition-standard),transform var(--password-transition-standard),opacity var(--password-transition-standard)}.requirement--valid .icon,.requirement.valid .icon{opacity:var(--password-opacity-active);transform:rotate(-15deg)}.requirement--error .icon,.requirement.error .icon{opacity:var(--password-opacity-default);transform:rotate(0)}@media (prefers-reduced-motion:reduce){.requirement,.requirement .icon{transition-duration:.1s}}@media (prefers-color-scheme:dark){:root{--password-opacity-default:0.9}}