.friend-card.svelte-1rfg63e{position:relative;display:flex;flex-direction:column;box-sizing:border-box;width:100%;overflow:hidden;border-radius:var(--shape-corner-l);background:var(--card-bg);color:var(--on-surface);border:1px solid var(--outline-variant);text-decoration:none;transition:border-color var(--m3e-duration-medium) var(--m3e-easing-emphasized-decelerate),box-shadow var(--m3e-duration-medium) var(--m3e-easing-emphasized-decelerate),background-color var(--m3e-duration-medium) var(--m3e-easing-standard)}.friend-card.svelte-1rfg63e:hover{border-color:var(--outline);box-shadow:var(--m3e-elevation-1);background:color-mix(in oklab,var(--on-surface) 3%,var(--card-bg))}.friend-card__body.svelte-1rfg63e{flex:1;min-width:0;padding:var(--m3e-space-4) var(--m3e-space-5)}.friend-card__header.svelte-1rfg63e{display:flex;align-items:center;gap:var(--m3e-space-3);margin-bottom:var(--m3e-space-3)}.friend-card__info.svelte-1rfg63e{min-width:0;flex:1}.friend-card__title.svelte-1rfg63e{display:flex;align-items:center;margin:0;color:var(--on-surface);font:var(--m3e-type-title-small);font-weight:600;line-height:1.3;text-decoration:none;transition:color var(--m3e-duration-short) var(--m3e-easing-standard)}.friend-card.svelte-1rfg63e:hover .friend-card__title:where(.svelte-1rfg63e){color:var(--primary)}.friend-card__title-text.svelte-1rfg63e{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card__host.svelte-1rfg63e{margin-top:.125rem;color:var(--on-surface-variant);font:var(--m3e-type-body-small)}.friend-card__arrow.svelte-1rfg63e{display:inline-flex;align-items:center;flex-shrink:0;color:var(--on-surface-variant);transition:color var(--m3e-duration-short) var(--m3e-easing-standard),transform var(--m3e-duration-medium) var(--m3e-easing-emphasized-decelerate)}.friend-card__arrow.svelte-1rfg63e>svg{width:1.25rem;height:1.25rem}.friend-card.svelte-1rfg63e:hover .friend-card__arrow:where(.svelte-1rfg63e){color:var(--primary);transform:translate(.25rem)}.friend-card__desc.svelte-1rfg63e{margin:0 0 var(--m3e-space-2);color:var(--on-surface-variant);font:var(--m3e-type-body-small);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.friend-card__tags.svelte-1rfg63e{display:flex;flex-wrap:wrap;gap:var(--m3e-space-1)}.friend-card__tag.svelte-1rfg63e{color:var(--on-surface-variant);font:var(--m3e-type-label-small)}.friend-section__tools.svelte-17j3dfh{display:flex;flex-direction:column;gap:.875rem;padding-bottom:1.5rem;border-bottom:1px solid var(--outline-variant)}.friend-section__search.svelte-17j3dfh{position:relative;width:100%;max-width:32rem}.friend-section__search.svelte-17j3dfh .m3-text-field{width:100%}.friend-section__search-clear.svelte-17j3dfh{position:absolute;right:.5rem;top:50%;transform:translateY(-50%);display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:.25rem;border:none;background:none;color:var(--on-surface-variant);cursor:pointer;border-radius:var(--shape-corner-full)}.friend-section__search-clear.svelte-17j3dfh>svg{width:1.25rem;height:1.25rem}.friend-section__search-clear.svelte-17j3dfh:hover{background:color-mix(in oklab,var(--on-surface-variant) 8%,transparent)}.friend-section__chips.svelte-17j3dfh{width:100%}.friend-section__count.svelte-17j3dfh{margin:0;color:var(--on-surface-variant);font:var(--m3e-type-body-small)}.friend-section__loading.svelte-17j3dfh{display:flex;align-items:center;justify-content:center;min-height:11rem;padding-top:1.5rem}.friend-section__loading--out.svelte-17j3dfh{animation:svelte-17j3dfh-friend-loading-out var(--m3e-duration-short) var(--m3e-easing-emphasized-accelerate) both}.friend-section__list.svelte-17j3dfh{display:grid;grid-template-columns:1fr;gap:1rem;padding-top:1.5rem;animation:svelte-17j3dfh-friend-fade-in var(--m3e-duration-medium) var(--m3e-easing-standard)}@media(min-width:768px){.friend-section__list.svelte-17j3dfh{grid-template-columns:repeat(2,1fr)}}.friend-section__empty.svelte-17j3dfh{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:11rem;color:var(--on-surface-variant);font:var(--m3e-type-body-large)}.friend-section__empty.svelte-17j3dfh>svg{width:2.5rem;height:2.5rem}@media(max-width:639px){.friend-section__list.svelte-17j3dfh{padding-top:1.25rem}}@-moz-keyframes svelte-17j3dfh-friend-fade-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes svelte-17j3dfh-friend-fade-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@-o-keyframes svelte-17j3dfh-friend-fade-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes svelte-17j3dfh-friend-fade-in{0%{opacity:0;transform:translateY(.25rem)}to{opacity:1;transform:translateY(0)}}@-moz-keyframes svelte-17j3dfh-friend-loading-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}@-webkit-keyframes svelte-17j3dfh-friend-loading-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}@-o-keyframes svelte-17j3dfh-friend-loading-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}@keyframes svelte-17j3dfh-friend-loading-out{0%{opacity:1;transform:none}to{opacity:0;transform:scale(.96)}}