@import"//fonts.googleapis.com/css2?family=Poppins&display=swap";@import"//fonts.googleapis.com/css2?family=Material+Icons";body{margin:0}#app{display:flex;flex-direction:column}.header{display:flex;align-items:center;box-sizing:border-box;height:56px;padding:8px;background-color:#263238;box-shadow:0 2px 4px #00000024,0 4px 5px #0000001f,0 1px 10px #0003}.logo{display:flex;align-items:center;justify-content:center;height:48px;width:48px;color:#fff;user-select:none;-moz-user-select:none;-webkit-user-select:none}.title{display:inline-block;flex-grow:1;font-family:Poppins,sans-serif;font-size:20px;font-weight:500;margin:0 8px;color:#fff}.sign-out{justify-self:flex-end;border-radius:50%;height:48px;width:48px;color:#fff;background-color:transparent;border:none;outline:none;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:background-color .2s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.sign-out:hover{background-color:#ffffff14}.sign-out:focus{background-color:#ffffff1a}.section{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 56px)}.sign-in{display:flex;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;border-radius:2px;height:48px;padding:1px;color:#fff;background-color:#009688;box-shadow:0 0 4px #00000024,0 3px 4px #0000001f,0 1px 5px #0003;border:none;outline:none;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:box-shadow .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.sign-in:hover{box-shadow:0 3px 3px #00000024,0 3px 4px #0000001f,0 1px 8px #0003}.sign-in:focus{box-shadow:0 2px 4px #00000024,0 4px 5px #0000001f,0 1px 10px #0003}.sign-in .sign-in_icon{display:flex;align-items:center;justify-content:center;height:100%;width:50px;background-color:#fff}.sign-in .sign-in_text{margin:0 16px}.main{flex-grow:1;overflow-y:scroll;box-sizing:border-box;width:100%;padding:0 8px}.data{display:flex;margin:8px 0}.data .data_photo{border-radius:50%;height:48px;width:48px;user-select:none;-moz-user-select:none;-webkit-user-select:none}.data .data_text{display:flex;align-items:center;box-sizing:border-box;border-radius:48px;padding:12px 22px;min-height:48px;min-width:48px;font-family:Poppins,sans-serif;font-size:16px;background-color:#eee}.data-sent{flex-direction:row-reverse}.data-sent .data_text{margin:0 8px 0 0;color:#fff;background-color:#009688}.data-received .data_text{margin:0 0 0 8px}.form{display:flex;align-items:center;justify-content:center;box-sizing:border-box;height:56px;width:100%;padding:8px}.textarea{font-family:Poppins,sans-serif;font-size:16px;flex-grow:1;box-sizing:border-box;border-radius:56px;height:48px;padding:12px 22px;margin-right:8px;background-color:#f5f5f5;border:none;outline:none;resize:none}.submit{border-radius:50%;height:48px;width:48px;color:#009688;background-color:transparent;border:none;outline:none;cursor:pointer;user-select:none;-moz-user-select:none;-webkit-user-select:none;transition:background-color .25s cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent}.submit:hover{background-color:#00968814}.submit:focus{background-color:#0096881a}.submit:disabled{pointer-events:none;background-color:transparent;color:#26323861}