.paginationbar{display:flex;width:fit-content;flex-wrap:wrap;gap:4px;margin:0 auto}.paginationbar-item,.paginationbar-dots,.paginationbar-prev,.paginationbar-next{display:flex;align-items:center;justify-content:center;min-width:2rem;height:2rem;padding:.25rem;font-size:.9rem;font-weight:500;background-color:transparent;color:var(--color-text);border:1px solid var(--color-border);border-radius:3px;box-sizing:border-box;position:relative}.paginationbar-next:hover,.paginationbar-prev:hover,.paginationbar-item:hover{background-color:var(--color-border);color:var(--color-text);border:var(--color-border);cursor:pointer}.paginationbar-dots{border:none;cursor:default}.paginationbar-prev:before,.paginationbar-next:before{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-style:solid;border-color:var(--color-text)}.paginationbar-prev:before{border-width:2px 0 0 2px;transform:translate(-30%,-50%) rotate(-45deg)}.paginationbar-next:before{border-width:2px 2px 0 0;transform:translate(-70%,-50%) rotate(45deg)}.paginationbar-active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-bg);cursor:default;pointer-events:none}