@layer components{.v-avatar{--v-avatar-size:32px;width:var(--v-avatar-size);height:var(--v-avatar-size);border-radius:var(--radius-round);-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.v-avatar:after{content:"";position:absolute;inset:-4px}.v-avatar--large{--v-avatar-size:40px}.v-avatar--large .v-avatar__fallback{font-size:var(--fz-sm)}.v-avatar--clickable{cursor:pointer}.v-avatar--clickable:hover .v-avatar__fallback{background:var(--bg-a3)}.v-avatar__image{-o-object-fit:cover;object-fit:cover;aspect-ratio:1;width:100%;height:100%}.v-avatar__fallback{border-radius:var(--radius-round);background:var(--bg-a2);width:100%;height:100%;box-shadow:inset 0 0 0 1px var(--color-border-1);font-size:var(--fz-xs);font-weight:var(--fw-medium);justify-content:center;align-items:center;display:flex}}