.friend-card.svelte-1xb7b3w{border:1px solid oklch(var(--un-preset-theme-colors-primary) / .1);background-color:oklch(var(--un-preset-theme-colors-background) / .3);border-radius:.5rem;margin-bottom:1.25rem;padding:1.25rem;text-decoration:none;transition:all .3s;display:flex}.friend-card.svelte-1xb7b3w:hover{box-shadow:0 4px 8px oklch(var(--un-preset-theme-colors-primary) / .05);border-color:oklch(var(--un-preset-theme-colors-primary) / .2);transform:translateY(-2px)}.friend-avatar.svelte-1xb7b3w{filter:grayscale(20%);border-radius:50%;flex-shrink:0;width:4rem;height:4rem;margin-right:1.25rem;transition:all .3s;overflow:hidden}.friend-card.svelte-1xb7b3w:hover .friend-avatar:where(.svelte-1xb7b3w){filter:grayscale(0%)}.friend-avatar.svelte-1xb7b3w img:where(.svelte-1xb7b3w){object-fit:cover;border-radius:50%;width:100%;height:100%;transition:all .3s;margin-top:unset!important}.friend-info.svelte-1xb7b3w{flex-direction:column;justify-content:center;display:flex}.friend-name.svelte-1xb7b3w{color:oklch(var(--un-preset-theme-colors-primary));letter-spacing:.02em;margin-bottom:.35rem;font-size:1.1rem;font-weight:500;transition:all .3s}.friend-description.svelte-1xb7b3w{color:oklch(var(--un-preset-theme-colors-secondary));opacity:.8;letter-spacing:.01em;font-size:.9rem;line-height:1.5;transition:all .3s}.friend-card.svelte-1xb7b3w:hover .friend-description:where(.svelte-1xb7b3w){opacity:1}@media (width<=640px){.friend-card.svelte-1xb7b3w{padding:1rem}.friend-avatar.svelte-1xb7b3w{width:3.5rem;height:3.5rem;margin-right:1rem}.friend-name.svelte-1xb7b3w{font-size:1rem}.friend-description.svelte-1xb7b3w{font-size:.85rem}}