ul[data-v-ea6fbdbc]{max-height:700px;overflow-y:auto;padding-left:.5rem}ul i[data-v-ea6fbdbc]{font-size:1.5rem;border:1px solid #f1f1f1;padding:.2rem;margin:.3rem;cursor:pointer}ul i.active[data-v-ea6fbdbc],ul i[data-v-ea6fbdbc]:hover{border-radius:2px;border-color:#4a4a48;background-color:#4a4a48;color:#fff;-webkit-transition:all .3s;transition:all .3s}ul li[data-v-ea6fbdbc]{list-style:none;float:left;width:5%;text-align:center;cursor:pointer;color:#555;-webkit-transition:color .3s ease-in-out,background-color .3s ease-in-out;transition:color .3s ease-in-out,background-color .3s ease-in-out;position:relative;margin:3px 0;border-radius:4px;background-color:#fff;overflow:hidden;padding:10px 0 0}.room-card[data-v-5dacaa88]{border:2px solid #f0f0f0;border-radius:8px;background:#fff;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;position:relative;overflow:hidden;-webkit-box-sizing:border-box;box-sizing:border-box;height:120px;margin:0}.room-card-inner[data-v-5dacaa88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;padding:10px;height:100%;-webkit-box-sizing:border-box;box-sizing:border-box}.room-card[data-v-5dacaa88]:hover{-webkit-box-shadow:0 4px 12px rgba(0,0,0,.1);box-shadow:0 4px 12px rgba(0,0,0,.1);border-color:#d9d9d9}.room-card-selected[data-v-5dacaa88]{border-color:#1890ff;background-color:#f0f8ff;-webkit-box-shadow:0 4px 12px rgba(24,144,255,.2);box-shadow:0 4px 12px rgba(24,144,255,.2)}.room-avatar-container[data-v-5dacaa88]{width:90px;height:90px;-ms-flex-negative:0;flex-shrink:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow:hidden;border-radius:4px;background-color:#f5f5f5}.room-card-avatar[data-v-5dacaa88]{margin-right:15px;-ms-flex-negative:0;flex-shrink:0}.room-card-content[data-v-5dacaa88]{-webkit-box-flex:1;-ms-flex:1;flex:1;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-pack:center;-ms-flex-pack:center;justify-content:center;min-height:90px}.room-card-title[data-v-5dacaa88]{margin-bottom:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.room-name[data-v-5dacaa88]{font-size:15px;font-weight:500;margin-right:10px}.room-card-info[data-v-5dacaa88]{margin-bottom:5px;color:#666;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:12px}.room-card-info[data-v-5dacaa88]:last-child{margin-bottom:0}.room-card-info[data-v-5dacaa88] .anticon{margin-right:5px}.selected-check[data-v-5dacaa88]{position:absolute;top:8px;right:8px}.default-room-icon[data-v-5dacaa88]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:#f0f2f5}.room-avatar-container .ant-avatar[data-v-5dacaa88]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:768px){.ant-col-12[data-v-5dacaa88]{width:100%}.room-card[data-v-5dacaa88]{height:140px}.room-avatar-container[data-v-5dacaa88]{width:80px;height:80px}.room-card-content[data-v-5dacaa88]{min-height:80px}}