.is-mobile .friend[data-v-409af9c8]{padding:20px;border-top:1px solid #eee;display:grid;align-items:center;grid-template-columns:64px 1fr;grid-gap:20px}.is-mobile .friend.is-selected[data-v-409af9c8]{background-color:#e5f6ff}.is-mobile .friend[data-v-409af9c8]:not(.is-selected):first-child{border-color:transparent}.is-desktop .friend[data-v-409af9c8]{border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.16);background-color:#fff;overflow:hidden;cursor:pointer;transition:transform .1s linear}.is-desktop .friend[data-v-409af9c8]:before{display:block;content:"";height:132px;background-color:#c13b3b}.is-desktop .friend[data-v-409af9c8]:hover{transform:scale(1.05)}.is-desktop .friend-image[data-v-409af9c8]{width:128px;height:128px;position:absolute;left:50%;margin-left:-64px;top:32px;line-height:126px}.is-desktop .friend-image[data-v-409af9c8],.is-mobile .friend-image[data-v-409af9c8]{border-radius:10px;text-align:center;background-color:#fff;border:1px solid #eee;background-position:50% 50%;background-size:contain;background-repeat:no-repeat;z-index:2}.is-mobile .friend-image[data-v-409af9c8]{width:64px;height:64px;line-height:64px}.is-desktop .friend-initials[data-v-409af9c8]{font-weight:700;font-size:48px;color:#666}.is-mobile .friend-initials[data-v-409af9c8]{font-weight:700;font-size:24px;color:#666}.is-desktop .friend-info[data-v-409af9c8]{padding:46px 20px 20px 20px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.is-mobile .friend-info[data-v-409af9c8]{display:flex;flex-direction:column;align-items:flex-start}.friend-info-name[data-v-409af9c8]{font-size:14px;font-weight:500;color:#343434}.friend-info-date[data-v-409af9c8]{color:#666;font-size:12px;font-weight:300;margin-bottom:16px;margin-top:2px}.is-mobile .friend-info-date[data-v-409af9c8]{font-size:14px;margin-bottom:0}.friend-info-connections[data-v-409af9c8]{display:grid;width:100%;justify-content:center;grid-gap:4px;grid-template-columns:repeat(auto-fit,minmax(48px,48px))}.is-mobile .friend-info-connections[data-v-409af9c8]{justify-content:flex-start}.friend-info-connections-item[data-v-409af9c8]{border-radius:50%;border:1px solid #eee;width:48px;height:48px;display:flex;justify-content:center;font-weight:700;color:#fff;font-size:16px;align-items:center}.friend-info-connections-item-image[data-v-409af9c8]{width:32px;height:32px;background-position:50% 50%;background-size:contain;background-repeat:no-repeat}.friend-info-connections-item.is-blue[data-v-409af9c8]{color:#00a8ff}.friend-info-connections-item.is-green[data-v-409af9c8]{color:#5bb162}.friend-info-connections-item-count[data-v-409af9c8]{position:absolute;right:-4px;font-weight:400;top:-4px;font-size:12px;padding:2px 4px;border-radius:4px;color:#fff}.friend-info-connections-item.is-blue .friend-info-connections-item-count[data-v-409af9c8]{background-color:#00a8ff}.friend-info-connections-item.is-green .friend-info-connections-item-count[data-v-409af9c8]{background-color:#5bb162}.info[data-v-efa194a8]{border:1px solid #eee;border-radius:10px;margin-bottom:20px}.grid[data-v-efa194a8],.info[data-v-efa194a8]{display:grid;grid-template-columns:1fr 1fr 1fr}.grid[data-v-efa194a8]{grid-gap:20px}