.pagination{display:grid;grid-template-columns:1fr auto;grid-template-areas:"summary size" "buttons buttons";align-items:center;gap:12px 18px;margin:22px 0 4px;padding:16px 18px;border:1px solid #dedfec;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:0 8px 24px rgba(44,45,80,.05)}
.page-summary{grid-area:summary;color:#74778a;font-size:13px;font-weight:600}.page-size{grid-area:size;display:flex;align-items:center;gap:8px;color:#74778a;font-size:12px;font-weight:600}.page-size select{width:auto;min-width:72px;min-height:38px;padding:7px 30px 7px 10px;background:#fff}
.page-buttons{grid-area:buttons;display:flex;align-items:center;justify-content:center;gap:6px}.desktop-page-numbers{display:flex;align-items:center;gap:5px}.page-buttons button{min-width:38px;min-height:38px;padding:7px 11px;border-radius:10px;background:#fff}.page-buttons button[aria-current="page"]{color:#fff;background:#574ee7;border-color:#574ee7}.page-buttons button[aria-disabled="true"]{opacity:.42;cursor:not-allowed}.page-ellipsis{display:inline-grid;place-items:center;min-width:24px;color:#858296}.mobile-page-number{display:none;color:#656277;font-size:12px;font-weight:650;white-space:nowrap}
@media(max-width:650px){.pagination{position:relative;z-index:1;grid-template-columns:1fr auto;gap:12px;margin:18px 0 24px;padding:14px 12px}.page-summary{font-size:11px}.page-size{font-size:11px}.page-size select{min-width:64px;min-height:36px}.desktop-page-numbers{display:none}.mobile-page-number{display:inline}.page-buttons{justify-content:space-between}.page-buttons button{min-width:0;padding:7px 10px;font-size:11px}}
@media(max-width:390px){.pagination{grid-template-columns:1fr;grid-template-areas:"summary" "size" "buttons"}.page-size{justify-self:start}}