@import "https://assets.elements.dev/assets/app/shared/ui-catalog/catalog/style.c38e1d7304920e3.css";

.pagination-demo-controls {
  width:       100%;
  display:     flex;
  flex-wrap:   wrap;
  align-items: center;
  gap:         var(--space-2);
}

.pagination-demo-table {
  display:         flex;
  flex-wrap:       wrap;
  align-items:     center;
  justify-content: space-between;
  gap:             var(--space-3);
  width:           100%;
  max-width:       36rem;
  font-size:       var(--text-ui);
  color:           var(--ink-soft);
}

.pagination-demo-table label {
  white-space: nowrap;
  display:     flex;
  align-items: center;
  gap:         var(--space-2);
}

.pagination-demo-table .pagination {
  width: auto;
}

.pagination-demo-chunk {
  display:        grid;
  grid-auto-rows: var(--control-height);
  align-items:    center;
  margin:         0;
  padding-inline-start: var(--space-4);
  font-size:      var(--text-ui);
  color:          var(--ink-soft);
}

.pagination-demo-resize {
  width:         100%;
  min-width:     12rem;
  max-width:     100%;
  padding:       var(--space-2);
  overflow:      auto;
  resize:        horizontal;
  border:        var(--surface-border-width) dashed var(--rule);
  border-radius: var(--radius-surface);
}