:root{--chat-list-width: 400px;--border-color:#ECECEC;--button-color: #0F5AEF;--button-border: #D0D0D0;--font-color: #0d4cca;--base-color: #161616;--animation-dots: #0F5AEF}body{margin:0;padding:0;overflow:hidden}.login{background:#0F5AEF;background:linear-gradient(90deg,rgba(0,180,240,1) 0%,rgba(0,168,252,1) 35%,rgba(0,54,255,1) 100%)}.login-pane{display:block;position:relative;width:550px;height:90vh;padding-top:100px;background:#ffffff;transition:.3s}h1{display:block;position:relative;font-family:Helvetica Neue,Arial,sans-serif;font-size:25px;font-weight:600;text-align:center;color:var(--base-color);margin-top:50px}.greeting{display:block;position:relative;text-align:center;margin-top:3px;margin-bottom:30px;color:#6b6b6b;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:500}.login-pane input:focus{outline:none}.login-pane label{display:block;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;margin-bottom:10px;margin-top:20px}.login-pane input{display:block;position:relative;border:1px solid var(--button-border);height:40px;border-radius:6px;width:100%;margin-bottom:10px;font-family:Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;color:var(--base-color);padding-left:15px;padding-right:15px;box-sizing:border-box}.login-pane button{display:block;position:relative;width:100%;height:50px;border-radius:6px;border:none;background:var(--button-color);color:#fff;font-family:Helvetica Neue,Arial,sans-serif;font-size:16px;font-weight:600;margin-top:20px;cursor:pointer;transition:.3s}.login-pane button:hover{background:#0d50d7;transform:scale(1.01)}.input-wrapper{display:block;position:relative;width:400px;height:auto;left:50%;transform:translate(-50%);margin-top:40px}.chat-icon{display:block;position:absolute;width:150px;height:150px;left:calc(50% + 300px);top:50%;transform:translate(-50%,-50%)}@media screen and (max-width: 1100px){.login{background:#ffffff!important}.login-pane{width:100%!important}.chat-icon{display:none!important}}@media screen and (max-width: 450px){.input-wrapper{width:calc(100% - 40px)!important}}#loginerror{display:block;position:relative;height:auto;padding:10px 15px;color:#fff;background:rgba(255,0,0,1);z-index:999;left:50%;transform:translate(-50%);font-family:Helvetica Neue,Arial,sans-serif;font-size:15px;font-weight:500;width:65%!important;border-radius:10px!important;text-align:center!important}