.avatar.svelte-5xw354{height:var(--height, 30px);width:var(--height, 30px);display:flex;align-items:center;justify-content:center;overflow:clip;flex-shrink:0;--placeholder-icon-color: var(--mono-soft);position:relative}.avatar.background.svelte-5xw354:before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";z-index:0;background-color:var(--primary)}.avatar.rounded.svelte-5xw354{border-radius:50%}.avatar.outlined.svelte-5xw354{border:calc(var(--font-size) / 16) solid var(--primary)}.avatar.outlined.svelte-5xw354 img:where(.svelte-5xw354){width:calc(100% - var(--font-size) / 8);height:calc(100% - var(--font-size) / 8)}.avatar.outlined.svelte-5xw354 .initial:where(.svelte-5xw354){border-radius:50%;width:calc(100% - var(--font-size) / 8);height:calc(100% - var(--font-size) / 8)}.avatar.svelte-5xw354 .menu-icon:where(.svelte-5xw354){width:var(--width, 28px);height:var(--width, 28px);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--mono)}.avatar.svelte-5xw354 .placeholder:where(.svelte-5xw354){position:absolute;top:0;left:0;width:100%;height:100%;color:var(--placeholder-icon-color)}.avatar.svelte-5xw354 .initial:where(.svelte-5xw354){width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:var(--padding, 6px);font-size:var(--font-size, 1rem);font-weight:var(--font-weight, 500);color:var(--primary-contrast);z-index:1;background-color:var(--background-color, var(--main-400))}.avatar.svelte-5xw354 img:where(.svelte-5xw354){width:100%;height:100%;object-fit:cover}.avatar.svelte-5xw354 .while-loading:where(.svelte-5xw354){position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%}