.mealz-catalog-list__dish-type-filter {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  padding: 24px 24px 6px 24px;
}

/* no `gap` for compatibility */
.mealz-catalog-list__dish-type-filter__chip + .mealz-catalog-list__dish-type-filter__chip {
  margin-left: 8px;
}

.mealz-catalog-list__dish-type-filter__chip.mealz-ds-badge.outline {
  border: none;
  padding: 12px 16px;
}

.mealz-catalog-list__dish-type-filter__chip.mealz-ds-badge.outline.active {
  background: var(--mealz-ds-color-primary, #24748F);
  border-color: var(--mealz-ds-color-primary, #24748F);
  color: var(--mealz-ds-color-neutral-white, #FFF);
}

@media (max-width: 700px) {
  .mealz-catalog-list__dish-type-filter {
    padding: 16px 16px 6px 16px;
    /* 6px is the space between the chips and the horizontal scrollbar */
  }
}

/* Drawer context (planner): align with overridden toolbar padding */
.mealz-drawer-view-swapper .mealz-catalog-list__dish-type-filter {
  padding-left: 24px;
  padding-right: 24px;
}