.paginator-wrap margin: 1rem display: flex justify-content: space-between align-items: center font-size: 1rem font-weight: 700 background: var(--card) border-radius: $border-card overflow: hidden box-shadow: 0 2px 8px 0px rgba(0, 0, 0, 0.03) color: var(--text-p3) .page-number padding: 4px 8px border-radius: 8px margin: 2px a.page-number color: var(--text-p3) &:hover color: var(--text-p1) background: var(--block) .extend text-align: center background-size: contain width: 1rem height: 1rem background-origin: content-box background-clip: content-box &.next border-left: 1px dashed var(--block-border) background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/064b95430caf4.svg') &.prev border-right: 1px dashed var(--block-border) background-image: url('https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/arrow/f049bbd4e88ec.svg') .current font-family: $ff-code background: var(--block) .extend padding: 1rem line-height: 0 filter: grayscale(100%) img height: 1rem &.disable pointer-events: none span.extend opacity: 0.25 a.extend:hover filter: unset