.friends-grid.svelte-1qv2f2s{grid-template-columns:repeat(var(--fg-cols,3), minmax(0, 1fr));gap:.5rem;display:grid}.friend-item-wrap.svelte-1qv2f2s{min-width:0;position:relative;container-type:inline-size}.tag.svelte-1qv2f2s{z-index:2;background:var(--c-leaf);height:1.1rem;color:var(--c-cream);font-size:var(--text-micro);text-transform:uppercase;letter-spacing:.03em;pointer-events:none;border-radius:9999px;align-items:center;padding:0 .4rem;font-weight:700;display:inline-flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.friend-item.svelte-1qv2f2s{width:100%;color:var(--color-text);font-family:var(--font-body);cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:.4rem;min-width:0;padding:.5rem .15rem;transition:background .15s;display:flex}@media (hover:hover){.friend-item.svelte-1qv2f2s:hover{background:var(--c-mid-green)}}.friend-item.svelte-1qv2f2s:disabled{cursor:default}.friend-item__avatar.svelte-1qv2f2s{--face:min(70cqi, 5.5rem);width:var(--face);margin-top:calc(var(--face) * .1);margin-bottom:calc(var(--face) * .24);aspect-ratio:1;-webkit-touch-callout:none;border-radius:50%;flex:none;justify-content:center;align-items:center;display:inline-flex;position:relative}.friend-item__avatar.svelte-1qv2f2s img{-webkit-touch-callout:none}.friend-item__name.svelte-1qv2f2s{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.85rem;font-weight:600;overflow:hidden}.friend-item__error.svelte-1qv2f2s{font-size:var(--text-micro);color:var(--c-red);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.fg-status.svelte-1qv2f2s{z-index:3;background:color-mix(in oklch, var(--color-bg) 70%, transparent);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fg-check.svelte-1qv2f2s{color:var(--c-leaf)}.fg-spinner.svelte-1qv2f2s{border:2px solid color-mix(in oklch, var(--color-text) 25%, transparent);border-top-color:var(--color-text);border-radius:9999px;width:40%;height:40%;animation:.75s linear infinite svelte-1qv2f2s-fg-spin}@keyframes svelte-1qv2f2s-fg-spin{to{transform:rotate(360deg)}}html[data-motion=reduce] .fg-spinner.svelte-1qv2f2s{animation:none}.friend-item--skeleton.svelte-1qv2f2s{cursor:default}.fg-skel-name.svelte-1qv2f2s{flex-shrink:0;align-items:center;width:70%;height:1.02rem;display:flex}