form{align-items:center;display:flex;flex-direction:column;margin-top:1rem;width:100%}form button{margin:4rem auto 2.5rem}.validated-form input{margin-bottom:-.5rem;z-index:1}input.invalid,input.invalid:focus{border-color:var(--danger-1)}.validation-error{align-items:flex-end;background-color:var(--danger-1);border-radius:0 0 4px 4px;color:#fff;display:flex;flex-direction:column;height:2.5rem;justify-content:flex-end;width:100%}.validation-text{padding:1rem 1.2rem .5rem}input.danger-flash{animation:danger-flash-border 1s forwards}div.danger-flash{animation:danger-flash-background 1s forwards}@keyframes danger-flash-background{0%{background-color:var(--danger-1)}10%{background-color:var(--danger-0)}to{background-color:var(--danger-1)}}@keyframes danger-flash-border{0%{border-color:var(--danger-1)}10%{border-color:var(--danger-0)}to{border-color:var(--danger-1)}}.validation-enter-active,.validation-leave-active{transition:.3s}.validation-enter,.validation-leave-to{height:0}.toggle-password-icon{font-size:1.25rem;line-height:1.75rem;position:absolute;right:1rem;top:calc(50% + .5rem);transform:translateY(-50%);transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.toggle-password-icon:hover{color:var(--text-secondary)}