.user-avatar{width:7rem;height:7rem;border-radius:50%;left:12%}.user-avatar,.user-name{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.user-name{left:37%;color:#fff;font-size:2rem;max-width:8rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.login-out{position:absolute;top:50%;left:67%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.guide-box{position:absolute;width:100%;padding:1rem;bottom:0;-webkit-transform:translateY(50%);transform:translateY(50%);text-align:center}.guide-status{border-radius:50%;background:#fff}.coll .q-item-side-left{color:#55c655!important}.coll .q-item-side-right{color:#bdbdbd!important}