@layer components{:root{--pagination-item-size:2rem;--pagination-item-radius:var(--radius-sm);--pagination-item-font-size:inherit;--pagination-item-font-weight:inherit;--pagination-item-color:inherit;--pagination-item-bg:transparent;--pagination-item-hover-bg:var(--color-gray-200);--pagination-item-hover-color:inherit;--pagination-item-active-bg:var(--color-brand);--pagination-item-active-color:var(--color-white);--pagination-item-active-font-weight:500;--pagination-item-focus-ring:var(--focus-ring);--pagination-nav-px:.75rem;--pagination-ellipsis-color:inherit}:where(.pagination-root){justify-content:center;width:100%;margin-inline:auto;display:flex}:where(.pagination-content){align-items:center;gap:calc(var(--gap-default) / 2);flex-direction:row;margin:0;padding:0;list-style:none;display:flex}:where(.pagination-link){min-width:var(--pagination-item-size);height:var(--pagination-item-size);border-radius:var(--pagination-item-radius);font-size:var(--pagination-item-font-size);font-weight:var(--pagination-item-font-weight);color:var(--pagination-item-color);background-color:var(--pagination-item-bg);cursor:pointer;transition:var(--transition-default);-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}@media (hover:hover){:where(.pagination-link):hover{background-color:var(--pagination-item-hover-bg);color:var(--pagination-item-hover-color)}}:where(.pagination-link):focus-visible{outline:2px solid var(--pagination-item-focus-ring);outline-offset:2px}:where(.pagination-link)[aria-current=page]{background-color:var(--pagination-item-active-bg);color:var(--pagination-item-active-color);font-weight:var(--pagination-item-active-font-weight)}:where(.pagination-link)[aria-disabled=true]{opacity:var(--disabled-opacity);pointer-events:none;cursor:default}:where(.pagination-previous),:where(.pagination-next){gap:calc(var(--gap-default) / 2);padding-inline:var(--pagination-nav-px)}:where(.pagination-ellipsis){width:var(--pagination-item-size);height:var(--pagination-item-size);color:var(--pagination-ellipsis-color);justify-content:center;align-items:center;display:inline-flex}}