.user-card[data-v-77a24ea2]{cursor:pointer;background:linear-gradient(134deg,#282837,#15142300);border:1px solid #ffffff1a;border-radius:.625rem;justify-content:center;align-items:center;transition:all .3s;display:flex}.user-card.open[data-v-77a24ea2]{padding:.3125rem 0 .3125rem .3125rem}.user-card.fold[data-v-77a24ea2]{border-radius:50%;flex-direction:column;padding:.3125rem}.user-card .avatar[data-v-77a24ea2]{flex-shrink:0;transition:all .3s}.user-card .info[data-v-77a24ea2]{transition:all .3s;overflow:hidden}.user-card .info.open[data-v-77a24ea2]{flex:1;padding-left:.3125rem}.user-card .info .name[data-v-77a24ea2]{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:400;overflow:hidden}.user-card .info .diamond[data-v-77a24ea2]{color:#a3a3a3;justify-content:center;align-items:center;gap:.125rem;font-size:.75rem;font-weight:400;transition:all .3s;display:flex}.user-card .info .diamond.open[data-v-77a24ea2]{justify-content:flex-start;margin-top:.0625rem}.user-card .info .diamond img[data-v-77a24ea2]{height:.5rem}.user-card .more[data-v-77a24ea2]{width:1.25rem;height:1.25rem;transform:rotate(90deg)}.logout[data-v-77a24ea2],.user-card .more[data-v-77a24ea2]{cursor:pointer;justify-content:center;align-items:center;display:flex}.logout[data-v-77a24ea2]{color:#dc2626;font-size:.75rem;font-weight:400;line-height:.875rem}.logout img[data-v-77a24ea2]{width:.75rem;height:.75rem;margin-right:.5rem}