.pagination{--size:36px;--inset:2px;position:relative}.pagination__list{display:flex;list-style:none;align-items:center;padding:0;margin:0;gap:0}.pagination__item{width:var(--size);aspect-ratio:1;display:grid;place-items:center}.pagination__link{display:grid;place-items:center;color:inherit;text-decoration:none;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;outline-color:currentColor;border-radius:calc(var(--pagination-radius, 4) * 1px);transition:color .2s ease-out,opacity .2s ease-out,background-color .2s ease-out;cursor:pointer;background:transparent;border:none;font-size:14px}.pagination__link:hover:not(.pagination__link--disabled):not([aria-current=page]){background:rgba(0,0,0,.05)}@media (prefers-color-scheme:dark){.pagination__link:hover:not(.pagination__link--disabled):not([aria-current=page]){background:hsla(0,0%,100%,.1)}}.pagination__link[aria-current=page]{background:rgba(0,0,0,.1);font-weight:600}@media (prefers-color-scheme:dark){.pagination__link[aria-current=page]{background:hsla(0,0%,100%,.15)}}.pagination__link--disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.pagination__link--gap{pointer-events:none}.pagination__link--arrow{color:currentColor}.pagination__link--arrow svg{width:8px;height:12px}.pagination__gap{pointer-events:none}@media (max-width:640px){.pagination__item--mobile-only{display:none}}