/* Falcon Crest Committee Add-on styles */
.fc-legend {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(180px,1fr));
  gap:10px;
}
.fc-legend__item {
  --fc-color:#777;
  display:flex;
  align-items:center;
  gap:10px;
  padding:0.75rem;
  border:1px solid color-mix(in oklab,var(--fc-color) 30%,#0000);
  border-radius:14px;
  background:color-mix(in oklab,var(--fc-color) 8%,#fff);
}
.fc-legend__swatch {
  width:34px;
  height:34px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:700;
  background:var(--fc-color);
  color:#fff;
}
.fc-legend__swatch--img {
  background-size:cover;
  background-position:center;
  color:transparent;
}
.fc-legend__label { font-weight:600; }

.fc-badge {
  --fc-color:#777;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:4px 10px;
  border-radius:999px;
  background:color-mix(in oklab,var(--fc-color) 16%,#fff);
  border:1px solid color-mix(in oklab,var(--fc-color) 40%,#0000);
}
.fc-badge__swatch {
  width:22px;
  height:22px;
  border-radius:999px;
  background:var(--fc-color);
  color:#fff;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1;
  font-weight:700;
}
.fc-badge__swatch--img {
  background-size:cover;
  background-position:center;
  color:transparent;
}
.fc-badge__label { font-weight:600; }