.connect-pagination{align-items:center;gap:var(--ds-layout-spacing-75);width:fit-content;max-width:100%;display:inline-flex}.connect-pagination--with-labels{gap:var(--ds-layout-spacing-50)}.connect-pagination__list{align-items:center;gap:0;margin:0;padding:0;list-style:none;display:flex}.connect-pagination--with-labels .connect-pagination__list{gap:var(--ds-layout-spacing-25)}.connect-pagination__list-item{display:flex}.connect-pagination__list-item--hidden{visibility:hidden;pointer-events:none;height:0;position:absolute;overflow:hidden}.connect-pagination__page-button,.connect-pagination__arrow-button{appearance:none;color:inherit;text-align:inherit;cursor:pointer;border-radius:var(--ds-layout-radius-pill);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;text-decoration:none;transition:background-color .15s ease-in-out,color .15s ease-in-out,opacity .15s ease-in-out;display:inline-flex}.connect-pagination__page-button{min-height:var(--ds-layout-size-400);min-width:var(--ds-layout-size-400);color:var(--ds-color-content-default)}.connect-pagination__page-button:hover:not([aria-current=page]){cursor:pointer;background-color:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-pagination__page-button:active:not([aria-current=page]){background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-pagination__page-button:focus-visible,.connect-pagination__arrow-button:focus-visible,.connect-pagination__ellipsis:focus-visible{outline:var(--ds-layout-stroke-width-25) solid var(--ds-color-support-focused-muted);outline-offset:-2px}.connect-pagination__page-button.connect-pagination__page-button--current{background-color:var(--ds-color-interactive-primary-enabled);color:var(--ds-color-content-on-primary);cursor:default;pointer-events:none}.connect-pagination__arrow-button{gap:var(--ds-layout-spacing-50);color:var(--ds-color-content-muted);width:var(--ds-layout-size-400);height:var(--ds-layout-size-400);padding:0}.connect-pagination__arrow-button:not(.connect-pagination__arrow-button--labelled){overflow:hidden}.connect-pagination__arrow-button:hover:not(:disabled){cursor:pointer;background-color:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-pagination__arrow-button:active:not(:disabled){background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-pagination__arrow-button.connect-pagination__arrow-button--labelled{width:auto;height:auto;padding:var(--ds-layout-spacing-25) var(--ds-layout-spacing-150);color:var(--ds-color-content-default)}.connect-pagination__arrow-button.connect-pagination__arrow-button--labelled span{white-space:nowrap}.connect-pagination__arrow-button:disabled{cursor:default;opacity:var(--ds-misc-opacity-50)}.connect-pagination__arrow-icon{flex-shrink:0}.connect-pagination__ellipsis{appearance:none;text-align:inherit;cursor:pointer;min-height:var(--ds-layout-size-400);min-width:var(--ds-layout-size-400);padding:var(--ds-layout-spacing-25) var(--ds-layout-spacing-75);color:var(--ds-color-content-default);border-radius:var(--ds-layout-radius-pill);background:0 0;border:none;justify-content:center;align-items:center;margin:0;transition:background-color .15s ease-in-out;display:inline-flex}.connect-pagination__ellipsis:hover{background-color:var(--ds-color-interactive-neutral-subtle-hovered)}.connect-pagination__ellipsis:active{background-color:var(--ds-color-interactive-neutral-subtle-pressed)}.connect-pagination__ellipsis-link{width:100%;color:inherit;text-decoration:none;display:block}.connect-pagination__ellipsis-link:hover{text-decoration:none}@media (max-width:48rem){.connect-pagination--with-labels{gap:var(--ds-layout-spacing-25)}.connect-pagination__list{gap:0}}