.v-avatar{background-color:var(--color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex;position:relative}@media (width>=768px){.v-avatar.large{width:40px;height:40px;font-size:18px}}.v-avatar.has-img{border:2px solid var(--color)}.v-avatar.has-img img{-o-object-fit:cover;object-fit:cover;border-radius:50%;width:100%;height:100%}.v-avatar.clickable{cursor:pointer}.v-avatar.primary{--color:#009688;--color-dark:#00635a;--color-light:#00b09f}.v-avatar.secondary{--color:#9c27b0;--color-dark:#771e86;--color-light:#af2cc5}.v-avatar.danger{--color:#ff5722;--color-dark:#ee3900;--color-light:#ff6a3b}.v-avatar .online-dot{background-color:#22c55e;border:2px solid #0f0f0f;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px}