.hidden{display:none}.pagination{display:flex;flex-direction:row;align-items:center;gap:4px;padding:8px;background-color:#15181b;border-radius:14px}.page-item{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:8px;cursor:pointer;font-size:15px;font-weight:500;color:#8a909a;transition:color .2s,border .2s,background-color .2s;border:1px solid transparent}.page-link{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:8px;color:inherit;text-decoration:none}.page-item:hover{color:#fff;border:1px solid #ff6600}.page-item.disabled{color:#3a4048;cursor:default}.page-item.disabled:hover{color:#3a4048;border:1px solid transparent}.active-pagination{background:linear-gradient(180deg,#f60,#b84900);color:#fff;font-weight:700;border:1px solid transparent}.active-pagination:hover{background:linear-gradient(180deg,#f60,#b84900);color:#fff;border:1px solid transparent}@media (max-width: 768px){.pagination{padding:6px;gap:3px;border-radius:12px}.page-item{width:34px;height:34px;font-size:14px;border-radius:7px}.page-link{width:34px;height:34px;border-radius:7px}}@media (max-width: 480px){.pagination{padding:5px;gap:2px;border-radius:10px}.page-item{width:30px;height:30px;font-size:13px;border-radius:6px}.page-link{width:30px;height:30px;border-radius:6px}}