@import url(https://fonts.googleapis.com/css?family=Roboto);body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.box>*,body,input,textarea{font-family:"Roboto",sans-serif;color:#1d1d1d;overflow:hidden}html{box-sizing:border-box}body{padding:0;margin:0;font-size:20px}.connexionBox{background-color:#eceff1;display:flex;justify-content:center;align-items:center;min-height:100vh}.connexion{max-width:500px;font-size:24px}.connexion>*{width:100%}.connexion>input{box-sizing:border-box;font-size:24px;padding:5px;border:solid #2196f3;border-width:0 0 5px;outline:none}.box{margin:auto;display:flex;justify-content:center;flex-wrap:wrap;align-items:flex-end;max-width:500px;height:calc(100vh - 100px);padding:50px 0}.box,.box>*{width:100%}.messages{flex:1 1 100%;box-sizing:border-box;align-self:flex-end;max-height:calc(100vh - 310px);overflow-y:scroll;-webkit-overflow-scrolling:touch}.messages::-webkit-scrollbar{width:.4em}.messages::-webkit-scrollbar-thumb{background-color:#eceff1}.message{display:flex;flex-direction:column;align-items:flex-start}.message>*{padding:5px 10px;max-width:75%;border-radius:2px;margin:10px 0;overflow-wrap:break-word;word-wrap:break-word}.not-user-message{background-color:#eceff1;align-self:flex-start;position:relative}.not-user-message:after{content:"";position:absolute;top:-7px;left:10px;width:0;border-color:#eceff1 transparent;border-style:solid;border-width:0 10px 7px 0}.user-message{background-color:#2196f3;color:#fff;align-self:flex-end;position:relative}.user-message:after{content:"";position:absolute;bottom:-7px;right:10px;width:0;border-color:#2196f3 transparent;border-style:solid;border-width:7px 0 0 10px}.form{align-self:flex-end}.form>*{width:100%}textarea{box-sizing:border-box;height:120px;border:solid #2196f3;border-width:0 0 5px;background-color:#eceff1;outline:none;font-size:20px;padding:5px 10px}.info{text-align:right;padding-right:5px}button{font-size:20px;border:none;color:#fff;background-color:#2196f3;margin-top:10px;padding:10px;cursor:pointer;border-radius:2px}button:disabled{background-color:#eceff1;cursor:not-allowed;color:#fff}.notFound{display:flex;justify-content:center;align-items:center;min-height:100vh;margin:0;background:#eceff1}.fade-enter{opacity:.01;transform:scale(.9) translateY(-50%)}.fade-enter-active{transition:all .2s ease-out}.fade-enter-active,.fade-exit{opacity:1;transform:scale(1) translateY(0)}.fade-exit-active{opacity:.01;transform:scale(.9) translateY(-50%);transition:all .2s ease-out}
/*# sourceMappingURL=main.984e812b.chunk.css.map */