.filters {
  padding-top: var(--s-2xl);
  margin-bottom: var(--s-5xl);
  border-top: 1px solid var(--c-grayscale-lighter);
}
@media (min-width: 400px) {
  .filters {
    padding-top: var(--s-4xl);
    margin-bottom: var(--s-6xl);
  }
}
.filters__wrapper, .filters__checkboxes {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s-sm);
}
@media (min-width: 400px) {
  .filters__wrapper, .filters__checkboxes {
    gap: var(--s-2xl);
  }
}
.filters__title {
  font-size: var(--text-base);
  font-weight: 400;
  color: var(--c-grayscale-dark);
}
.filters__checkbox input:checked + .checkbox__indicator {
  background-color: var(--c-grayscale);
}
.filters__checkbox input:focus-visible + .checkbox__indicator {
  outline: 5px auto var(--c-link-focus);
}
.filters__checkbox .choice-input__label {
  font-size: var(--text-base);
  color: var(--c-grayscale-dark);
}