.friend-list.svelte-1u44ih2{width:calc(100% + var(--inline-gutter) * 2);margin-inline:calc(-1 * var(--inline-gutter));padding:clamp(1.125rem, 2.75vw, 1.75rem) var(--inline-gutter) 0}ul.svelte-1u44ih2{grid-template-columns:repeat(2,minmax(0,1fr));gap:.625rem;margin:0;padding:0;list-style:none;display:grid}li.svelte-1u44ih2{min-width:0}li.svelte-1u44ih2>a:where(.svelte-1u44ih2){border:1px solid var(--color-boundary);min-width:0;min-height:4.25rem;color:var(--color-text);transition:border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out);align-items:center;gap:.625rem;padding:.625rem;text-decoration:none;display:flex}img.svelte-1u44ih2{background:var(--color-guide);object-fit:cover;opacity:0;width:2.25rem;height:2.25rem;transition:opacity var(--dur-long) var(--ease-out), filter var(--dur-long) var(--ease-out);filter:blur(.25rem);border-radius:50%;flex:none;display:block}img.svelte-1u44ih2[data-loaded]{opacity:1;filter:none}.friend-copy.svelte-1u44ih2{flex:1;gap:.15rem;min-width:0;display:grid}.friend-name.svelte-1u44ih2{font-family:var(--font-stack-serif);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:700;line-height:1.2;overflow:hidden}.friend-description.svelte-1u44ih2{color:var(--color-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:500;line-height:1.35;overflow:hidden}li.svelte-1u44ih2>a:where(.svelte-1u44ih2)>span:where(.svelte-1u44ih2):last-child{font-family:var(--font-stack-sans);transition:transform var(--dur-short) var(--ease-out);flex:none;font-size:.875em}li.svelte-1u44ih2>a:where(.svelte-1u44ih2):after{display:none}@media (hover:hover){li.svelte-1u44ih2>a:where(.svelte-1u44ih2):hover{border-color:var(--color-text-link);color:var(--color-text-link);background:color-mix(in oklab, var(--color-text-link) 6%, transparent)}li.svelte-1u44ih2>a:where(.svelte-1u44ih2):hover>span:where(.svelte-1u44ih2):last-child{transform:translate(.15rem,-.15rem)}li.svelte-1u44ih2>a:where(.svelte-1u44ih2):hover .friend-description:where(.svelte-1u44ih2){color:currentColor;opacity:.78}}li.svelte-1u44ih2>a:where(.svelte-1u44ih2):focus-visible{border-color:var(--color-focus);outline:2px solid var(--color-focus);outline-offset:.2rem}@media (width<34rem){ul.svelte-1u44ih2{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){img.svelte-1u44ih2{transition:none}}.friends-transition.svelte-1hplx5j{width:calc(100% + var(--inline-gutter) * 2);margin:clamp(2rem, 5vw, 3.5rem) calc(-1 * var(--inline-gutter)) 0}