@layer env.components {
  .env-pagination {
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 auto;
    inline-size: fit-content;
    max-inline-size: 100%;
  }
  .env-pagination[data-size='sm'] {
    --env-control-height: var(--env-control-height-sm);
  }
  .env-pagination[data-size='md'] {
    --env-control-height: var(--env-control-height-md);
  }
  .env-pagination[data-size='lg'] {
    --env-control-height: var(--env-control-height-lg);
  }
  .env-pagination-range {
    margin-inline-end: var(--env-space-2);
    color: var(--env-color-fg-muted);
    font: var(--env-type-body-sm);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  .env-pagination-button .env-icon:dir(rtl) {
    transform: scaleX(-1);
  }
}