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

:host {
  display: var(--air-filter-host-display, block);
}

.filter {
  display: var(--air-filter-display, block);
  font-family: var(--air-filter-font-family, var(--air-body-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-font-size, var(--air-body-font-size, 1rem));
  font-weight: var(--air-filter-font-weight, var(--air-body-font-weight, 400));
  line-height: var(--air-filter-line-height, var(--air-body-line-height, 1.5));
  padding-top: var(--air-filter-padding-top, 0);
  padding-right: var(--air-filter-padding-right, 0);
  padding-bottom: var(--air-filter-padding-bottom, 0);
  padding-left: var(--air-filter-padding-left, 0);
  margin-top: var(--air-filter-margin-top, 0);
  margin-right: var(--air-filter-margin-right, 0);
  margin-bottom: var(--air-filter-margin-bottom, 0);
  margin-left: var(--air-filter-margin-left, 0);
  --air-divider-margin: var(--air-filter-header-divider-margin, var(--air-spacing-03, 1rem) 0);
}

.header {
  display: flex;
  justify-content: space-between;
}

.header-text {
  font-family: var(--air-filter-header-font-family, var(--air-body-bold-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-header-font-size, var(--air-body-bold-font-size, 1rem));
  font-weight: var(--air-filter-header-font-weight, var(--air-body-bold-font-weight, 600));
  line-height: var(--air-filter-header-line-height, var(--air-body-bold-line-height, 1.5));
}

.full-list .indicator {
  transform: rotate(180deg);
}

.footer {
  display: inline-flex;
}

.footer-text {
  margin-right: var(--air-filter-button-show-margin-right, var(--air-spacing-02, 0.5rem));
}

.link {
  text-decoration: var(--air-filter-link-text-decoration, none);
  color: var(--air-filter-link-color, var(--air-link-color, var(--air-color-denim, #2e71bd)));
  cursor: pointer;
}
.link:hover {
  color: var(--air-filter-link-hover-color, var(--air-link-hover-color, var(--air-color-eclipse, #3a3a3a)));
}
.link:focus {
  color: var(--air-filter-link-focus-color, var(--air-link-focus-color, var(--air-link-hover-color, var(--air-color-eclipse, #3a3a3a))));
}