section.account-form-page{position:relative}section.account-form-page .account-form-wrapper{opacity:1;pointer-events:all;transition:opacity .2s ease-in-out .4s,translate .3s ease .4s;translate:0 0}section.account-form-page .account-form-wrapper:not(.active){opacity:0;pointer-events:none;transition:opacity .2s ease-in-out,translate .3s ease;translate:0 30px}section.account-form-page .account-form-wrapper.login-form .forgot-wrapper{width:100%}section.account-form-page .account-form-wrapper.login-form .forgot-wrapper p{color:#505050;font-size:14px;margin-top:20px}section.account-form-page .account-form-wrapper.login-form .forgot-wrapper p a{color:#505050;font-size:14px;text-decoration:underline;text-underline-offset:2px}section.account-form-page .account-form-wrapper.login-form .forgot-wrapper p a:hover{text-decoration:none}section.account-form-page .account-form-wrapper.login-form .reactivate-block{align-items:center;background-color:var(--secondary-color);display:flex;flex-direction:column;gap:20px;margin:20px 0;padding:20px;text-align:center;width:100%}@media only screen and (min-width:1200px){section.account-form-page .account-form-wrapper.login-form .reactivate-block{margin:20px 0}}section.account-form-page .account-form-wrapper.login-form .reactivate-block p{margin:0;max-width:486px}@media only screen and (min-width:992px){section.account-form-page .account-form-wrapper.login-form .reactivate-block p{font-size:18px}}section.account-form-page .account-form-wrapper.login-form .reactivate{cursor:pointer;font-size:14px;text-decoration:underline;text-underline-offset:2px}section.account-form-page .account-form-wrapper.login-form .reactivate:hover{text-decoration:none}section.account-form-page .account-form-wrapper.account-recover-form{position:absolute;top:0}section.account-form-page .account-form-wrapper.account-recover-form p{color:#505050}