@import "~ui/styles/variables";

paginate {
  display: block;

  paginate-controls {
    display: flex;
    align-items: center;

    padding: 5px 5px 10px;
    text-align: center;

    .pagination-other-pages {
      flex: 1 0 auto;
      display: flex;
      justify-content: center;

      &-list {
        flex: 0 0 auto;
        display: flex;
        justify-content: center;
        padding: 0;
        margin: 0;
        list-style: none;

        > li {
          flex: 0 0 auto;
          user-select: none;

          a {
            text-decoration: none;
          }

          a:hover {
            text-decoration: underline;
          }

          &.active a {
            text-decoration: none !important;
            font-weight: bold;
            color: @paginate-page-link-active-color;
          }
        }
      }
    }

    .pagination-size {
      flex: 0 0 auto;

      input[type=number] {
        width: 3em;
      }
    }
  }
}
