section.articlesarchive .filters ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  gap: 10px;
}
@container main (min-width: 48rem) and (max-width: 64rem) {
  section.articlesarchive .filters {
    margin-top: 2.5rem;
  }
}
section.articlesarchive .button-wrap.hide {
  display: none;
}
section.articlesarchive .button-wrap .load-more:hover .txt {
  color: var(--primary-light);
}
section.articlesarchive .button-wrap .load-more:hover.loading:before {
  background-color: var(--primary-light);
}
section.articlesarchive .button-wrap .load-more.loading .txt {
  display: none;
}
section.articlesarchive .button-wrap .load-more.loading:before {
  content: "";
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--spinner);
          mask-image: var(--spinner);
  background-color: var(--primary-dark);
  height: 1.25rem;
  width: 1.25rem;
  display: block;
  margin: 0 auto;
}
section.articlesarchive .output-grid.loading:after {
  content: "";
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-image: var(--spinner);
          mask-image: var(--spinner);
  background-color: #000;
  width: 1.875rem;
  height: 1.875rem;
  display: block;
  grid-column: 1/-1;
  margin: 0 auto;
}
section.articlesarchive .output-grid .loader-cell {
  grid-column: 1/-1;
}
section.articlesarchive .output-grid .loader-cell p {
  text-align: center;
}
@container main (max-width: 47.9375rem) {
  section.articlesarchive .post-entry.full-layout {
    display: none;
  }
}