.friends-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:.25rem 0 1.5rem;display:grid}.friend-card{border-radius:var(--radius-large, .75rem);border:2px solid var(--deep-text);background:transparent;color:var(--deep-text);flex-direction:column;text-decoration:none;transition:border-color .3s,box-shadow .3s,background-color .3s;display:flex;position:relative;overflow:hidden}.friend-card:hover{background:color-mix(in srgb,var(--content-meta) 6%,transparent)}.friend-card:has(.friend-card__cover):hover{box-shadow:0 4px 20px #00000014}:root.dark .friend-card:has(.friend-card__cover):hover{box-shadow:0 4px 20px #ffffff14}.friend-card__cover{height:0;opacity:0;display:block;position:relative;overflow:hidden;transition:height .3s ease,opacity .35s ease}.friend-card:hover .friend-card__cover{height:7rem;opacity:1}.friend-card__cover-img{object-fit:cover;width:100%;height:100%;transition:opacity .4s;display:block}.friend-card__cover-loader{--ballcolor: oklch(60% 0 0);--shadow: 0 0 #fff0;--shadowcolor: #fff0;pointer-events:none;border-radius:50%;width:10px;height:10px;display:none;position:absolute;top:calc(50% - 5px);left:calc(50% - 155px)}:root.dark .friend-card__cover-loader{--ballcolor: oklch(75% 0 0)}.friend-card__cover.is-loading .friend-card__cover-loader{animation:2s linear infinite friendShadowRolling;display:block}.friend-card__cover.is-loading .friend-card__cover-img{opacity:0}.friend-card__cover.is-error{display:none}.friend-card__wave{width:100%;height:1.25rem;color:transparent;pointer-events:none;display:block;position:absolute;bottom:-1px;left:0;right:0}.friend-card__body{flex-direction:column;flex:1;padding:.875rem 1rem;display:flex}.friend-card__info{align-items:center;gap:.75rem;display:flex}.friend-card__avatar{border:2px solid var(--deep-text);background:transparent;border-radius:999px;flex-shrink:0;width:2.75rem;height:2.75rem;position:relative;overflow:hidden}.friend-card__avatar img{object-fit:cover;width:100%;height:100%;display:block}.friend-card__avatar-fallback{color:var(--deep-text);justify-content:center;align-items:center;font-size:1.125rem;font-weight:700;display:none;position:absolute;inset:0}.friend-card__avatar.is-error img{display:none}.friend-card__avatar.is-error .friend-card__avatar-fallback{display:flex}.friend-card__meta{flex-direction:column;flex:1;gap:.2rem;min-width:0;display:flex}.friend-card__name-row{align-items:center;gap:.375rem;min-width:0;display:flex}.friend-card__name{color:var(--deep-text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:1rem;font-weight:700;line-height:1.3;overflow:hidden}.friend-card__jump-icon{color:var(--primary);opacity:0;flex-shrink:0;width:.875rem;height:.875rem;transition:opacity .2s,transform .2s;transform:translate(-3px,3px)}.friend-card:hover .friend-card__jump-icon,.friend-card:focus-visible .friend-card__jump-icon{opacity:1;transform:translate(0)}.friend-card__url{color:var(--content-meta);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;font-weight:500;transition:color .2s;overflow:hidden}.friend-card:hover .friend-card__url{color:var(--deep-text)}.friend-card__desc{color:var(--content-meta);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.friend-card__divider{background:var(--line-divider);height:1px;margin:.75rem 0 .625rem}.friend-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.5rem}.friend-card__tag{font-size:.65rem;padding:.125rem .5rem;border-radius:9999px;background:color-mix(in srgb,var(--content-meta) 10%,transparent);color:var(--content-meta)}@keyframes friendShadowRolling{0%{box-shadow:var(--shadow),var(--shadow),var(--shadow),var(--shadow)}12%{box-shadow:100px 0 var(--ballcolor),var(--shadow),var(--shadow),var(--shadow)}25%{box-shadow:110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow),var(--shadow)}36%{box-shadow:120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor),var(--shadow)}50%{box-shadow:130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor),100px 0 var(--ballcolor)}62%{box-shadow:200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor),110px 0 var(--ballcolor)}75%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor),120px 0 var(--ballcolor)}87%{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),130px 0 var(--ballcolor)}to{box-shadow:200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor),200px 0 var(--shadowcolor)}}@media(max-width:1024px){.friends-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.friends-grid{grid-template-columns:1fr}}