.pagination {box-sizing:border-box;max-width:100%;padding:13px 18px;border-top:1px solid #e3e8ea;color:#82909d;font-size:11px;container-type:inline-size;}
.pagination-layout {display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;}
.pagination-summary {flex:0 0 auto;max-width:100%;}
.pagination-pages {display:flex;align-items:center;gap:4px;max-width:100%;}
.pagination-pages a,.pagination-disabled {display:flex;box-sizing:border-box;flex-shrink:0;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 7px;border:1px solid #dce4e7;border-radius:5px;background:#fff;color:#6c7f8d;font-size:11px;}
.pagination-pages a:hover {background:#f1f5f7;}
.pagination-pages a:focus-visible {outline:2px solid #5d87a5;outline-offset:2px;}
.pagination-pages a.active {border-color:#193a59;background:#193a59;color:#fff;}
.pagination-disabled {color:#a8b3bb;background:#f7f8f9;}
.pagination-ellipsis {padding:0 5px;}
.pagination-mobile {display:none;}

@media (max-width:600px) {
    .pagination {padding:13px 14px;}
    .pagination-layout {flex-direction:column;align-items:flex-start;}
    .pagination-pages {width:100%;justify-content:space-between;}
    .pagination-pages .pagination-number,.pagination-ellipsis {display:none;}
    .pagination-mobile {display:block;}
    .pagination-pages a,.pagination-disabled {min-width:44px;height:44px;}
}

@container (max-width:480px) {
    .pagination-layout {flex-direction:column;align-items:flex-start;}
    .pagination-pages {width:100%;justify-content:space-between;}
    .pagination-pages .pagination-number,.pagination-ellipsis {display:none;}
    .pagination-mobile {display:block;}
    .pagination-pages a,.pagination-disabled {min-width:44px;height:44px;}
}