*{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:12px;line-height:1em;background:#fff}button{cursor:pointer}button,input{background-color:transparent;padding:0;border:0;outline:0}input[type=submit]{cursor:pointer}input::placeholder{font-size:.85rem;font-family:Inter,sans-serif;font-weight:300;letter-spacing:.1rem;color:#d0d0d0}@keyframes bounceLeft{0%{transform:translate3d(100%,-50%,0)}50%{transform:translate3d(-30px,-50%,0)}to{transform:translate3d(0,-50%,0)}}@keyframes bounceRight{0%{transform:translate3d(0,-50%,0)}50%{transform:translate3d(calc(100% + 30px),-50%,0)}to{transform:translate3d(100%,-50%,0)}}@keyframes showSignUp{to{opacity:1;visibility:visible;transform:translateZ(0)}}.user{display:flex;justify-content:center;align-items:center;width:100%;height:100vh;background:#fff;background-size:cover}.user_options-container{position:relative;width:65%}.user_options-text{display:flex;justify-content:space-between;width:100%;background-color:#1744b5;border-radius:3px}.user_options-registered,.user_options-unregistered{width:50%;padding:75px 45px;color:#fff;font-weight:300;border-radius:100px}.user_registered-title,.user_unregistered-title{margin-bottom:15px;font-size:1.66rem;line-height:1em}.user_registered-text,.user_unregistered-text{font-size:.83rem;line-height:1.4em}.user_registered-login,.user_unregistered-signup{margin-top:30px;border:1px solid #d0d0d0;border-radius:3px;padding:10px 30px;color:#fff;text-transform:uppercase;line-height:1em;letter-spacing:.2rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.user_registered-login:hover,.user_unregistered-signup:hover{color:#fff;background-color:#006cff}.user_options-forms{position:absolute;top:50%;left:30px;width:calc(50% - 30px);min-height:420px;background-color:#fff;border-radius:3px;box-shadow:2px 0 15px rgba(0,0,0,.25);overflow:hidden;transform:translate3d(100%,-50%,0);transition:transform .4s ease-in-out}.user_options-forms .user_forms-login{transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.user_options-forms .forms_title{margin-bottom:30px;font-size:1.5rem;font-weight:500;line-height:1em;text-transform:uppercase;color:#006cff;letter-spacing:.1rem}.user_options-forms .forms_field:not(:last-of-type){margin-bottom:20px}.user_options-forms .forms_field-input{width:100%;border-bottom:1px solid #d0d0d0;padding:6px 20px 6px 6px;font-family:Inter,sans-serif;font-size:1rem;font-weight:300;color:#848484;letter-spacing:.1rem;transition:border-color .2s ease-in-out}.user_options-forms .forms_field-input:focus{border-color:#848484}.user_options-forms .forms_buttons{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.user_options-forms .forms_buttons-forgot{font-family:Inter,sans-serif;letter-spacing:.1rem;color:#d0d0d0;text-decoration:underline;transition:color .2s ease-in-out}.user_options-forms .forms_buttons-forgot:hover{color:#b7b7b7}.user_options-forms .forms_buttons-action{background-color:#006cff;border-radius:3px;padding:10px 35px;font-size:1rem;font-family:Inter,sans-serif;font-weight:300;color:#fff;text-transform:uppercase;letter-spacing:.1rem;transition:background-color .2s ease-in-out}.user_options-forms .forms_buttons-action:hover{background-color:#0056cc}.user_options-forms .user_forms-login,.user_options-forms .user_forms-signup{position:absolute;top:70px;left:40px;width:calc(100% - 80px);opacity:0;visibility:hidden;transition:opacity .4s ease-in-out,visibility .4s ease-in-out,transform .5s ease-in-out}.user_options-forms .user_forms-login.show,.user_options-forms .user_forms-signup.show{opacity:1;visibility:visible;transform:translateZ(0)}.user_options-forms .user_forms-signup{transform:translate3d(120px,0,0)}.user_options-forms .user_forms-login{transform:translateZ(0);opacity:1;visibility:visible}.user_options-forms.bounceLeft{animation:bounceLeft 1s forwards}.user_options-forms.bounceLeft .user_forms-signup{animation:showSignUp 1s forwards}.user_options-forms.bounceLeft .user_forms-login{opacity:0;visibility:hidden;transform:translate3d(-120px,0,0)}.user_options-forms.bounceRight{animation:bounceRight 1s forwards}@media screen and (max-width:990px){.user_options-forms{min-height:350px}.user_options-forms .forms_buttons{flex-direction:column}.user_options-forms .user_forms-login .forms_buttons-action{margin-top:30px}.user_options-forms .user_forms-login,.user_options-forms .user_forms-signup{top:40px}.user_options-registered,.user_options-unregistered{padding:50px 45px}}