/**
 * Filter form
 */
@media screen {

  @supports (display: grid) {

    .filter-group {
      display: grid;
      grid-template-columns: 1fr;
      grid-gap: 1rem;
    }

    @media (min-width: 32em) {

      .filter-group {
        grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
      }
    }

    .filter-group .form-item + .form-item {
      margin-top: 0;
    }

    .filter-form .submit-area {
      grid-column: 1 / -1;
    }
  }

  /**
   * Choices custom styling
   */
  .choices__inner * + *,
  .choices__item {
    margin-top: 0;
  }

  .choices__inner,
  .choices__input {
    background-color: var(--input-bg);
    font-size: unset;
  }

  .choices__inner {
    border-color: var(--input-accent);
    border-radius: 0;
    min-height: auto;
    padding: 0.125rem 0.25rem;
  }

  .choices__input {
    margin-bottom: 0;
    border: 0 !important;
  }

  .choices__list--dropdown {
    z-index: 2;
  }

  .choices__heading {
    background-color: unset;
    border-bottom-color: var(--light-grey);
    color: unset;
    margin-top: 0.4rem;
  }

  .choices__list--multiple .choices__item {
    background-color: var(--choices-item);
    border: 0;
    border-radius: 3px;
    padding: 0 0.5rem;
  }

  .choices[data-type*="select-multiple"] .choices__button,
  .choices[data-type*="text"] .choices__button {
    border-left: 0;
    box-shadow: none;
    padding-left: 0.5rem;
  }
}