.pagination{display:flex;justify-content:center;align-items:stretch;margin:64px auto 20px}.pagination span{text-align:center;border:1px solid transparent;cursor:pointer;min-width:40px;border-color:var(--color-border)}.pagination span:not(:first-child){margin-left:-1px}.pagination .deco,.pagination .current,.pagination span a{display:flex;align-items:center;justify-content:center;padding:10px 15px;font-size:14px;font-weight:var(--font-weight-semibold, 600);text-decoration:none;height:100%;color:var(--color-secondary)}.pagination .deco,.pagination .current{position:relative;z-index:1}.pagination .current{background:var(--background-accent);color:var(--color-accent)}.pagination .page:not(.current),.pagination .prev:not([data-enabled=false]),.pagination .next:not([data-enabled=false]){transition:all var(--animation-duration, .2s) var(--transition-function-ease-in-out)}.pagination .page:not(.current):hover,.pagination .prev:not([data-enabled=false]):hover,.pagination .next:not([data-enabled=false]):hover{background:var(--background-accent-hover);color:var(--color-accent)}.pagination .page:not(.current):active,.pagination .prev:not([data-enabled=false]):active,.pagination .next:not([data-enabled=false]):active{background:var(--background-accent-active);color:var(--color-accent)}.pagination span[data-enabled=false],.pagination .deco,.pagination .current{cursor:initial;pointer-events:none}.pagination .prev svg{transform:rotate(180deg)}.pagination .prev{border-top-left-radius:var(--border-radius-dynamic);border-bottom-left-radius:var(--border-radius-dynamic)}.pagination .next{border-top-right-radius:var(--border-radius-dynamic);border-bottom-right-radius:var(--border-radius-dynamic)}.pagination path{fill:var(--color-secondary)}.pagination .prev[data-enabled=true] a:hover path,.pagination .next[data-enabled=true] a:hover path{fill:var(--color-accent)}