.section-login{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:2rem}.container-login{background-color:#fff;position:relative;width:768px;max-width:100%;min-height:480px}.container-login span{font-size:12px}.container-login a{color:#333;font-size:13px;text-decoration:none;margin:15px 0 10px}.container-login .button-login-form{background-color:var(--blue-company);color:#fff;font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;cursor:pointer}.container-login .button-login-form.hidden{background-color:transparent;border-color:#fff}.container-login form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in{left:0;width:100%;z-index:2}.container-login.active .sign-in{transform:translateX(100%)}.sign-up{left:-100%;width:100%;opacity:0;z-index:1}.container-login.active .sign-up{transform:translateX(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{margin:20px 0}.social-icons a{border:1px solid #ccc;border-radius:20%;display:inline-flex;justify-content:center;align-items:center;margin:0 3px;width:40px;height:40px}.toggle-container{position:absolute;top:100%;left:0;width:100%;height:100%;overflow:hidden;transition:all .6s ease-in-out;border-radius:40px;z-index:4}.container-login.active .toggle-container{transform:translateX(0);border-radius:40px}.toggle{background-color:var(--blue-company);background:linear-gradient(to right,#375576,var(--blue-company));color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:all .6s ease-in-out}.container-login.active .toggle{transform:translateX(50%)}.toggle-panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out}.toggle-left{transform:translateX(-200%)}.container-login.active .toggle-left,.toggle-right{transform:translateX(0)}.toggle-right{right:0}.container-login.active .toggle-right{transform:translateX(200%)}.separator-login{height:450px}.assistance-container-login{margin:4rem 2rem 2rem;max-width:768px}@media screen and (min-width:881px){.separator-login{display:none}.section-login{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:4rem 0}.container-login{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,.35);position:relative;overflow:hidden;width:768px;max-width:100%;min-height:480px}.container-login span{font-size:12px}.container-login a{color:#333;font-size:13px;text-decoration:none;margin:15px 0 10px}.container-login .button-login-form{background-color:var(--blue-company);color:#fff;font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-top:10px;cursor:pointer}.container-login .button-login-form.hidden{background-color:transparent;border-color:#fff}.container-login form{background-color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;height:100%}.form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.sign-in{left:0;width:50%;z-index:2}.container-login.active .sign-in{transform:translateX(100%)}.sign-up{left:0;width:50%;opacity:0;z-index:1}.container-login.active .sign-up{transform:translateX(100%);opacity:1;z-index:5;animation:move .6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.social-icons{margin:20px 0}.social-icons a{border:1px solid #ccc;border-radius:20%;display:inline-flex;justify-content:center;align-items:center;margin:0 3px;width:40px;height:40px}.toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all .6s ease-in-out;border-radius:120px 0 0 100px;z-index:1000}.container-login.active .toggle-container{transform:translateX(-100%);border-radius:0 150px 100px 0}.toggle{background-color:var(--blue-company);background:linear-gradient(to right,#375576,var(--blue-company));color:#fff;position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:all .6s ease-in-out}.container-login.active .toggle{transform:translateX(50%)}.toggle-panel{position:absolute;width:50%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 30px;text-align:center;top:0;transform:translateX(0);transition:all .6s ease-in-out}.toggle-left{transform:translateX(-200%)}.container-login.active .toggle-left,.toggle-right{transform:translateX(0)}.toggle-right{right:0}.container-login.active .toggle-right{transform:translateX(200%)}}