.d23-friends__title{color:#faf5ff;margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.d23-friends__sub{color:#d8b4fe;margin:0 0 1.5rem;font-size:.875rem}.d23-friends__list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.d23-friends__card{background:#581c8780;border:1px solid #c084fc29;border-radius:.75rem;align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:border-color .15s,background .15s,transform .1s;display:flex}.d23-friends__card:hover{background:#581c87b3;border-color:#818cf8;transform:translateY(-2px)}.d23-friends__avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:50%;flex-shrink:0;place-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:grid}.d23-friends__info{flex-direction:column;flex:1;gap:.125rem;min-width:0;display:flex}.d23-friends__name{color:#faf5ff;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:600;overflow:hidden}.d23-friends__count{color:#fcd34d;align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.d23-friends__count svg{width:.85rem;height:.85rem}.d23-friends__arrow{color:#c084fc;flex-shrink:0;font-size:1.25rem}