@zeit-ui/vue/lib/user.css

A popular UI framework for Vue

.expand-enter-active,.expand-leave-active{transition:height .2s ease;overflow:hidden}.expand-enter,.expand-leave-to{height:0}.zi-avatar{display:inline-block;position:relative;overflow:hidden;width:1.875rem;height:1.875rem;border:1px solid var(--accents-2);border-radius:50%;vertical-align:top;background-color:var(--geist-background)}.zi-avatar img{display:inline-block;width:100%;height:100%;border-radius:50%}.zi-avatar+.zi-avatar{margin-left:0}.zi-avatar.small{width:1.25rem;height:1.25rem}.zi-avatar.big{width:3.75rem;height:3.75rem}.zi-avatar.big .zi-avatar-string{font-size:1.25rem}.zi-avatar.huge{width:5.625rem;height:5.625rem}.zi-avatar.huge .zi-avatar-string{font-size:1.25rem}.zi-avatar.stacked+.zi-avatar.stacked{margin-left:-.625rem}.zi-avatar.square,.zi-avatar.square img{border-radius:.3125rem}.zi-avatar.single .zi-avatar-string{transform:translate(-50%,-50%) scale(1)}.zi-avatar-string{position:absolute;left:50%;top:50%;font-size:.875rem;text-align:center;transform:translate(-50%,-50%) scale(.6);white-space:nowrap;user-select:none}.zi-user{display:inline-flex;padding:0 var(--geist-gap-half);align-items:center;justify-content:center;max-width:100%}.zi-user-avatar{width:32px;height:32px}.zi-user-content{margin-left:var(--geist-gap-half);white-space:nowrap;line-height:1.1rem}.zi-user-content .zi-user-name{font-size:.89rem;font-weight:500;color:var(--accents-8)}.zi-user-content .zi-user-description{display:block;font-size:.75rem;color:var(--accents-6)}.zi-user-content .zi-user-description>*{margin:0}.zi-user-content .zi-user-description a:hover{background-color:unset;opacity:.7}