* {
  box-sizing: var(--air-box-sizing, border-box);
}

/** Mobile */
:host {
  display: var(--air-filter-groups-host-display, block);
}

.filter-groups {
  width: var(--air-filter-groups-width, var(--air-form-element-width, 576px));
  padding-top: var(--air-filter-groups-padding-top, 0);
  padding-right: var(--air-filter-groups-padding-right, 0);
  padding-bottom: var(--air-filter-groups-padding-bottom, 0);
  padding-left: var(--air-filter-groups-padding-left, 0);
  margin-top: var(--air-filter-groups-margin-top, 0);
  margin-right: var(--air-filter-groups-margin-right, 0);
  margin-bottom: var(--air-filter-groups-margin-bottom, 0);
  margin-left: var(--air-filter-groups-margin-left, 0);
}

.header-text {
  font-family: var(--air-filter-groups-header-font-family, var(--air-headline-1-font-family, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"));
  font-size: var(--air-filter-groups-header-font-size, var(--air-headline-1-font-size, 1.75rem));
  font-weight: var(--air-filter-groups-header-font-weight, var(--air-headline-1-font-weight, 600));
  line-height: var(--air-filter-groups-header-line-height, var(--air-headline-1-line-height, 1.5));
  margin-top: var(--air-filter-groups-header-margin-top, 0);
  margin-right: var(--air-filter-groups-header-margin-right, 0);
  margin-bottom: var(--air-filter-groups-header-margin-bottom, var(--air-spacing-01, 0.25rem));
  margin-left: var(--air-filter-groups-header-margin-left, 0);
}

.group {
  margin-top: var(--air-filter-groups-group-margin-top, 0);
  margin-right: var(--air-filter-groups-group-margin-right, 0);
  margin-bottom: var(--air-filter-groups-group-margin-bottom, var(--air-spacing-05, 2rem));
  margin-left: var(--air-filter-groups-group-margin-left, 0);
}

.update-button {
  width: var(--air-filter-groups-button-update-width, 100%);
}

@media (max-width: 992px) {
  .filter-groups {
    width: 100%;
  }
}