@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap";
.auth-module__htu4zq__container{background:#fff;border:1px solid #0000000d;border-radius:24px;width:850px;height:550px;margin:100px auto;font-family:Poppins,sans-serif;transition:all .6s ease-in-out;position:relative;overflow:hidden;box-shadow:0 20px 50px #00000014}.auth-module__htu4zq__container h1{color:#111;margin:-10px 0;font-size:36px}.auth-module__htu4zq__container p{color:#555;margin:15px 0;font-size:14.5px}.auth-module__htu4zq__formBox{color:#111;text-align:center;z-index:1;background:#fff;justify-content:center;align-items:center;width:50%;height:100%;padding:40px;transition:all .6s ease-in-out 1.2s,visibility 0s 1s;display:flex;position:absolute;right:0}.auth-module__htu4zq__form{width:100%}.auth-module__htu4zq__container.auth-module__htu4zq__active .auth-module__htu4zq__formBox{right:50%}.auth-module__htu4zq__formBox.auth-module__htu4zq__register{visibility:hidden}.auth-module__htu4zq__container.auth-module__htu4zq__active .auth-module__htu4zq__formBox.auth-module__htu4zq__register{visibility:visible}.auth-module__htu4zq__inputBox{margin:24px 0;position:relative}.auth-module__htu4zq__inputBox input{color:#111;background:#f5f5f7;border:1px solid #0000;border-radius:12px;outline:none;width:100%;padding:14px 20px 14px 50px;font-size:15px;font-weight:500;transition:all .3s}.auth-module__htu4zq__inputBox input:focus{background:#fff;border-color:#111;box-shadow:0 0 0 4px #0000000d}.auth-module__htu4zq__inputBox input::placeholder{color:#8e8e93}.auth-module__htu4zq__inputBox i:not(.auth-module__htu4zq__togglePassword){color:#8e8e93;font-size:20px;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.auth-module__htu4zq__passwordBox input{padding:14px 50px}.auth-module__htu4zq__togglePassword{color:#8e8e93;cursor:pointer;font-size:20px;transition:color .2s;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.auth-module__htu4zq__togglePassword:hover{color:#111}.auth-module__htu4zq__btn{cursor:pointer;color:#fff;letter-spacing:.02em;background:#111;border:none;border-radius:12px;width:100%;height:50px;font-size:16px;font-weight:700;transition:all .3s}.auth-module__htu4zq__btn:hover{background:#2c2c2e;box-shadow:0 4px 12px #00000026}.auth-module__htu4zq__btn:disabled{color:#8e8e93;cursor:not-allowed;box-shadow:none;background:#e5e5ea;transform:none}.auth-module__htu4zq__googleBtn{cursor:pointer;color:#111;background:#fff;border:1px solid #d1d1d6;border-radius:12px;justify-content:center;align-items:center;width:100%;height:50px;margin-top:20px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.auth-module__htu4zq__googleBtn:hover{background:#f5f5f7}.auth-module__htu4zq__googleBtn i{color:#111;margin-right:10px;font-size:22px}.auth-module__htu4zq__separator{text-align:center;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 0;font-size:14px;color:#8e8e93!important}.auth-module__htu4zq__toggleBox{width:100%;height:100%;position:absolute}.auth-module__htu4zq__toggleBox:before{content:"";z-index:2;background:#1c1c1e;border-radius:150px;width:300%;height:100%;transition:all 1.8s ease-in-out;position:absolute;left:-250%}.auth-module__htu4zq__container.auth-module__htu4zq__active .auth-module__htu4zq__toggleBox:before{left:50%}.auth-module__htu4zq__togglePanel{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:50%;height:100%;padding:0 40px;transition:all .6s ease-in-out;display:flex;position:absolute}.auth-module__htu4zq__togglePanel h1{color:#fff;letter-spacing:-.03em;font-weight:800}.auth-module__htu4zq__togglePanel p{color:#a1a1a6}.auth-module__htu4zq__togglePanel .auth-module__htu4zq__btn{color:#fff;box-shadow:none;background:0 0;border:2px solid #fff;margin-top:20px}.auth-module__htu4zq__togglePanel .auth-module__htu4zq__btn:hover{color:#000;background:#fff;transform:none}.auth-module__htu4zq__toggleLeft{transition-delay:1.2s;left:0}.auth-module__htu4zq__container.auth-module__htu4zq__active .auth-module__htu4zq__toggleLeft{transition-delay:.6s;left:-50%}.auth-module__htu4zq__toggleRight{transition-delay:.6s;right:-50%}.auth-module__htu4zq__container.auth-module__htu4zq__active .auth-module__htu4zq__toggleRight{transition-delay:1.2s;right:0}.auth-module__htu4zq__mobileText{text-align:center;color:#555;margin-top:20px;font-size:14px;display:none}.auth-module__htu4zq__mobileLink{color:#111;cursor:pointer;border-bottom:1px solid #111;margin-left:6px;font-weight:700;text-decoration:none}@media screen and (max-width:768px){.auth-module__htu4zq__container{width:90%;max-width:420px;height:auto;box-shadow:none;background:0 0;border:none;margin:40px auto;transition:none;overflow:visible}.auth-module__htu4zq__toggleBox{display:none!important}.auth-module__htu4zq__formBox{visibility:visible;opacity:1;background:#fff;border:1px solid #0000000d;border-radius:20px;padding:30px;position:relative;box-shadow:0 10px 30px #0000000d;width:100%!important;transition:none!important;right:0!important}.auth-module__htu4zq__formBox:not(.auth-module__htu4zq__register){display:flex}.auth-module__htu4zq__active .auth-module__htu4zq__formBox:not(.auth-module__htu4zq__register),.auth-module__htu4zq__formBox.auth-module__htu4zq__register{display:none}.auth-module__htu4zq__active .auth-module__htu4zq__formBox.auth-module__htu4zq__register{display:flex}.auth-module__htu4zq__mobileText{padding-bottom:30px;display:block}}@media screen and (max-width:400px){.auth-module__htu4zq__formBox{padding:24px 20px}.auth-module__htu4zq__inputBox input{font-size:14px}}