.page-controller-container{display:flex;gap:16px;align-items:center;justify-self:flex-end;max-width:100%}.page-controller-container.mobile{width:100%;align-self:flex-end;flex-direction:column;gap:8px}.page-controller{width:-moz-fit-content;width:fit-content;max-width:100%;display:flex;background-color:rgba(0,0,0,0);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);min-width:70px;height:36px;box-sizing:border-box;margin-right:1px;padding:0 8px;display:flex;align-items:center;justify-content:center;gap:2px}.page-controller .page-input input{width:30px;min-width:30px;color:var(--text-CTA);text-align:center}.page-controller .page-input .page-total{color:var(--text-special);opacity:.7;white-space:nowrap;line-height:1}.page-controller-options{display:flex;gap:8px}.mobile .page-controller-options{width:100%;justify-content:flex-end}.page-controller-options .sort-button{margin-left:2px;margin-top:2px}.page-controller-options .sort-button.asc{color:var(--text-CTA)}@media(max-width:768px){.page-controller-container{width:100%;max-width:100%;justify-self:flex-end}.page-controller{width:100%;min-width:0}.page-controller .indicator-button{width:44px;min-width:44px}.page-controller .page-input{min-width:72px}.page-controller .page-input input{width:30px;min-width:30px}}