@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");:root{--bdrds:16px;--white:#fff;--black:#000;--gray:#ccc;--gray-dark:#999;--salmon:#e8716d;--salmon-dark:#c25a57;--smoky-black:rgba(34,34,34,0.85);--ff:"Poppins",sans-serif;--ff-body:12px;--ff-light:300;--ff-regular:400;--ff-medium:500}*{box-sizing:border-box}body{font-family:var(--ff);font-size:var(--ff-body);line-height:1em}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:var(--ff);font-weight:var(--ff-light);letter-spacing:.1rem;color:var(--gray)}@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:#ccc;background-size:cover}.user_options-container{position:relative;width:80%}.user_options-text{display:flex;justify-content:space-between;width:100%;background-color:var(--smoky-black);border-radius:var(--bdrds)}.user_options-registered,.user_options-unregistered{width:50%;padding:75px 45px;color:var(--white);font-weight:var(--ff-light)}.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 var(--gray);border-radius:var(--bdrds);padding:10px 30px;color:var(--white);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:var(--smoky-black);background-color:var(--gray)}.user_options-forms{position:absolute;top:50%;left:30px;width:calc(50% - 30px);min-height:550px;background-color:var(--white);border-radius:var(--bdrds);box-shadow:2px 0 15px rgba(var(--black),.25);overflow:hidden;transform:translate3d(100%,-50%,0);transition:transform .4s ease-in-out}@media screen and (max-width:990px){.user_options-text{display:none!important}.user_options-forms{width:100%;position:unset;overflow:unset;transform:unset!important}}.user_options-forms .user_forms-login{transition:opacity .4s ease-in-out,visibility .4s ease-in-out}.user_options-forms .forms_title{font-size:1.5rem;font-weight:var(--ff-medium);line-height:1em;text-transform:uppercase;color:var(--salmon);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 var(--gray);padding:6px 20px 6px 6px;font-family:var(--ff);font-size:1rem;font-weight:var(--ff-light);color:var(--gray-dark);letter-spacing:.1rem;transition:border-color .2s ease-in-out}.user_options-forms .forms_field-input:focus{border-color:var(--gray-dark)}.user_options-forms .forms_buttons{display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin-top:30px;gap:8px}.user_options-forms .forms_buttons-forgot{font-family:var(--ff);letter-spacing:.1rem;color:var(--gray);text-decoration:underline;transition:color .2s ease-in-out}.user_options-forms .forms_buttons-forgot:hover{color:var(--gray-dark)}.user_options-forms .forms_buttons-action{background-color:var(--salmon);border-radius:var(--bdrds);padding:10px 35px;font-size:1rem;font-family:var(--ff);font-weight:var(--ff-light);color:var(--white);text-transform:uppercase;letter-spacing:.1rem;transition:background-color .2s ease-in-out}.user_options-forms .forms_buttons-action:hover{background-color:var(--salmon-dark)}.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-signup{transform:translate3d(120px,0,0)}.user_options-forms .user_forms-signup .forms_buttons{justify-content:flex-end}.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:520px}.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:75px 45px}}.hidden{opacity:0;visibility:hidden;transform:translate3d(120px,0,0)}.hidden,.visible{transition:opacity .4s ease-in-out,visibility .4s ease-in-out,transform .5s ease-in-out}.visible{opacity:1;visibility:visible;transform:translateZ(0)}.bounceLeft{animation:bounceLeft 1s forwards}.bounceRight{animation:bounceRight 1s forwards}