.app-pagination{display:flex;gap:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;--index:0;animation-delay:calc(var(--index)*40ms);animation-duration:.25s;animation-fill-mode:both;animation-name:fadeIn}.app-pagination__btn,.app-pagination__current,.app-pagination__divider{font-size:14px;height:2rem;line-height:32px;text-align:center;width:1.5rem}.app-pagination__btn:is(a):focus,.app-pagination__btn:is(a):hover,.app-pagination__current:is(a):focus,.app-pagination__current:is(a):hover,.app-pagination__divider:is(a):focus,.app-pagination__divider:is(a):hover{--tw-bg-opacity:1;background-color:rgb(37 37 37/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity,1)))}.app-pagination__next,.app-pagination__prev{font-size:16px;line-height:32px;text-align:center}.app-pagination__next:is(span),.app-pagination__prev:is(span){--tw-text-opacity:1;color:rgb(152 152 152/var(--tw-text-opacity,1))}.app-pagination__next:is(a):active,.app-pagination__next:is(a):focus,.app-pagination__next:is(a):hover,.app-pagination__prev:is(a):active,.app-pagination__prev:is(a):focus,.app-pagination__prev:is(a):hover{--tw-text-opacity:1;color:var(--fallback-a,oklch(var(--a)/var(--tw-text-opacity,1)))}.app-pagination__prev{margin-right:1.5rem}.app-pagination__next{margin-left:1.5rem}.app-pagination__current{--tw-bg-opacity:1;background-color:var(--fallback-a,oklch(var(--a)/var(--tw-bg-opacity,1)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity,1)));transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.app-pagination__divider:after{content:"..."}