.v-avatar{text-align:center;vertical-align:middle;flex:none;justify-content:center;align-items:center;line-height:normal;transition:width .2s cubic-bezier(.4,0,.2,1),height .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.v-avatar.v-avatar--size-x-small{--v-avatar-height:24px}.v-avatar.v-avatar--size-small{--v-avatar-height:32px}.v-avatar.v-avatar--size-default{--v-avatar-height:40px}.v-avatar.v-avatar--size-large{--v-avatar-height:48px}.v-avatar.v-avatar--size-x-large{--v-avatar-height:56px}.v-avatar.v-avatar--density-default{height:calc(var(--v-avatar-height));width:calc(var(--v-avatar-height))}.v-avatar.v-avatar--density-comfortable{height:calc(var(--v-avatar-height) - 4px);width:calc(var(--v-avatar-height) - 4px)}.v-avatar.v-avatar--density-compact{height:calc(var(--v-avatar-height) - 8px);width:calc(var(--v-avatar-height) - 8px)}.v-avatar{border-color:rgba(var(--v-border-color),var(--v-border-opacity));border-style:solid;border-width:0}.v-avatar--border{box-shadow:none;border-width:thin}.v-avatar{border-radius:50%}.v-avatar--variant-outlined,.v-avatar--variant-plain,.v-avatar--variant-text,.v-avatar--variant-tonal{color:inherit;background:0 0}.v-avatar--variant-plain{opacity:.62}.v-avatar--variant-plain:focus,.v-avatar--variant-plain:hover{opacity:1}.v-avatar--variant-plain .v-avatar__overlay{display:none}.v-avatar--variant-elevated,.v-avatar--variant-flat{background:var(--v-theme-surface);color:rgba(var(--v-theme-on-surface),var(--v-medium-emphasis-opacity))}.v-avatar--variant-elevated{box-shadow:0 2px 1px -1px var(--v-shadow-key-umbra-opacity,#0003),0 1px 1px 0 var(--v-shadow-key-penumbra-opacity,#00000024),0 1px 3px 0 var(--v-shadow-key-ambient-opacity,#0000001f)}.v-avatar--variant-flat{box-shadow:0 0 0 0 var(--v-shadow-key-umbra-opacity,#0003),0 0 0 0 var(--v-shadow-key-penumbra-opacity,#00000024),0 0 0 0 var(--v-shadow-key-ambient-opacity,#0000001f)}.v-avatar--variant-outlined{border:thin solid}.v-avatar--variant-text .v-avatar__overlay{background:currentColor}.v-avatar--variant-tonal .v-avatar__underlay{border-radius:inherit;opacity:var(--v-activated-opacity);pointer-events:none;background:currentColor;inset:0}.v-avatar .v-avatar__underlay{position:absolute}.v-avatar--rounded{border-radius:4px}.v-avatar--start{margin-inline-end:8px}.v-avatar--end{margin-inline-start:8px}.v-avatar .v-img{width:100%;height:100%}