pragma-pager {
  overflow-y: hidden;
  box-shadow: inset 0 -0.065rem 0 0 var(--color-ui-2-50);
  
  .pager-list {
    @include flex();
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    height: 3rem;
  }

  //TODO JN: Hide scrollbar on Firefox
  .pager-list::-webkit-scrollbar {
    display: none;
  }

  pager-button {
    white-space: nowrap;
    letter-spacing: $default-letter-spacing;
    padding: 0 $half-padding;
    line-height: 3rem;
    cursor: pointer;
  }

  pager-button:focus {
    outline: none;
  }

  pager-button:hover {
    background: var(--color-ui-3);
  }

  pager-button:active {
    background: var(--color-ui-2-80);
  }

  pager-button[aria-selected="true"] {
    border-bottom: $default-border-width $default-border-style var(--color-brand-light);
    font-weight: $font-weight-bold;
  }

  pager-button[aria-disabled="true"] {
    opacity: $suppressed-opacity;
    @include no-mouse();
  }

  pager-button[aria-hidden="true"] {
    display: none;
  }
}
.page-container{
  flex:1;
  @include overflow-scroll(auto, touch);
  
}