.join{width:380px;border:1px solid #333;background-color:#fff;box-shadow:10px 10px 5px 0px rgba(0,0,0,.25)}.join .join-title{background-color:#3e90ac;color:#fff;font-size:13px;padding:5px}.join .join-content{padding:20px}.join .join-content .welcome{font-weight:bold;margin-bottom:10px}.join .join-content .groups .group-list{margin:0 0 20px 0;float:left}.join .join-content .groups .group-list .group{width:63px;min-height:76px;background-color:#ccc;float:left;margin:10px 10px 0 0;cursor:pointer;font-size:10px}.join .join-content .groups .group-list .group .group-title{background-color:#3e90ac;color:#fff;text-align:center;padding:5px}.join .join-content .groups .group-list .group .group-users{padding:5px}.join .join-content .groups .group-list .group .group-users .user{background-color:#91e7a2;padding:5px;float:left;margin:2.5px}.join .join-content .groups .group-list .group .group-users .user.disconnected{background-color:#dfdfdf}.join .join-content .groups .group-list .group .group-users::after{content:"";display:block;clear:both;margin-top:5px}.join .join-content .create-group{clear:both}.join .join-content .create-group div{margin:5px 0}.join .join-content .create-group select{margin-right:10px;padding:5px}.join .join-content .create-group .button{border:1px solid #313131;padding:5px 10px;margin-top:5px;font-size:14px;background-color:#ddd}
#app{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;color:#242424}#app .icon{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor}

/*# sourceMappingURL=index.7ca0d698.css.map*/