.header{z-index:1;position:fixed;top:0;left:0;height:64px;width:100vw;background-color:#25a23b;-webkit-box-shadow:0 2px 2px rgba(0,0,0,.4),0 0;box-shadow:0 2px 2px rgba(0,0,0,.4),0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;padding-left:12px;padding-right:12px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header .user-pic{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:36px;height:36px;border-radius:50%;background-color:#8bc34a;margin-right:12px;font-size:28px;text-align:center;cursor:pointer;overflow:hidden}.header .user-pic img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.header .status-bar{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;font-size:24px;font-weight:600;margin-right:12px}.header .new-message-indicator{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:8px;height:8px;border-radius:50%;background-color:#f2c03b;overflow:hidden;-webkit-animation-name:indicator-breathe;animation-name:indicator-breathe;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;animation-direction:alternate-reverse}.header .backward-button{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;color:hsla(0,0%,100%,.48);overflow:hidden;line-height:36px;font-size:36px;font-weight:600;margin-right:12px;cursor:pointer}.header .chat-title{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5;overflow:hidden;font-size:24px}.header .topButton{position:fixed;right:0;margin-right:10px}.header .topButton svg{cursor:pointer}.header .bottomButton{position:fixed;right:12px;bottom:16px;border-radius:50%;height:38px;width:38px}.header .bottomButton svg{cursor:pointer;margin-top:0;-webkit-animation-name:reveal-refresh;animation-name:reveal-refresh;-webkit-animation-duration:1s;animation-duration:1s;-webkit-transition:all .3s cubic-bezier(.5,0,.5,1);transition:all .3s cubic-bezier(.5,0,.5,1)}@-webkit-keyframes indicator-breathe{0%{opacity:1}to{opacity:0}}@keyframes indicator-breathe{0%{opacity:1}to{opacity:0}}@-webkit-keyframes reveal-title{0%{margin-left:32px}to{margin-left:0}}@keyframes reveal-title{0%{margin-left:32px}to{margin-left:0}}@-webkit-keyframes reveal-refresh{0%{margin-top:50px}to{margin-top:0}}@keyframes reveal-refresh{0%{margin-top:50px}to{margin-top:0}}.modal{display:none;position:fixed;z-index:2;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.4)}.modal-content{background-color:#fefefe;height:100%;width:80%;max-width:360px;-webkit-animation-name:reveal-sidebar;animation-name:reveal-sidebar;-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-shadow:0 0 0,0 12px 12px rgba(0,0,0,.4);box-shadow:0 0 0,0 12px 12px rgba(0,0,0,.4);position:fixed;left:0;top:0}.modal-content,.modal-content .sidePanel-header{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.modal-content .sidePanel-header{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;-webkit-box-orient:vertical;-webkit-box-direction:normal;margin-left:12px;margin-right:12px;margin-bottom:6px;border-bottom:1px solid rgba(0,0,0,.2)}.modal-content .sidePanel-header .sidePanel-header-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;margin-top:12px;margin-bottom:12px;height:100px;width:100px;border-radius:50%;background-color:#8bc34a;overflow:hidden}.modal-content .sidePanel-header .sidePanel-header-icon img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.modal-content .sidePanel-header .sidePanel-header-username{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-bottom:12px;margin-left:6px;max-width:100%;font-size:24px;overflow:hidden}.modal-content .sidePanel-menu{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;margin-left:12px;margin-right:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-content .sidePanel-menu .sidePanel-menu-item{line-height:32px;font-size:30px;padding-left:12px;padding-right:12px;padding-top:12px;padding-bottom:12px;margin-bottom:6px;background-color:rgba(139,195,75,.9);border-radius:4px;color:#fff}.sidePanel-menu-item:hover{background-color:rgba(139,195,75,.6)!important}@-webkit-keyframes reveal-sidebar{0%{left:-300px;opacity:1}to{left:0;opacity:1}}@keyframes reveal-sidebar{0%{left:-300px;opacity:1}to{left:0;opacity:1}}#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;padding:0;background-color:#f0efef}.smooth-trans{-webkit-transition:all .3s cubic-bezier(.5,0,.5,1);transition:all .3s cubic-bezier(.5,0,.5,1)}::-webkit-scrollbar{display:none}p{margin:0}.main-content{padding-top:64px;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.hide{display:none!important}.unSelectable{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal-card{background-color:#fefefe;margin:15% auto;padding:20px;border:1px solid #888;width:80%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-animation-name:reveal-card;animation-name:reveal-card;-webkit-animation-duration:.4s;animation-duration:.4s}@-webkit-keyframes reveal-card{0%{margin-top:1000px}to{margin-top:15% auto}}@keyframes reveal-card{0%{margin-top:1000px}to{margin-top:15% auto}}.inputfile{width:.1px;height:.1px;opacity:0;overflow:hidden;position:absolute;z-index:-1}a:link{text-decoration:none}a:active,a:link{color:#000}a:hover,a:visited{color:#000;text-decoration:none}.chat-group{height:72px;padding-left:8px;margin-left:4px;margin-right:4px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid rgba(0,0,0,.2);cursor:pointer}.chat-group:hover{background-color:hsla(0,0%,50.2%,.15)}.chat-group .group-icon{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;width:52px;height:52px;border-radius:50%;background-color:#8bc34a;overflow:hidden}.chat-group .group-icon img{max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;overflow:hidden}.chat-group .group-brief{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;padding-left:6px;width:calc(100% - 130px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;white-space:nowrap;word-break:break-all}.chat-group .group-brief .brief-title{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;line-height:35px;font-size:25px;font-weight:600;overflow:hidden}.chat-group .group-brief .brief-message{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;line-height:25px;font-size:20px;overflow:hidden;text-overflow:ellipsis}.chat-group .group-update-indicator{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3;width:60px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:right;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.chat-group .group-update-indicator .indicator-date{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;line-height:24px;color:grey;margin-bottom:2px}.chat-group .group-update-indicator .indicator-count{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;height:24px;min-width:24px;border-radius:12px;background-color:rgba(232,62,74,.9);color:#fff;text-align:center;line-height:24px;padding-left:2px;padding-right:2px}.indicator-count[count="0"]{display:none}.chat-group .group-update-indicator .muted{background-color:hsla(0,0%,50.2%,.8)!important}.login-background{-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;min-height:70vh;width:100vw}.tube-input{border-radius:4px;width:200px;-webkit-box-shadow:inset 0 0 2px 2px hsla(0,0%,84.7%,.596);box-shadow:inset 0 0 2px 2px hsla(0,0%,84.7%,.596);border:1px solid #d8d8d8}.tube-button,.tube-input{height:32px;outline:none;padding-left:6px;padding-right:6px}.tube-button{border-radius:6px;border:1px solid #d8d8d8;background-color:rgba(139,195,75,.9);-webkit-box-shadow:0 1px 2px 2px #d8d8d8;box-shadow:0 1px 2px 2px #d8d8d8;-webkit-transition:all .3s cubic-bezier(.5,0,.5,1);transition:all .3s cubic-bezier(.5,0,.5,1);cursor:pointer}.login-background .assistButton{width:214px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.login-background .assistButton button{width:47%}button.wide{width:100%}.tube-button:active{background-color:rgba(133,204,52,.9);-webkit-box-shadow:0 1px 0 0 #d8d8d8;box-shadow:0 1px 0 0 #d8d8d8}.tab{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.blank{height:12px}.version{position:fixed;bottom:0;right:4px;margin:4px;color:grey;opacity:.4}