.friends-page.svelte-11rchhp{max-width:72rem}.stagger.svelte-11rchhp{display:flex;gap:2rem}.col.svelte-11rchhp{flex:1;display:flex;flex-direction:column;gap:1.5rem}.col-1.svelte-11rchhp{padding-top:0}.col-2.svelte-11rchhp{padding-top:4rem}.col-3.svelte-11rchhp{padding-top:8rem}.friend.svelte-11rchhp{display:block;text-decoration:none!important;padding:1rem;border-left:1px solid rgba(255,255,255,.06);transition:border-color .3s,background-color .3s}.friend.svelte-11rchhp:hover{border-color:#fff3;background:#ffffff04}.name.svelte-11rchhp{display:block;font-family:Spectral,serif;font-size:1.15rem;color:#e5e5e5;transition:color .2s}.friend.svelte-11rchhp:hover .name:where(.svelte-11rchhp){color:#fff}.url.svelte-11rchhp{display:block;font-family:Space Mono,monospace;font-size:.65rem;color:#a3a3a34d;margin-top:.3rem;transition:color .2s}.friend.svelte-11rchhp:hover .url:where(.svelte-11rchhp){color:#a3a3a399}@media(max-width:1023px){.col-3.svelte-11rchhp{display:none}.stagger.svelte-11rchhp{gap:1.5rem}.col-2.svelte-11rchhp{padding-top:3rem}}@media(max-width:639px){.stagger.svelte-11rchhp{flex-direction:column;gap:0}.col-1.svelte-11rchhp,.col-2.svelte-11rchhp{padding-top:0}.col-2.svelte-11rchhp,.col-3.svelte-11rchhp{display:flex}}