.profile-pic.svelte-17ykvvx{padding:0;margin:0;border:none;background:transparent;cursor:pointer;display:block;width:var(--size);height:var(--size);min-width:var(--size);min-height:var(--size);border-radius:50%;transition:transform .15s ease;contain:layout style}.profile-pic.svelte-17ykvvx:hover{transform:scale(1.02)}.profile-pic.svelte-17ykvvx:active{transform:scale(.98)}.profile-pic-inner.svelte-17ykvvx{width:100%;height:100%;border-radius:50%;border:.33px solid hsl(var(--white16));background-color:hsl(var(--gray66) / .8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);overflow:hidden;position:relative}.skeleton-container.svelte-17ykvvx{position:absolute;inset:0;border-radius:50%;overflow:hidden}.loading-initial-container.svelte-17ykvvx{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--bg-color)}.profile-image.svelte-17ykvvx{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.profile-image.loaded.svelte-17ykvvx{opacity:1}.fallback-container.svelte-17ykvvx{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-color);position:relative}.initial.svelte-17ykvvx{font-size:var(--font-size);font-weight:700;color:var(--text-color);line-height:1;user-select:none}.user-icon-colored.svelte-17ykvvx{width:60%;height:60%;color:var(--text-color)}