.v-avatar{align-items:center;background-color:var(--color);border-radius:50%;color:#fff;display:flex;font-weight:700;justify-content:center;position:relative;width:32px;height:32px}@media(min-width:768px){.v-avatar.large{font-size:18px;width:40px;height:40px}}.v-avatar.has-img{border:2px solid var(--color)}.v-avatar.has-img img{border-radius:50%;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.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:#ff6a3c}.v-avatar .online-dot{background-color:#22c55e;border:2px solid #0f0f0f;border-radius:50%;position:absolute;bottom:-1px;right:-1px;width:10px;height:10px}