/*
 * DO NOT EDIT THIS FILE.
 * Edit .pcss.css file instead and recompile.
*/

/**
 * @file
 * Visual styles for pager.
 */

/*
  Custom CSS properties and mixins.
  These are "compiled" by postcss/postcss-custom-properties for IE11 compatibility.
  CSS variables (those that start with --) are included in the generated CSS. Sass style variables (those that start with $) are for internal processing.
*/

/* Internal variables */

/*1px */

/*16px */

/*4px */

/*5.33333333px */

/*8px */

/*12px */

/*20px */

/*24px, */

/*32px */

/*44px (named after omicron variant BS.2.75.2) */

/*48px */

/*desktop + 32px; */

/*max-width + 64px; */

/* RGB colors, useful for when you need to include a color in an RGBA set. */

/* Mixins */

/* */

/* Hide elements visually, but keep them available for screen-readers. */

/* */

/* Used for information required for screen-reader users to understand and use */

/* the site where visual display is undesirable. Information provided in this */

/* manner should be kept concise, to avoid unnecessary burden on the user. */

/* "!important" is used to prevent unintentional overrides. */

/* */

.pager:not(.year-pager) {
  padding-bottom: var(--double-space);
}

.pager:not(.year-pager) .pager__items {
    display: flex;
    justify-content: center;
    gap: var(--space) 2px;
    flex-wrap: wrap;
    padding: 0;
  }

.pager:not(.year-pager) .pager__item {
    padding: 0;
  }

.pager:not(.year-pager) .pager__item a {
      height: 2.75rem;
      width: 2.75rem;
      color: white;
      background-color: var(--c-link);
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 2px;
      font-size: var(--fs-small);
      font-weight: 600;
    }

.pager:not(.year-pager) .pager__item a:hover {
        background-color: var(--c-focus);
        color: white;
        -webkit-text-decoration: none;
        text-decoration: none;
      }

.pager:not(.year-pager) .pager__item.is-active a {
      color: black;
      background-color: #ECECEC;
      font-weight: 600;
    }

.pager:not(.year-pager) .pager__item--current a {
      width: auto;
      width: initial;
      padding-left: var(--space);
      padding-right: var(--space);
    }

.pager:not(.year-pager) .pager__item--next a {
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.486 7.488 1.48.195a.678.678 0 0 0-.951 0 .668.668 0 0 0 0 .947l7.522 6.853-7.522 6.86a.668.668 0 0 0 0 .947c.263.26.688.26.951 0l8.005-7.294c.14-.14.2-.326.19-.513a.664.664 0 0 0-.19-.507' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 53% center;
      background-size: 32%;
    }

.pager:not(.year-pager) .pager__item--previous a {
      background-image: url("data:image/svg+xml,%3Csvg width='10' height='16' viewBox='0 0 10 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.486 7.488 1.48.195a.678.678 0 0 0-.951 0 .668.668 0 0 0 0 .947l7.522 6.853-7.522 6.86a.668.668 0 0 0 0 .947c.263.26.688.26.951 0l8.005-7.294c.14-.14.2-.326.19-.513a.664.664 0 0 0-.19-.507' fill='%23fff' fill-rule='evenodd'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: 53% center;
      background-size: 32%;
      transform: scaleX(-1);
    }

.pager:not(.year-pager) .pager__item--ellipsis {
      height: 2.75rem;
      width: 2.75rem;
      display: block;
      border-radius: 2px;
      font-size: var(--fs-h4);
      background-color: var(--c-light-gray);
    }