html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}body,html{height:100%;margin:0;padding:0;background-color:#fff}body[data-invert=true]{-webkit-filter:invert(100%);filter:invert(100%)}@-webkit-keyframes blink{50%{opacity:.5}}@keyframes blink{50%{opacity:.5}}@-webkit-keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}@keyframes bulge{50%{-webkit-transform:scale(1.05);transform:scale(1.05)}}.indicator{text-align:center}.indicator>span{opacity:.2;letter-spacing:-4px}.indicator>span:nth-of-type(3){-webkit-animation:1s blink infinite .9999s;animation:1s blink infinite .9999s;padding-right:4px}.indicator>span:nth-of-type(2){-webkit-animation:1s blink infinite .6666s;animation:1s blink infinite .6666s}.indicator>span:nth-of-type(1){-webkit-animation:1s blink infinite .3333s;animation:1s blink infinite .3333s}@-webkit-keyframes fade{0%{opacity:1}100%{opacity:0}}@keyframes fade{0%{opacity:1}100%{opacity:0}}.letter{position:relative}.letter:last-child:before{content:'';display:block;position:absolute;left:100%;top:0;bottom:0;width:2px;background-color:#00f;-webkit-animation:fade 1s infinite cubic-bezier(1,0,0,1);animation:fade 1s infinite cubic-bezier(1,0,0,1)}.indicator,.input,.me,.them{padding:7px 15px;font-family:'Helvetica Neue',sans-serif;font-size:17px;line-height:1.25;font-weight:400;-webkit-font-smoothing:antialiased;word-wrap:break-word}.indicator,.me,.them{position:relative;margin:5px 0;max-width:255px;border-radius:25px;clear:both}.me:after,.me:before,.them:after,.them:before{content:'';position:absolute;bottom:-2px;height:15px}.app,.container{-webkit-box-direction:normal;height:100%}@-webkit-keyframes me{0%{opacity:0;-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}50%{opacity:0}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes me{0%{opacity:0;-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}50%{opacity:0}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}.me{background:#0B93F6;color:#fff;float:right}.me:last-child{-webkit-animation:me .25s;animation:me .25s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.me:before{z-index:0;right:-7px;border-right:20px solid #0B93F6;border-bottom-left-radius:16px 14px;-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px)}.me:after{z-index:1;right:-56px;width:26px;background:#fff;border-bottom-left-radius:10px;-webkit-transform:translate(-30px,-2px);-ms-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}@-webkit-keyframes them{0%{opacity:0;-webkit-transform:translate(100%,0);transform:translate(100%,0)}50%{opacity:0}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes them{0%{opacity:0;-webkit-transform:translate(100%,0);transform:translate(100%,0)}50%{opacity:0}100%{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}}.indicator,.them{background:#E5E5EA;color:#000;float:left}.indicator,.them:last-child{-webkit-animation:them .25s;animation:them .25s;-webkit-animation-iteration-count:1;animation-iteration-count:1}.them:before{z-index:2;left:-7px;border-left:20px solid #E5E5EA;border-bottom-right-radius:16px 14px;-webkit-transform:translate(0,-2px);-ms-transform:translate(0,-2px);transform:translate(0,-2px)}.them:after{z-index:3;left:4px;width:26px;background:#fff;border-bottom-right-radius:10px;-webkit-transform:translate(-30px,-2px);-ms-transform:translate(-30px,-2px);transform:translate(-30px,-2px)}@element '.message' and (min-lines:2){$this{border-radius:15px}}.container{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.app{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative;max-width:640px;margin:0 auto;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}.chat{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding:15px;overflow:hidden}.footer{padding:10px}.input{border:1px solid #ccc;border-radius:25px;color:#000}.placeholder{color:#ccc}