.views-exposed-form {
  margin-bottom: 40px;
  background-color: var(--c-white);
  border-radius: 8px;
  padding: 16px;
}

.views-exposed-form .form--inline {
  display: flex;
  flex-wrap: wrap;
  gap: 16px var(--gutter);
  flex-direction: column;
}

.views-exposed-form .form--inline .form-item {
  margin-right: 0;
  margin-bottom: 0;
  width: auto;
}

.views-exposed-form .form--inline .form-item--select .select-style {
  margin-bottom: 0;
}

.views-exposed-form .form--inline .form-item--checkbox .form-item__label {
  margin-right: 0;
}

.views-exposed-form .form--inline .fieldset--checkboxes {
  width: auto;
  margin-bottom: 0;
}

@media all and (min-width: 48rem) {
  .views-exposed-form {
    padding: 32px;
  }
  .views-exposed-form .form--inline {
    align-items: flex-end;
    flex-direction: row;
  }
  .views-exposed-form .form--inline .form-item--select {
    width: calc(100%/3 - var(--gutter));
  }
  .views-exposed-form .form--inline .form-item--checkbox {
    margin-bottom: 8px;
  }
  .views-exposed-form .form--inline .form-actions {
    margin-left: auto;
  }
}

@media all and (min-width: 64rem) {
  .views-exposed-form .form--inline {
    margin-right: calc(var(--gutter) * -1);
  }
}