/**
 * Do not edit directly, this file was auto-generated.
 */
.pagination-example {
  display: flex;
  flex-direction: column;
}
.pagination-example > p {
  margin-block: 40px 20px;
}
.pagination-example .page-selector {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
}
@media (min-width: 680px) {
  .pagination-example .page-selector {
    align-items: center;
    flex-direction: row;
    column-gap: 40px;
  }
}
.pagination-example .page-selector__input {
  display: flex;
  flex-direction: row;
  align-items: center;
  column-gap: 8px;
  max-width: 180px;
}
.pagination-example .page-selector__input form {
  width: min(4rem, 100%);
}