body{margin:0;padding:0;font-family:sans-serif}@-webkit-keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}.App{text-align:center;padding:20px;height:100vh}.IdInput{height:100%;width:100%;-ms-flex-align:center;align-items:center;background:#eee}.IdInput,.IdInput-inner{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.IdInput-inner{background:#fff;border-radius:4px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa;padding:10px;height:60vh;width:60vw;-ms-flex-direction:column;flex-direction:column}.IdInput label{display:block;margin-bottom:10px}.IdInput input{height:40px;width:100%;margin-bottom:10px;padding:0 10px}.IdInput button{height:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #333;border-radius:4px}.ChatGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));grid-auto-rows:300px;grid-column-gap:10px;height:100%}.ChatWindow{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.messages{overflow:auto;-ms-flex:1 1;flex:1 1;-webkit-box-shadow:inset 0 0 10px #aaa;box-shadow:inset 0 0 10px #aaa;border-radius:10px 10px 0 0;padding:10px;text-align:left}.message-sender{font-weight:700}.message-sender:after{content:": "}.new-message-form{height:40px;border:1px solid #aaa;border-radius:0 0 10px 10px;border-top:0;display:-ms-flexbox;display:flex;-ms-flex-align:stretch;align-items:stretch;overflow:hidden}.new-message-form input{height:100%;border:0;padding:5px 10px;-ms-flex:1 1;flex:1 1;border-radius:0 0 0 11px}.new-message-form input:focus{-webkit-box-shadow:inset 0 0 10px #ccf;box-shadow:inset 0 0 10px #ccf}.new-message-form button{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-variant:small-caps;padding:0 10px;border:0;border-left:1px solid #aaa;text-align:center}.new-message-form button:focus{text-shadow:0 0 4px #66a;outline:none}.new-message-form button:active{background:#444;color:#eee}.no-chat button,.no-chat input{cursor:not-allowed}.loading-spinner{position:relative;width:16px;height:16px;border-radius:50%;border:2px solid #aaa;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite;-webkit-box-shadow:inset 0 0 0 1px #ddd;box-shadow:inset 0 0 0 1px #ddd}.loading-spinner:before{content:"";width:16px;height:16px;position:absolute;top:-2px;left:-2px;border-radius:50%;border:2px solid transparent;border-top-color:#eee}
/*# sourceMappingURL=main.bc7b2820.css.map*/