#vbf-root{
  font-family:'DM Sans',system-ui,sans-serif;
  margin-bottom:24px;
}
.vbf-wrap{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.vbf-label{
  font-size:11px;
  font-weight:700;
  color:#94a3b8;
  text-transform:uppercase;
  letter-spacing:.08em;
  white-space:nowrap;
  margin-right:4px;
}
.vbf-pills{
  display:flex;
  gap:6px;
  flex-wrap:wrap;
  align-items:center;
}
.vbf-pill{
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 14px;
  border-radius:20px;
  font-size:12px;
  font-weight:700;
  border:1.5px solid #e2e8f0;
  background:#fff;
  color:#64748b;
  cursor:pointer;
  transition:all .15s;
  white-space:nowrap;
  user-select:none;
}
.vbf-pill:hover{
  border-color:#c8d0d8;
  background:#f8fafc;
  color:#0f172a;
}
.vbf-pill.vbf-active{
  background:#0f172a;
  border-color:#0f172a;
  color:#fff;
}
.vbf-pill.vbf-active:hover{
  background:#1e3a5f;
  border-color:#1e3a5f;
}
.vbf-pill-logo{
  width:14px;
  height:14px;
  object-fit:contain;
  flex-shrink:0;
  border-radius:2px;
}
.vbf-count{
  font-size:10px;
  font-weight:600;
  opacity:.6;
  margin-left:1px;
}
.vbf-results{
  font-size:12px;
  color:#94a3b8;
  font-weight:500;
  margin-top:10px;
}
.vbf-section{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
}
.vbf-section + .vbf-section{
  margin-top:8px;
}