/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* =======================================
=            List component              =
======================================= */
@layer sdc {
  .list {
    padding-block: var(--component-inner-space);
    background-color: var(--color-grey-1);
  }
  .list__intro {
    margin-bottom: 1.875rem;
  }
  .list__filters {
    display: grid;
    grid-template-columns: auto;
    row-gap: 1.5rem;
  }
  @media (min-width: 42.5em) {
    .list__filters {
      grid-template-columns: repeat(2, 1fr);
      column-gap: 2rem;
    }
  }
  @media (min-width: 87.5em) {
    .list__filters {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  .list__summary {
    margin-top: 1rem;
  }
  .list__view__content {
    margin-top: 2rem;
    padding: 2rem;
    background-color: var(--color-white);
    box-shadow: 0 0 4px rgb(0, 0, 0, 0.05);
  }
  .list__item {
    border-block-end: var(--border-block);
  }
  .list__item:last-child {
    border-bottom: none;
  }
}