/* sticky-bottom */
:where(.entity-pager-sticky-bottom-container) {
  display: flex;
}

.entity-pager-sticky-bottom-container {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: var(--ssks-pager-gap, 0.25rem 1rem);
  line-height: 1;
  padding: var(--ssks-pager-padding, 0.75rem 1rem);
  background-color: var(--ssks-pager-bg, var(--sc-base-100, #f5f5f5));
  border-radius: var(
    --ssks-pager-border-radius,
    var(--sc-rounded-md, 0) var(--sc-rounded-md, 0) 0 0
  );
  box-shadow: var(
    --ssks-pager-shadow,
    0 -10px 15px -3px rgb(0 0 0 / 0.1),
    0 -4px 6px -4px rgb(0 0 0 / 0.1)
  );
  color: var(--ssks-pager-color, var(--sc-base-content, inherit));
  z-index: var(--ssks-pager-index, 5);
}

.entity-pager-sticky-bottom-item {
  text-decoration: none;
  color: inherit;
}

.entity-pager-sticky-bottom-item:hover {
  color: var(--ssks-pager-hover-color, var(--sc-base-primary));
}

.entity-pager-sticky-bottom-item.disabled,
.entity-pager-item.disabled {
  opacity: var(--ssks-pager-disabled-opacity, 0.3);
  pointer-events: none;
}