.user-avatar[data-v-c0bafc80]{border-radius:.5rem;flex-shrink:0;outline:1px solid var(--border-2);overflow:hidden;position:relative}.user-avatar--sm[data-v-c0bafc80]{border-radius:.375rem;height:1.75rem;width:1.75rem}.user-avatar--md[data-v-c0bafc80]{border-radius:.5rem;height:2.5rem;width:2.5rem}.user-avatar--lg[data-v-c0bafc80]{border-radius:.625rem;height:3rem;width:3rem}.user-avatar--xl[data-v-c0bafc80]{border-radius:.75rem;height:4rem;width:4rem}.avatar-image[data-v-c0bafc80]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-placeholder[data-v-c0bafc80]{background:var(--primary);color:var(--text);font-weight:600;height:100%;width:100%}.avatar-loading[data-v-c0bafc80],.avatar-placeholder[data-v-c0bafc80]{align-items:center;display:flex;justify-content:center}.avatar-loading[data-v-c0bafc80]{background:#00000040;inset:0;position:absolute}.spinner[data-v-c0bafc80]{animation:ua-spin-c0bafc80 .9s linear infinite;border:2px solid hsla(0,0%,100%,.5);border-radius:50%;border-top-color:#fff;height:22px;width:22px}@keyframes ua-spin-c0bafc80{to{transform:rotate(1turn)}}.user-avatar--sm .avatar-placeholder[data-v-c0bafc80]{font-size:.75rem}.user-avatar--md .avatar-placeholder[data-v-c0bafc80]{font-size:.875rem}.user-avatar--lg .avatar-placeholder[data-v-c0bafc80]{font-size:1rem}.user-avatar--xl .avatar-placeholder[data-v-c0bafc80]{font-size:1.25rem}