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}body{background-color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px}body,div#app{padding:0;margin:0}.logo{height:30px}main{position:relative;-webkit-flex-grow:8;flex-grow:8;border-bottom:1px solid #383838;padding:.3em;background-color:#fff}.dropZone{background-color:rgba(72,121,167,.5);position:fixed;top:0;bottom:0;left:0;right:0;z-index:10;font-size:60vh;text-align:center;padding-top:20vh}.dropZone,.dropZone.over{color:hsla(0,0%,100%,.8)}h1,p{padding:0;margin:0}h1{font-size:1.7em}video.screenshot{position:absolute;right:100vw;z-index:-100}div.content{position:absolute;top:5px;bottom:7px;left:1px;right:1px;padding:0;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-content:stretch;align-content:stretch}div.content div.fullpage{margin-left:auto;margin-right:auto;margin-top:20vh;font-size:2vh;padding:2em}div.content div.fullpage .icon{font-size:10vh;text-align:center;padding-bottom:2vh}div.content div.fullpage .title{font-size:3vh}div.content div.fullback{position:fixed;top:-2em;bottom:-2em;left:-2em;right:-2em;background:hsla(0,0%,50.2%,.7)}div.content div.modal{border:1px solid #ddd;margin-left:auto;margin-right:auto;margin-top:30vh;max-width:350px;background:#fff;border-radius:.4em;box-shadow:2px 2px 3px #888}div.content div.modal div.title{font-weight:700;padding:.5em}div.content div.modal div.message{padding:.5em}div.content div.modal div.buttons{padding:.5em 2em}div.content div.modal div.buttons button{padding:.5em;width:100px}div.content div.modal div.buttons button.ok{border:1px solid #5f5;background:#9f9}div.content div.modal div.buttons button.cancel{border:1px solid #f55;background:#f99;float:right}header{border-bottom:1px solid #383838;height:2em;padding:.3em;background-color:#fff}header button.close{font-size:1.6em;float:right;margin-top:-.2em;font-weight:700;background-color:transparent;border:1px solid transparent}header button.close:hover{color:#ddd}header button.close:active{background-color:#ccc}section.chat{margin-bottom:1em}section.chat .messages .bubble{background-color:#fff;border-radius:.3em;padding:.5em;margin:.3em .3em .1em;box-shadow:1px 1px 2px #aaa;position:relative}section.chat .messages .bubble:hover .meta{display:block}section.chat .messages .bubble a{color:#222}section.chat .messages .bubble a:visited{color:#444}section.chat .messages .bubble a:hover{color:#000}section.chat .messages .bubble img{border:none;width:100%}section.chat .messages .bubble .meta{color:#666;position:absolute;top:0;padding:.2em;right:.3em;display:none}section.chat .meta{color:#333;font-size:.6em;text-align:right;padding:0 1em;margin-bottom:1em}section.chat .line:first-child{margin-top:0}section.chat .line{margin-top:.3em}section.chat.to .messages .bubble{margin-right:2em;background:#f0f0f0}section.chat.to .messages .bubble:only-of-type{border-bottom-right-radius:1em;border-bottom-left-radius:0}section.chat.to .messages .bubble:first-of-type,section.chat.to .messages .bubble:only-of-type{border-top-left-radius:1em;border-top-right-radius:1em}section.chat.to .messages .bubble:last-of-type{border-bottom-right-radius:1em;border-bottom-left-radius:0}section.chat.to .meta{text-align:left}section.chat.from .messages div.bubble{margin-left:2em;background:#addfff}section.chat.from .messages div.bubble:only-of-type{border-bottom-right-radius:0;border-bottom-left-radius:1em}section.chat.from .messages div.bubble:first-of-type,section.chat.from .messages div.bubble:only-of-type{border-top-left-radius:1em;border-top-right-radius:1em}section.chat.from .messages div.bubble:last-of-type{border-bottom-right-radius:0;border-bottom-left-radius:1em}section.chat.from .meta{text-align:right}section.chat.system .messages div.bubble{background:#feffad}section.chat.system .messages div.bubble:only-of-type{border-bottom-right-radius:1em;border-bottom-left-radius:1em}section.chat.system .messages div.bubble:first-of-type,section.chat.system .messages div.bubble:only-of-type{border-top-left-radius:1em;border-top-right-radius:1em}section.chat.system .messages div.bubble:last-of-type{border-bottom-right-radius:1em;border-bottom-left-radius:1em}section.preamble{position:static;background-color:#fff;border-radius:2em 2em 2em 2em;padding:1em;margin:auto .3em 3em;box-shadow:0 0 5px #aaa}section.preamble p{padding-bottom:1em}section.preamble button{padding:.3em 1em;background-color:#cfc;border-radius:1em;border:1px solid #6e6}section.preamble button:hover{background-color:#aea;border-radius:1em;border:1px solid #4c4}section.preamble table textarea{min-width:100%;max-width:100%;min-height:4em;resize:vertical}section.preamble table td.tableheader{font-weight:700;padding-top:.5em}p.showqueue{font-size:1.2em;padding:1em;text-align:center}div.chatcontainer{position:absolute;top:0;bottom:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding-top:1em}div.chatcontainerwrapper{overflow-y:scroll;bottom:0;top:0;left:0;right:0;position:absolute}footer{vertical-align:top;position:relative}div#messagecontainer{margin-right:101px;border:1px solid #ccc}div#message{font-family:Arial,Helvetica,sans-serif;font-size:16px!important;min-height:2.5em;border:none;max-height:10em;overflow-y:auto;outline:none;-webkit-appearance:none}div#sendmessagecontainer{width:100px;float:right;padding-top:0;position:relative}div#sendmessagecontainer .uploadlist{position:absolute;bottom:2.6em;right:0;width:9em}div#sendmessagecontainer .uploadlist button{display:block;width:100%;text-align:left}div#sendmessagecontainer button{font-size:1em;display:inline-block;padding-top:.68em;padding-bottom:.68em;margin:0;background-color:#eee;border:1px solid #ccc;outline:none;-webkit-appearance:none}div#sendmessagecontainer button:active{background-color:#ccc;border:1px solid #ccc}div#sendmessagecontainer button#sendmessage{width:60%}div#sendmessagecontainer button#sendattachment{width:40%;padding-left:0;padding-right:0;padding-top:0}div#sendmessagecontainer button#sendattachment.attachmentButtonSelected{background-color:#9c9c9c}div#sendmessagecontainer button#sendattachment .addpadding{padding-top:.75em}div#sendmessagecontainer button#sendattachment .arrowup{vertical-align:super;font-size:.7em}section#status{padding:1px 4px 1px 1px;text-align:right;font-size:.9em;background-color:#eee;color:#000}
/*# sourceMappingURL=index.a5bbf2cb.chunk.css.map */