@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");.devise-layout{background-color:#c9d6ff;background:linear-gradient(to right, #e2e2e2, #c9d6ff);display:flex;align-items:center;justify-content:center;flex-direction:column;height:100vh;margin:20px 0;overflow:hidden}.devise-layout *{margin:0;padding:0;box-sizing:border-box;font-family:"Montserrat", sans-serif}.devise-layout h1{font-weight:500}.devise-layout .container{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.35);position:relative;overflow-y:auto;width:100%;max-width:880px;min-height:659px;overflow-x:hidden}.devise-layout .container p{font-size:14px;line-height:20px;letter-spacing:0.3px;margin:20px 0}.devise-layout .container span{font-size:12px}.devise-layout .container a{color:#333;font-size:13px;text-decoration:none;margin:15px 0 10px}.devise-layout .container button{background-color:#04364a;color:#fff;font-size:12px;padding:10px 45px;border:1px solid transparent;border-radius:8px;font-weight:600;letter-spacing:0.5px;text-transform:uppercase;margin-top:10px;cursor:pointer}.devise-layout .container button:hover{background-color:#0f5e7d}.devise-layout .container button.hidden{background-color:transparent;border-color:#fff}.devise-layout .container form{background-color:#fff;display:flex;justify-content:center;flex-direction:column;padding:0 40px;margin:auto;padding:20px;height:100%;overflow-y:auto}.devise-layout .container input{background-color:#eee;border:none;margin:0;padding:10px 15px;font-size:14px;border-radius:8px;width:100%;outline:none}.devise-layout .form-container{position:absolute;top:0;height:100%;transition:all 0.6s ease-in-out}.devise-layout .form-label{font-size:14px}.devise-layout .sign-in{left:0;width:50%;z-index:2}.devise-layout .alert{padding:10px 15px}.devise-layout .container.sign-up-active .sign-in{transform:translateX(100%)}.devise-layout .sign-up{left:0;width:50%;opacity:0;z-index:1}.devise-layout .container.sign-up-active .sign-up{transform:translateX(100%);opacity:1;z-index:5;animation:move 0.6s}@keyframes move{0%,49.99%{opacity:0;z-index:1}50%,100%{opacity:1;z-index:5}}.devise-layout .toggle-container{position:absolute;top:0;left:50%;width:50%;height:100%;overflow:hidden;transition:all 0.6s ease-in-out;border-radius:150px 0 0 100px;z-index:1000}.devise-layout .container.sign-up-active .toggle-container{transform:translateX(-100%);border-radius:0 150px 100px 0}.devise-layout .toggle{height:100%;background:#04364a;color:#fff;position:relative;left:-100%;width:200%;transform:translateX(0);transition:all 0.6s ease-in-out}.devise-layout .container.sign-up-active .toggle{transform:translateX(50%)}.devise-layout .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 0.6s ease-in-out}.devise-layout .toggle-left{transform:translateX(-200%)}.devise-layout .container.sign-up-active .toggle-left{transform:translateX(0)}.devise-layout .toggle-right{right:0;transform:translateX(0)}.devise-layout .container.sign-up-active .toggle-right{transform:translateX(200%)}.devise-layout .error-box .invalid-feedback{color:#f23a3c;font-size:9px;display:inline-block;white-space:nowrap}.devise-layout .error-box .input-invalid{border:1px solid #f23a3c}.devise-layout ::-webkit-scrollbar{width:8px;overflow:hidden}.devise-layout ::-webkit-scrollbar-track{background:#035779;border-radius:2px;overflow:hidden}.devise-layout ::-webkit-scrollbar-thumb{background:#04364a;border-radius:10px}.devise-layout ::-webkit-scrollbar-thumb:hover{background:#04364a;width:9px}@media only screen and (max-width: 767px){.devise-layout .container{background-color:#fff;border-radius:30px;box-shadow:0 5px 15px rgba(0,0,0,0.35);position:relative;overflow:hidden;width:100%;max-width:880px;min-height:659px}.devise-layout .sign-in,.devise-layout .sign-up{right:0;width:100%;height:40%;bottom:0}.devise-layout .sign-in{top:29%}.devise-layout .sign-up{top:62%}.devise-layout .toggle-panel{width:100%;height:47%;right:0}.devise-layout .toggle-container{left:0;right:0;width:100%;height:54%;border-radius:0}.devise-layout .toggle-left{transform:translateX(0)}.devise-layout .container.sign-up-activeactive .sign-in{transform:translateX(0);transform:translateY(100%)}.devise-layout .container.sign-up-active .sign-up{transform:translateX(0);transform:translateY(-167%)}.devise-layout .container.sign-up-active .toggle-container{transform:translateX(0);transform:translateY(131%);border-radius:0}.devise-layout .toggle{height:148%;transform:translateY(-50%);left:0;width:100%}.devise-layout .container.sign-up-active .toggle{transform:translateX(0);transform:translateY(-50%)}.devise-layout .toggle-left{transform:translateX(0);transform:translateY(-100%)}.devise-layout .container.sign-up-active .toggle-left{transform:translateY(93%)}.devise-layout .toggle-right{right:0;transform:translateX(0);transform:translateY(100%)}.devise-layout .container.sign-up-active .toggle-right{transform:translateX(0);transform:translateY(200%)}.devise-layout .container form{background-color:#fff;display:flex;justify-content:center;flex-direction:column;padding:0px 20px;height:200%;overflow-y:auto}.devise-layout .error-box .invalid-feedback{border-radius:10px;color:#f23a3c;font-size:0px}.devise-layout .error-box svg{position:absolute;top:-1px;right:10px}.devise-layout .error-box .input-invalid{border:1px solid #f23a3c}}