.rarui-pagination_container__1s0rx9q0 {
  display: flex;
  align-items: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
  gap: var(--rarui-spacing-4xs);
  transition: all 150ms ease;
}
.rarui-pagination_container_size_dot__1s0rx9q1 {
  gap: var(--rarui-spacing-xs);
}
.rarui-pagination_item__1s0rx9q4 {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: transparent;
  transition: all 150ms ease;
  border: none;
  color: var(--rarui-colors-content-primary);
  border-radius: var(--rarui-shape-border-radius-2xs);
  font-family: var(--rarui-fontFamily-body);
  font-weight: var(--rarui-fontWeight-semiBold);
}
.rarui-pagination_item__1s0rx9q4:focus-within {
  outline: none;
  box-shadow: var(--rarui-elevation-focus-ring);
}
.rarui-pagination_item__1s0rx9q4:hover {
  background-color: var(--rarui-colors-surface-brand-hover);
  color: var(--rarui-colors-content-brand);
}
.rarui-pagination_item__1s0rx9q4:active {
  background-color: var(--rarui-colors-surface-brand-press);
}
.rarui-pagination_item__1s0rx9q4:disabled {
  cursor: not-allowed;
  background-color: transparent;
  color: var(--rarui-colors-content-disabled);
}
.rarui-pagination_item_selected_true__1s0rx9q5 {
  background-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-pagination_item_selected_true__1s0rx9q5:hover {
  background-color: var(--rarui-colors-surface-brand);
  color: var(--rarui-colors-content-on-brand);
}
.rarui-pagination_item_size_dot__1s0rx9q6 {
  width: 0.75rem;
  height: 0.75rem;
  border-radius: var(--rarui-shape-border-radius-pill);
  background-color: var(--rarui-colors-content-disabled);
}
.rarui-pagination_item_size_small__1s0rx9q7 {
  min-width: 2.5rem;
  height: 2.5rem;
  font-size: var(--rarui-fontSize-button-s);
}
.rarui-pagination_item_size_large__1s0rx9q8 {
  min-width: 2.75rem;
  height: 2.75rem;
  font-size: var(--rarui-fontSize-button-m);
}
.rarui-pagination_item_compound_0__1s0rx9q9 {
  width: 1.25rem;
  background-color: var(--rarui-colors-content-brand);
}
.rarui-pagination_item_compound_0__1s0rx9q9:hover {
  background-color: var(--rarui-colors-content-brand);
  color: var(--rarui-colors-content-on-brand);
}