@import './../common/abstracts/_mixin';
@import './../common/abstracts/variable';

.wot-theme-dark {
  @include b(pager) {
    background-color: $-dark-background;
    @include e(message) {
      color: $-dark-color3;
    }
  }
}

@include b(pager) {
  user-select: none;
  background-color: #fff;

  @include edeep(icon) {
    font-size: $-pagination-icon-size;
  }

  @include e(content) {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: $-pagination-content-padding;
  }
  @include e(message) {
    padding: $-pagination-message-padding;
    font-size: $-pagination-message-fs;
    color: $-pagination-message-color;
    text-align: center;
  }
  @include edeep(nav) {
    min-width: $-pagination-nav-width;
    @include m(active) {
      color: rgba(0, 0, 0, 0.65);
    }
    @include m(disabled) {
      color: rgba(0, 0, 0, 0.15);
    }
  }
  @include e(size) {
    flex: 1;
    font-size: $-pagination-nav-content-fs;
    text-align: center;
  }
  @include e(separator) {
    padding: $-pagination-nav-sepatator-padding;
  }
  @include edeep(left) {
    display: inline-block;
    transform: rotate(180deg) translateY(1px);
  }
  @include e(current) {
    color: $-pagination-nav-current-color;
  }
}