#overlayBtn,.form_wrp label{left:50%;transform:translateX(-50%)}.signinwrp{background:#f6f5f7;display:grid;place-content:center;font-family:Poppins,sans-serif;padding:80px 0;min-height:calc(100vh - 154px)}.signincon{position:relative;width:900px;height:605px;background-color:#fff;box-shadow:25px 30px 55px #5557;border-radius:13px;overflow:hidden}.form-container{position:absolute;width:60%;height:100%;padding:0 40px;transition:.6s ease-in-out}.btnsignsub a{border:1px solid #fff;border-radius:20px;color:#fff;font-size:14px;padding:7px 40px}.sign-up-container{opacity:0;z-index:1}.sign-in-container{z-index:2}.form_wrp{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 50px}.form_wrp h1{color:#333;font-size:36px;font-weight:600}.form_wrp .social-container{margin:20px 0}.form_wrp .social-container a{border:1px solid #ddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.form_wrp span{font-size:12px}.form_wrp input,.form_wrp select,.form_wrp textarea{padding:13px 15px;border:none;outline:0;font-size:15px;font-weight:500;background-color:#f3f3f3;width:100%}.form_wrp .infield{position:relative;margin:8px 0;width:100%}.form_wrp textarea{height:100px}.form_wrp textarea:focus{box-shadow:0 0 0;background-color:#f3f3f3}.form_wrp label{position:absolute;top:100%;width:0%;height:2px;background:linear-gradient(to right,#c03535,#ff4b4b);transition:width .3s}.form_wrp input:focus~label{width:100%}.form_wrp a{color:#333;font-size:14px;text-decoration:none;margin:15px 0}.form-container button,.overlay-container button{font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase}.form_wrp a.forgot{padding-bottom:3px}.overlay-container button{border-radius:20px;border:1px solid var(--primary-black);background:var(--primary-black);color:#fff}.form-container button{border-radius:20px;border:1px solid var(--primary-black);background:var(--primary-white);color:var(--primary-black);margin-top:17px;transition:80ms ease-in}.form-container button:hover{background:#fff;color:#c03535}#overlayBtn{cursor:pointer;position:absolute;top:359px;width:143.67px;height:40px;border:1px solid #fff;background:0 0;border-radius:20px}.overlaywrp{position:relative;background:#1b1a1a;color:#fff;left:-150%;height:100%;width:250%;transition:transform .6s ease-in-out}.overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 22px;text-align:center;height:100%;width:357px;transition:.6s ease-in-out}.overlay-left{right:60%;transform:translateX(-12%)}.overlay-right{right:0;transform:translateX(0)}.overlay-panel h1{color:#fff}.overlaywrp p{font-size:14px;font-weight:300;line-height:20px;letter-spacing:.5px;margin:25px 0 35px}.overlay-panel button{border:none;background-color:transparent}.right-panel-active .overlay-container{transform:translateX(-150%)}.overlay-container{position:absolute;top:0;left:60%;width:40%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:9}.inner-circle,.squarewrp{position:absolute;top:50%;left:50%}.right-panel-active .overlaywrp{transform:translateX(50%)}.right-panel-active .overlay-left{transform:translateX(25%)}.right-panel-active .overlay-right{transform:translateX(35%)}.right-panel-active .sign-in-container{transform:translateX(20%);opacity:0}.right-panel-active .sign-up-container{transform:translateX(66.7%);opacity:1;z-index:5;animation:.6s show}@keyframes show{0%,50%{opacity:0;z-index:1}100%,50.1%{opacity:1;z-index:5}}btnScaled{animation:.6s scaleBtn}@keyframes scaleBtn{0%,100%{width:143.67px}50%{width:250px}}.squarewrp{height:400px;transform:translate(181%,11%);opacity:.2}.big-circle{position:absolute;width:500px;height:500px;border-radius:50%;background:var(--primary-black);bottom:55%;right:45%;transform:translate(-40%,38%)}.inner-circle{width:72%;height:72%;background-color:#fff;border-radius:50%;transform:translate(-50%,-50%)}