.sortbar{justify-content:flex-end;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.sortbtn{color:#111827;cursor:pointer;background:#fff;border:1px solid #94a3b8b3;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding:.6rem 1rem;font-weight:600;transition:border-color .2s,background .2s,color .2s,box-shadow .2s;display:inline-flex;box-shadow:0 6px 16px #0f172a1f}.sortbtn:hover,.sortbtn:focus-visible{border-color:#172de2;box-shadow:0 10px 28px #172de236}.sortbtn__icon{width:20px;height:20px;display:none}.sortbtn[data-state=original] .sortbtn__icon--original,.sortbtn[data-state=asc] .sortbtn__icon--asc,.sortbtn[data-state=desc] .sortbtn__icon--desc{display:block}
.pagination{justify-content:center;align-items:center;gap:.35rem;margin:1.5rem 0 2rem;font-size:.9rem;display:flex}.pagination__btn{color:#111827;cursor:pointer;background-color:#fff;border:1px solid #94a3b8b3;border-radius:999px;min-width:2.2rem;height:2.2rem;padding:0 .6rem;font-weight:500;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,transform .1s;box-shadow:0 4px 10px #0f172a1f}.pagination__btn:hover:not(:disabled),.pagination__btn:focus-visible:not(:disabled){border-color:#172de2;transform:translateY(-1px);box-shadow:0 8px 18px #172de22e}.pagination__btn--active{color:#fff;background-color:#172de2;border-color:#172de2}.pagination__btn--nav{padding-inline:.9rem}.pagination__btn:disabled{opacity:.4;cursor:default;box-shadow:none;transform:none}.pagination__ellipsis{color:#9ca3af;padding-inline:.25rem}.pagination__label--full{display:inline}.pagination__label--icon{display:none}@media (max-width:639px){.pagination{gap:.25rem;margin:1.2rem 0 1.6rem}.pagination__btn{min-width:2rem;height:2rem;padding:0 .5rem;font-size:.8rem;box-shadow:0 3px 8px #0f172a1a}.pagination__btn--nav{padding-inline:.5rem}.pagination__label--full{display:none}.pagination__label--icon{font-size:1.1rem;line-height:1;display:inline}}