.af-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 6px 0 12px;
}

.af-chip {
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid #ffffff22;
  background: #ffffff0a;
  color: inherit;
  font: inherit;
  font-size: .8rem;
  cursor: pointer;
}

.af-chip.on {
  background: #f2d28e;
  color: #1a1220;
  border-color: #f2d28e;
  font-weight: 700;
}

body.sanctuary .af-chip {
  background: #fffaf7;
  border-color: #ecd9d3;
  color: #3a2633;
}

body.sanctuary .af-chip.on {
  background: #e0809a;
  color: #fff;
  border-color: #e0809a;
}

.af-bar{grid-column:1/-1;width:100%}

.af-wrap{grid-column:1/-1;width:100%;display:flex;flex-direction:column;gap:6px}
.af-rar .af-chip.on{background:#ffffff14;border-color:currentColor}