@layer design-system.components{.vds-pagination{--vds-pagination-gap:var(--vds-space-2,.5rem);--vds-pagination-padding-inline:var(--vds-space-4,1rem);--vds-pagination-padding-block:var(--vds-space-2,.5rem);--vds-pagination-bg:transparent;--vds-pagination-font-size:var(--vds-text-sm,.875rem);--vds-pagination-button-size:var(--vds-size-md,2.25rem);--vds-pagination-button-padding-inline:var(--vds-space-3,.75rem);--vds-pagination-button-radius:var(--vds-radius-pagination-button,var(--vds-radius-element,.375rem));--vds-pagination-button-bg:transparent;--vds-pagination-button-bg-hover:var(--vds-color-surface-hover,#f3f4f6);--vds-pagination-button-bg-active:var(--vds-color-primary-bg,#eef2ff);--vds-pagination-button-color:var(--vds-color-text,#111827);--vds-pagination-button-color-active:var(--vds-color-primary-solid,#6366f1);--vds-pagination-page-button-padding-inline:var(--vds-space-2,.5rem);--vds-pagination-ellipsis-padding-inline:var(--vds-space-1-5,.375rem);--vds-pagination-info-color:var(--vds-color-text-muted,#6b7280);--vds-pagination-transition-duration:.15s;--vds-pagination-transition-easing:cubic-bezier(.4, 0, .2, 1);--vds-pagination-focus-ring-width:2px;--vds-pagination-focus-ring-color:var(--vds-color-primary-solid,#6366f1)}.vds-pagination[data-size=sm]{--vds-pagination-button-size:var(--vds-size-sm,2rem);--vds-pagination-font-size:var(--vds-text-xs,.75rem)}.vds-pagination[data-size=lg]{--vds-pagination-button-size:var(--vds-size-lg,2.5rem);--vds-pagination-font-size:var(--vds-text-base,1rem)}}
@layer design-system.components{.vds-pagination{justify-content:space-between;align-items:center;gap:var(--vds-pagination-gap);padding-inline:var(--vds-pagination-padding-inline);padding-block:var(--vds-pagination-padding-block);background-color:var(--vds-pagination-bg);font-size:var(--vds-pagination-font-size);flex-wrap:wrap;display:flex}.vds-pagination-info{color:var(--vds-pagination-info-color);white-space:nowrap}.vds-pagination-meta{align-items:center;gap:var(--vds-space-3,.75rem);flex:auto;min-inline-size:0;display:inline-flex}.vds-pagination-controls{align-items:center;gap:var(--vds-pagination-gap);flex:0 auto;min-inline-size:0;margin-inline-start:auto;display:flex}.vds-pagination-button{all:unset;justify-content:center;align-items:center;gap:var(--vds-space-1,.25rem);min-inline-size:var(--vds-pagination-button-size);block-size:var(--vds-pagination-button-size);padding-inline:var(--vds-pagination-button-padding-inline);color:var(--vds-pagination-button-color);background-color:var(--vds-pagination-button-bg);border-radius:var(--vds-pagination-button-radius);cursor:pointer;transition:background-color var(--vds-pagination-transition-duration) var(--vds-pagination-transition-easing);display:inline-flex}.vds-pagination-button:hover:not(:disabled){background-color:var(--vds-pagination-button-bg-hover)}.vds-pagination-button:focus-visible{outline:var(--vds-pagination-focus-ring-width) solid var(--vds-pagination-focus-ring-color);outline-offset:2px}.vds-pagination-button:disabled{opacity:var(--vds-opacity-disabled,.5);cursor:not-allowed}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)) .vds-pagination-chevron{transform:scaleX(-1)}.vds-pagination-page-size{align-items:center;gap:var(--vds-space-1-5,.375rem);color:var(--vds-pagination-info-color);flex-shrink:0;display:inline-flex}.vds-pagination-page-size-label{white-space:nowrap;font-size:var(--vds-text-xs,.75rem)}.vds-pagination-page-size-trigger.vds-select-trigger{--select-trigger-padding-inline:var(--vds-space-1-5,.375rem);flex-shrink:0;inline-size:3.25rem;min-inline-size:3.25rem;max-inline-size:3.25rem}.vds-pagination-pages{align-items:center;gap:2px;margin:0;padding:0;list-style:none;display:inline-flex}.vds-pagination-page-button{all:unset;min-inline-size:var(--vds-pagination-button-size);block-size:var(--vds-pagination-button-size);padding-inline:var(--vds-pagination-page-button-padding-inline);color:var(--vds-pagination-button-color);border-radius:var(--vds-pagination-button-radius);cursor:pointer;transition:background-color var(--vds-pagination-transition-duration) var(--vds-pagination-transition-easing);justify-content:center;align-items:center;display:inline-flex}.vds-pagination-page-button:hover{background-color:var(--vds-pagination-button-bg-hover)}.vds-pagination-page-button[data-active]{background-color:var(--vds-pagination-button-bg-active);color:var(--vds-pagination-button-color-active);font-weight:var(--vds-font-weight-semibold,600)}.vds-pagination-page-button:focus-visible{outline:var(--vds-pagination-focus-ring-width) solid var(--vds-pagination-focus-ring-color);outline-offset:2px}.vds-pagination-ellipsis{padding-inline:var(--vds-pagination-ellipsis-padding-inline);color:var(--vds-pagination-info-color);-webkit-user-select:none;user-select:none}@media (max-width:640px){.vds-pagination{align-items:flex-start}.vds-pagination-controls{--pagination-ring-reach:calc(var(--vds-pagination-focus-ring-width) + 2px);inline-size:100%;padding-block:var(--pagination-ring-reach);margin-inline-start:0;margin-block:calc(-1 * var(--pagination-ring-reach));overflow-x:auto}}}