.auth-section{height:100%;border:1px solid #000;display:flex}.auth-section .container{flex:1;height:100%;display:flex;align-items:center;justify-content:center;padding:8rem}.auth-section .container .forms{flex:1;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 0 5px var(--text-soft);border-radius:5px;height:100%}.auth-section .container .forms .left-form,.auth-section .container .forms .right-form{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem}.auth-section .container .forms .left-form .headline,.auth-section .container .forms .right-form .headline{font-size:3rem;font-weight:600}.auth-section .container .forms .left-form .social-accounts-icons,.auth-section .container .forms .right-form .social-accounts-icons{width:100%;display:flex;justify-content:center;padding:2rem 0;gap:1rem}.auth-section .container .forms .left-form .social-accounts-icons .social-icon,.auth-section .container .forms .right-form .social-accounts-icons .social-icon{display:flex;justify-content:center;box-shadow:0 0 10px rgba(0,0,0,.2);border-radius:50%;padding:.8rem}.auth-section .container .forms .left-form .social-accounts-icons .social-icon:hover,.auth-section .container .forms .right-form .social-accounts-icons .social-icon:hover{box-shadow:0 0 10px var(--primary-color)}.auth-section .container .forms .left-form p,.auth-section .container .forms .right-form p{font-size:1.4rem;color:var(--text-soft);padding:1rem 0;text-align:center}.auth-section .container .forms .left-form .signin-form,.auth-section .container .forms .left-form .signup-form,.auth-section .container .forms .right-form .signin-form,.auth-section .container .forms .right-form .signup-form{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1.4rem;padding:2rem 8rem;width:100%}.auth-section .container .forms .left-form .signin-form .input-field,.auth-section .container .forms .left-form .signup-form .input-field,.auth-section .container .forms .right-form .signin-form .input-field,.auth-section .container .forms .right-form .signup-form .input-field{border-radius:5px;background-color:var(--bgSoft);display:flex;flex-direction:row-reverse;align-items:center;gap:1rem}.auth-section .container .forms .left-form .signin-form .input-field .input-label,.auth-section .container .forms .left-form .signup-form .input-field .input-label,.auth-section .container .forms .right-form .signin-form .input-field .input-label,.auth-section .container .forms .right-form .signup-form .input-field .input-label{border-right:1px solid #000;height:100%;padding:1rem;border-radius:5px 0 0 5px}.auth-section .container .forms .left-form .signin-form .input-field .input-box,.auth-section .container .forms .left-form .signup-form .input-field .input-box,.auth-section .container .forms .right-form .signin-form .input-field .input-box,.auth-section .container .forms .right-form .signup-form .input-field .input-box{padding:0 1rem;flex:1;height:100%;font-size:1.6rem;outline:none;border-radius:5px;background-color:transparent}.auth-section .container .forms .left-form .signin-form .input-field .input-box:focus,.auth-section .container .forms .left-form .signup-form .input-field .input-box:focus,.auth-section .container .forms .right-form .signin-form .input-field .input-box:focus,.auth-section .container .forms .right-form .signup-form .input-field .input-box:focus{top:0;color:#333}.auth-section .container .forms .left-form .signin-form .input-field .input-box:focus+.input-label,.auth-section .container .forms .left-form .signup-form .input-field .input-box:focus+.input-label,.auth-section .container .forms .right-form .signin-form .input-field .input-box:focus+.input-label,.auth-section .container .forms .right-form .signup-form .input-field .input-box:focus+.input-label{background-color:#000}.auth-section .container .forms .left-form .signin-form .input-field .input-box:focus+.input-label svg.svg,.auth-section .container .forms .left-form .signup-form .input-field .input-box:focus+.input-label svg.svg,.auth-section .container .forms .right-form .signin-form .input-field .input-box:focus+.input-label svg.svg,.auth-section .container .forms .right-form .signup-form .input-field .input-box:focus+.input-label svg.svg{fill:var(--primary-color)}.auth-section .container .forms .left-form .signin-form p.wrong-cred,.auth-section .container .forms .left-form .signup-form p.wrong-cred,.auth-section .container .forms .right-form .signin-form p.wrong-cred,.auth-section .container .forms .right-form .signup-form p.wrong-cred{color:#de4646}.auth-section .container .forms .left-form .signin-form .forgot-pass-link,.auth-section .container .forms .left-form .signup-form .forgot-pass-link,.auth-section .container .forms .right-form .signin-form .forgot-pass-link,.auth-section .container .forms .right-form .signup-form .forgot-pass-link{font-size:1.4rem;align-self:center;color:#000;font-weight:500;border-bottom:2px solid var(--primary-color)}.auth-section .container .forms .left-form .signin-form button,.auth-section .container .forms .left-form .signup-form button,.auth-section .container .forms .right-form .signin-form button,.auth-section .container .forms .right-form .signup-form button{font-size:1.8rem;padding:1rem 3.2rem;align-self:center;border-radius:5px;font-weight:600;box-shadow:0 0 10px rgba(0,0,0,.2)}