.category-directory{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:70px}.category-directory a{display:grid;grid-template-columns:1fr auto;gap:8px;padding:20px;border:1px solid var(--line);border-radius:16px;background:#101419}.category-directory a span{grid-row:2;color:#8994a1;font-size:13px}.category-directory a i{grid-row:1/3;grid-column:2;align-self:center;font-style:normal}.category-directory a:hover,.category-directory a.active{background:#fff;color:#090b0d}.list-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:22px}.list-head h2{font-size:38px;margin:8px 0 0}.list-head>span{color:#9ba5b1}.pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:38px 0}.pagination a{min-width:42px;height:42px;padding:0 13px;border:1px solid var(--line);border-radius:11px;background:#13171c;color:#c5ccd5;display:grid;place-items:center}.pagination a:hover,.pagination a.current{background:#fff;color:#090b0d;border-color:#fff}.pagination span{color:#707985}@media(max-width:900px){.category-directory{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.category-directory{grid-template-columns:1fr 1fr;gap:8px}.category-directory a{padding:14px}.list-head{align-items:start;flex-direction:column}.pagination{gap:4px;flex-wrap:wrap}.pagination a{min-width:36px;padding:0 9px}}