.bfp-node{
  display:flex;
  gap:10px;
  align-items:center;
  padding:12px 14px;
  border-radius:14px;
  border:1px solid #e5e7eb;
  background:#ffffff;
  box-shadow:0 6px 16px rgba(15,23,42,.06);
}

.bfp-node.size-small{width:140px;font-size:.85rem}
.bfp-node.size-medium{width:180px;font-size:.95rem}
.bfp-node.size-large{width:240px;font-size:1.05rem}

.bfp-node.shape-circle{border-radius:999px}

.bfp-photo img,.bfp-avatar{
  width:56px;height:56px;border-radius:50%;object-fit:cover
}

.bfp-avatar{display:flex;align-items:center;justify-content:center;background:#e5e7eb;font-weight:700}

@media(max-width:640px){
  .bfp-node{width:100%}
  .bfp-photo img,.bfp-avatar{width:44px;height:44px}
}