.sf-pager {
  font-size: var(--sf-font-size-sm);
  padding: var(--sf-spacing-7) var(--sf-spacing-20);
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  white-space: normal;
  width: 100%;
}
.sf-pager div,
.sf-pager a {
  display: inline-flex;
  user-select: none;
}
.sf-pager div.sf-pager-message-bar {
  display: inline-block;
}
.sf-pager .sf-pager-mfirst,
.sf-pager .sf-pager-mprevious,
.sf-pager .sf-pager-mnext,
.sf-pager .sf-pager-mlast,
.sf-pager .sf-pager-item-disable {
  display: none;
}
.sf-pager .sf-pager-external-message {
  display: block;
  margin: var(--sf-spacing-6) var(--sf-spacing-6) var(--sf-spacing-0);
  overflow: hidden;
  text-overflow: ellipsis;
}
.sf-pager-message-bar {
  padding-bottom: var(--sf-spacing-11);
  padding-right: var(--sf-spacing-0);
  padding-top: var(--sf-spacing-11);
  font-weight: var(--sf-font-weight-normal);
  float: right;
  letter-spacing: var(--sf-letter-spacing-wider);
  line-height: var(--sf-line-height-sm);
  color: var(--sf-color-on-surface-variant);
}
.sf-numeric-item {
  display: inline-block;
  line-height: var(--sf-line-height-sm);
  padding: var(--sf-spacing-10) var(--sf-spacing-16);
  text-align: center;
  vertical-align: middle;
  font-weight: var(--sf-font-weight-medium);
  margin: var(--sf-spacing-0) var(--sf-spacing-2);
}
.sf-pager-container {
  display: inline-block;
}
.sf-pager-container .sf-icons {
  display: inline-block;
  line-height: var(--sf-line-height-5xl);
  padding: var(--sf-spacing-10);
  vertical-align: middle;
  margin: var(--sf-spacing-0) var(--sf-spacing-2);
}
.sf-pager-container .sf-pager-first {
  border: 0;
  border-radius: var(--sf-radius-4);
}
.sf-pager-container .sf-pager-last {
  border-radius: var(--sf-radius-4);
}
.sf-pager-container .sf-pager-previous, .sf-pager-container .sf-numeric-item, .sf-pager-container .sf-pager-next, .sf-pager-container .sf-pager-last {
  border: 0;
  border-left: 0;
}
.sf-pager-icons,
.sf-current-item {
  border-radius: var(--sf-radius-4);
  cursor: pointer;
  text-decoration: none;
}
.sf-pager-mprevious {
  text-indent: -3px;
}
.sf-pager-mnext {
  text-indent: -2px;
}
.sf-pp,
.sf-np {
  font-size: var(--sf-font-size-base);
  padding: var(--sf-spacing-10) var(--sf-spacing-13);
}
@media (max-width: 769px) {
  .sf-pager {
    padding: var(--sf-spacing-12) var(--sf-spacing-0) var(--sf-spacing-13);
  }
  .sf-pager .sf-pager-message-bar {
    text-align: center;
    width: calc(60% - 48px);
    display: inline-block;
    float: initial;
  }
  .sf-pager .sf-pager-mfirst,
  .sf-pager .sf-pager-mprevious,
  .sf-pager .sf-pager-mnext,
  .sf-pager .sf-pager-mlast {
    display: inline-block;
    padding: 1% 5%;
  }
  .sf-pager-count-message-container,
  .sf-pager .sf-pager-container {
    display: none;
  }
  .sf-pager-mfirst {
    text-align: right;
    width: calc(10% + 11px);
    margin-right: var(--sf-spacing-4);
  }
  .sf-pager-mprevious {
    text-align: right;
    width: 10%;
    margin: var(--sf-spacing-0) var(--sf-spacing-4);
  }
  .sf-pager-mnext {
    text-align: left;
    width: 10%;
    margin: var(--sf-spacing-0) var(--sf-spacing-4);
  }
  .sf-pager-mlast {
    text-align: left;
    width: calc(10% + 11px);
    margin-left: var(--sf-spacing-4);
  }
}
.sf-rtl .sf-pager-container .sf-pager-first {
  border-radius: var(--sf-radius-4);
}
.sf-rtl .sf-pager-container .sf-pager-last {
  border-radius: var(--sf-radius-4);
}
.sf-rtl .sf-pager-container .sf-pager-previous, .sf-rtl .sf-pager-container .sf-numeric-item, .sf-rtl .sf-pager-container .sf-pager-next, .sf-rtl .sf-pager-container .sf-pager-last {
  border: 0;
  border-right: 0;
}
.sf-rtl .sf-pager-message-bar {
  float: left;
}
@media (max-width: 769px) {
  .sf-rtl .sf-pager-message-bar {
    float: initial;
  }
}
.sf-pager {
  background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
  color: var(--sf-color-on-surface-variant);
  border-color: rgba(var(--sf-color-line-color));
}
.sf-pager .sf-icons.sf-disable {
  cursor: auto;
  color: rgba(var(--sf-color-on-surface-variant), 0.38);
}
.sf-pager svg.sf-disabled {
  opacity: unset;
}
.sf-pager .sf-focused {
  box-shadow: var(--sf-elevation-inner);
}
.sf-pager-icons:hover {
  background-color: rgba(var(--sf-color-on-surface), 0.05);
  color: var(--sf-color-on-surface-variant);
}
.sf-spacing {
  color: var(--sf-color-on-surface);
}
.sf-numeric-item.sf-focused,
.sf-pager .sf-icons.sf-focused {
  background-color: rgba(var(--sf-color-on-surface), 0.08);
  color: var(--sf-color-on-surface-variant);
}
.sf-current-item,
.sf-current-item.sf-focused {
  background-color: rgba(var(--sf-color-primary-container), 0.65);
  color: var(--sf-color-on-surface-variant);
}
.sf-current-item:hover {
  background-color: color-mix(in srgb, rgba(var(--sf-color-primary-container), 0.85), rgba(var(--sf-color-on-surface), 0.15));
  color: var(--sf-color-on-surface-variant);
}
@media (max-width: 590px) {
  .sf-pager-icons:hover {
    background: linear-gradient(0deg, rgba(var(--sf-color-primary), 0.05), rgba(var(--sf-color-primary), 0.05)), rgba(var(--sf-color-surface));
    color: rgba(var(--sf-color-primary));
  }
}