.dashboard-availability-legend {
  display: flex;
  flex-wrap: wrap;
  gap: var(--frontend-space-2);
}

.dashboard-availability-chip {
  align-items: center;
  display: inline-flex;
  font-size: var(--frontend-font-size-xs);
  gap: var(--frontend-space-1);
}

.dashboard-availability-swatch {
  border-radius: 999px;
  display: inline-block;
  height: 0.65rem;
  width: 0.65rem;
}