/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/* =======================================
=            List component              =
======================================= */
@layer sdc {
  .pager {
    --pager-color: var(--color-black-main);
    padding-block: var(--component-inner-space);
  }
  .pager__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    column-gap: 0.5rem;
    list-style: none;
  }
  .pager__item {
    filter: drop-shadow(0 0 1px rgb(0, 0, 0, 0.1));
  }
  .pager__item a {
    display: block;
    padding: 0.5rem 1rem;
    background-color: var(--color-white);
    font-size: 1.125em;
  }
  .pager__item a:link,
  .pager__item a:visited {
    color: var(--color-black-main);
  }
  .pager__item:hover {
    --pager-color: var(--color-action);
  }
  .pager__item svg {
    stroke: var(--pager-color);
  }
  .pager__item.is-active a {
    color: var(--color-action);
  }
  .pager__item--last svg,
  .pager__item--next svg {
    transform: rotate(180deg);
  }
}