@import url("https://fonts.googleapis.com/css?family=Montserrat:400,800");.auth-body{background:hsl(var(--background));display:flex;justify-content:center;align-items:center;flex-direction:column;font-family:Montserrat,sans-serif;height:100vh;margin:0}.auth-body h1{font-weight:700;margin:0}.auth-body h2{text-align:center}.auth-body p{font-size:14px;font-weight:100;line-height:20px;letter-spacing:.5px;margin:20px 0 30px}.auth-body span{font-size:12px}.auth-body a{color:hsl(var(--muted-foreground));font-size:14px;text-decoration:none;margin:15px 0}.auth-body a:hover{text-decoration:underline}.auth-body button{border-radius:20px;border:1px solid hsl(var(--primary));background-color:hsl(var(--primary));color:hsl(var(--primary-foreground));font-size:12px;font-weight:700;padding:12px 45px;letter-spacing:1px;text-transform:uppercase;transition:transform 80ms ease-in;cursor:pointer}.auth-body button:active{transform:scale(.95)}.auth-body button:focus{outline:none}.auth-body button.ghost{background-color:transparent;border-color:hsl(var(--primary-foreground))}.auth-body form{background-color:hsl(var(--card));display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 50px;height:100%;text-align:center}.auth-body input{background-color:hsl(var(--input));border:none;padding:12px 15px;margin:8px 0;width:100%;color:hsl(var(--foreground))}.auth-body .container{background-color:hsl(var(--card));border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22);position:relative;overflow:hidden;width:678px;max-width:100%;min-height:400px}.auth-body .form-container{position:absolute;top:0;height:100%;transition:all .6s ease-in-out}.auth-body .sign-in-container{left:0;width:50%;z-index:2}.auth-body .container.right-panel-active .sign-in-container{transform:translateX(100%)}.auth-body .sign-up-container{left:0;width:50%;opacity:0;z-index:1}.auth-body .container.right-panel-active .sign-up-container{transform:translateX(100%);opacity:1;z-index:5;animation:show .6s}@keyframes show{0%,49.99%{opacity:0;z-index:1}50%,to{opacity:1;z-index:5}}.auth-body .overlay-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:transform .6s ease-in-out;z-index:100}.auth-body .container.right-panel-active .overlay-container{transform:translateX(-100%)}.auth-body .overlay{background:hsl(var(--primary));background:-webkit-linear-gradient(to right,hsl(var(--accent)),hsl(var(--primary)));background:linear-gradient(to right,hsl(var(--accent)),hsl(var(--primary)));background-repeat:no-repeat;background-size:cover;background-position:0 0;color:hsl(var(--primary-foreground));position:relative;left:-100%;height:100%;width:200%;transform:translateX(0);transition:transform .6s ease-in-out}.auth-body .container.right-panel-active .overlay{transform:translateX(50%)}.auth-body .overlay-panel{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:0 40px;text-align:center;top:0;height:100%;width:50%;transform:translateX(0);transition:transform .6s ease-in-out}.auth-body .overlay-left{transform:translateX(-20%)}.auth-body .container.right-panel-active .overlay-left{transform:translateX(0)}.auth-body .overlay-right{right:0;transform:translateX(0)}.auth-body .container.right-panel-active .overlay-right{transform:translateX(20%)}.auth-body .social-container{margin:20px 0}.auth-body .social-container a{border:1px solid #dddddd;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin:0 5px;height:40px;width:40px}.auth-body .error-message{color:red;font-size:12px;margin:-5px 0 10px}@media (max-width:767px){.auth-body{height:auto;padding:20px 0}.auth-body .container{width:100%;max-width:400px;min-height:600px;border-radius:10px;box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.auth-body .form-container{width:100%;height:50%;top:0;transition:all .6s ease-in-out}.auth-body .sign-in-container,.auth-body .sign-up-container{top:0}.auth-body .container.right-panel-active .sign-in-container{transform:translateY(100%)}.auth-body .container.right-panel-active .sign-up-container{transform:translateY(100%);opacity:1;z-index:5;animation:show .6s}.auth-body .overlay-container{top:50%;left:0;width:100%;height:50%}.auth-body .container.right-panel-active .overlay-container{transform:translateY(-100%)}.auth-body .overlay{left:0;height:200%;width:100%;top:-100%;transform:translateY(0);transition:transform .6s ease-in-out}.auth-body .container.right-panel-active .overlay{transform:translateY(50%)}.auth-body .overlay-panel{width:100%;height:50%}.auth-body .overlay-left{transform:translateY(0);top:0}.auth-body .container.right-panel-active .overlay-left{transform:translateY(0)}.auth-body .overlay-right{bottom:0;top:auto;transform:translateY(0)}.auth-body .container.right-panel-active .overlay-right{transform:translateY(0)}}