.avatar{border-radius:50%;border:3px solid white;background-color:var( --color-theme-primary-100 );display:flex;align-items:center;justify-content:center}.avatar__image{border-radius:50%;background-color:var( --color-lightest-grey );object-fit:cover;object-position:center}.avatar__fallback{color:var( --color-theme-primary );width:45%;height:45%;opacity:.8}.avatar--minimal{border:none;box-shadow:none}.avatar-progress{position:relative;display:flex;align-items:center;justify-content:center}.avatar-progress__ring{position:absolute;top:0;left:0}.avatar-progress__ring-bg{stroke:var( --color-theme-primary-200 )}.avatar-progress__ring-progress{stroke:var( --color-theme-primary );transition:stroke-dasharray 1s ease-out}.avatar-progress__avatar{box-shadow:0 2px 8px color-mix(in srgb,transparent 90%,var( --color-black ))}.avatar-progress--hide-ring .avatar-progress__ring{display:none}