.page-controller-container{display:flex;gap:16px;justify-self:flex-end;max-width:100%}.page-controller{max-width:100%;display:flex;background-color:transparent;border-radius:var(--base-radius-full)}.page-controller .indicator-button{border-radius:0;padding:8px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;background-color:var(--surface-foreground);color:var(--text-special);height:36px;width:50px;margin-right:1px}.page-controller .indicator-button.active{color:var(--text-CTA)}.page-controller .indicator-button.first{border-top-left-radius:var(--base-radius-full);border-bottom-left-radius:var(--base-radius-full)}.page-controller .indicator-button.last{border-top-right-radius:var(--base-radius-full);border-bottom-right-radius:var(--base-radius-full);margin-right:0}.page-controller .page-input{border:none;background-color:var(--surface-foreground);color:var(--text-special);width:50px;height:36px;box-sizing:border-box;margin-right:1px;padding-top:8px}.page-controller .page-input input{width:50px;color:var(--text-CTA);text-align:center}.page-controller-options{display:flex;gap:8px}.page-controller-options .sort-button{margin-left:2px;margin-top:2px}.page-controller-options .sort-button.asc{color:var(--text-CTA)}