.online-users[data-v-9a60f31c]{list-style-type:none;padding-left:0;margin-bottom:0}.online-users li[data-v-9a60f31c]{display:inline-block;padding:5px 15px;font-size:12px;background-color:#000;color:#fff;margin-right:5px;border-radius:20px;border:1px solid #fff;width:40px;height:40px;box-shadow:1px 1px 5px rgba(0,0,0,.1);overflow:hidden;cursor:pointer}.online-users li div[data-v-9a60f31c]:first-child{margin-top:5px}.online-users li div[data-v-9a60f31c]:nth-child(2){max-width:0;overflow:hidden;transition:all 2s ease;margin-top:5px}.online-users li[data-v-9a60f31c]:hover{width:auto}.online-users li:hover div[data-v-9a60f31c]:nth-child(2){max-width:200px;transition:all 2s ease}.online-users li:hover div[data-v-9a60f31c]:first-child{width:0;overflow:hidden}