.friend-entry__avatar{height:var(--friend-avatar-size);width:var(--friend-avatar-size);border-radius:var(--spacing-micro-6);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.friend-entry__avatar img{object-fit:cover;width:100%;height:100%;display:block}.friend-entry{padding-block:var(--space-xs);animation:friend-enter .25s var(--ease-out-quart) var(--friend-enter-delay,0s) both}.friend-entry:first-child{padding-top:0}.friend-entry:last-child{padding-bottom:0}@keyframes friend-enter{0%{opacity:0;transform:translateY(var(--spacing-micro-8))}to{opacity:1;transform:translateY(0)}}.friend-entry__links{padding-left:calc(var(--friend-avatar-size) + var(--space-3xs));opacity:1;transition:opacity .2s var(--ease-out-quart), transform .2s var(--ease-out-quart);transform:translateY(0)scale(1)}@media (width>=640px){.friend-entry__links{padding-left:0}}@media (hover:hover) and (pointer:fine){.friend-entry__links{opacity:0;transform:translateY(var(--spacing-micro-4)) scale(var(--motion-scale-collapsed));pointer-events:none}.friend-entry:hover .friend-entry__links,.friend-entry:focus-within .friend-entry__links{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}}.friend-entry__link{transition:transform .16s var(--ease-out-quart)}.friend-entry__link:active{transform:scale(var(--motion-scale-press))}.friend-entry__link svg{transition:transform .16s var(--ease-out-quart)}@media (hover:hover) and (pointer:fine){.friend-entry__link:hover svg{transform:translateX(var(--spacing-micro-2))}}@media (prefers-reduced-motion:reduce){.friend-entry{animation:none}.friend-entry__links{opacity:1!important;pointer-events:auto!important;transition:none!important;transform:none!important}}