.friends-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.friends-grid::after{content:'';width:350px;height:0}.friend-card{background-color:#fff;border:1px solid #E7E9EF;border-radius:14px;padding:20px;box-sizing:border-box;transition:transform 0.3s ease,box-shadow 0.3s ease;overflow:hidden;width:350px;flex-shrink:0}.friend-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px rgb(0 0 0 / .1)}.friend-card-header{display:flex;align-items:center;margin-bottom:15px}.friend-icon-link{margin-right:15px;flex-shrink:0}.friend-icon{width:60px;height:60px;border-radius:50%;object-fit:cover;display:block}.friend-info{display:flex;flex-direction:column;overflow:hidden}.friend-name{margin:0 0 5px 0!important;font-size:1.2em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-name a{text-decoration:none;color:inherit}.friend-description{margin:0;font-size:.9em;color:#BFC1C6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:1.4em}.friend-latest-post{background-color:#f8f9fa;border-radius:14px;padding:10px 15px;display:flex;justify-content:space-between;align-items:center;font-size:.85em;min-height:2.5em;box-sizing:border-box;overflow:hidden}.latest-post-title{color:inherit;text-decoration:none;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-right:10px;flex-grow:1}.latest-post-title:hover{text-decoration:underline}.latest-post-date,.no-latest-post{color:#BFC1C6;white-space:nowrap;flex-shrink:0}.no-latest-post{width:100%;text-align:left}@media (max-width:768px){.friend-card{max-width:90vw;width:min(350px, 90vw)}}.friend-latest-post{height:40px;display:flex;align-items:center}.friend-description{height:1.4em;overflow:hidden}.friend-card.recent-post{position:relative;animation:rotating-shadow 3s ease-in-out infinite}@keyframes rotating-shadow{0%{box-shadow:0 0 12px rgb(152 193 217 / .2),8px 8px 20px rgb(152 193 217 / .4)}5%{box-shadow:0 0 12px rgb(152 193 217 / .2),8px 6px 20px rgb(152 193 217 / .4)}10%{box-shadow:0 0 12px rgb(152 193 217 / .2),6px 8px 20px rgb(152 193 217 / .4)}15%{box-shadow:0 0 12px rgb(152 193 217 / .2),3px 9px 20px rgb(152 193 217 / .4)}20%{box-shadow:0 0 12px rgb(152 193 217 / .2),0 10px 20px rgb(152 193 217 / .4)}25%{box-shadow:0 0 12px rgb(152 193 217 / .2),-3px 9px 20px rgb(152 193 217 / .4)}30%{box-shadow:0 0 12px rgb(152 193 217 / .2),-6px 8px 20px rgb(152 193 217 / .4)}35%{box-shadow:0 0 12px rgb(152 193 217 / .2),-9px 6px 20px rgb(152 193 217 / .4)}40%{box-shadow:0 0 12px rgb(152 193 217 / .2),-10px 3px 20px rgb(152 193 217 / .4)}45%{box-shadow:0 0 12px rgb(152 193 217 / .2),-9px 0 20px rgb(152 193 217 / .4)}50%{box-shadow:0 0 12px rgb(152 193 217 / .2),-8px -3px 20px rgb(152 193 217 / .4)}55%{box-shadow:0 0 12px rgb(152 193 217 / .2),-6px -6px 20px rgb(152 193 217 / .4)}60%{box-shadow:0 0 12px rgb(152 193 217 / .2),-3px -9px 20px rgb(152 193 217 / .4)}65%{box-shadow:0 0 12px rgb(152 193 217 / .2),0 -10px 20px rgb(152 193 217 / .4)}70%{box-shadow:0 0 12px rgb(152 193 217 / .2),3px -9px 20px rgb(152 193 217 / .4)}75%{box-shadow:0 0 12px rgb(152 193 217 / .2),6px -6px 20px rgb(152 193 217 / .4)}80%{box-shadow:0 0 12px rgb(152 193 217 / .2),8px -3px 20px rgb(152 193 217 / .4)}85%{box-shadow:0 0 12px rgb(152 193 217 / .2),9px 0 20px rgb(152 193 217 / .4)}90%{box-shadow:0 0 12px rgb(152 193 217 / .2),10px 3px 20px rgb(152 193 217 / .4)}95%{box-shadow:0 0 12px rgb(152 193 217 / .2),9px 6px 20px rgb(152 193 217 / .4)}100%{box-shadow:0 0 12px rgb(152 193 217 / .2),8px 8px 20px rgb(152 193 217 / .4)}}