.viewAll{padding:0 6%;max-width:1160px;margin:0 auto}.viewAll h1{margin-bottom:10px}.viewAll h1 span{color:var(--grey);font-size:30px;margin-left:5px}.viewAll .content{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:auto;grid-gap:20px;gap:20px;grid-auto-flow:dense}.viewAll .content li{list-style-type:none}.viewAll .compLi{grid-column:span 2}.viewAll .cardComponent{width:100%}.viewAll .cardComponent .blackOnCardImg{height:100%;width:100%}.viewAll .filters{display:flex;gap:10px;margin-bottom:15px}.viewAll .filters button{font-size:15px;font-weight:500;background-color:var(--bg-contrast);color:var(--text-color);padding:8px 12px;border:none;border-radius:10px;cursor:pointer;transition:.3s}.viewAll .filters button:disabled{background-color:#007bff;color:#fff;cursor:default}.viewAll .filters button:not(:disabled):hover{background-color:var(--button-hover)}.viewAll .viewText{font-size:18px;font-weight:500;color:var(--blue);margin:0 6px 0 0}.viewAll .viewButton{display:flex;align-items:center;width:-moz-fit-content;width:fit-content;padding:0 5px 5px 0;text-decoration:none}.viewAll svg{height:16px;width:16px;fill:var(--blue)}.viewAll .loading{text-align:center;padding:20px;font-size:16px;color:var(--grey)}.viewAll .error{text-align:center}.viewAll .error button{margin-top:10px;padding:8px 16px;background-color:var(--bright-blue);color:#fff;border:none;cursor:pointer}.viewAll .pagination{margin-top:20px;padding:20px 0;border-top:1px solid var(--light-grey)}.viewAll .pagination-info{text-align:center;margin-bottom:20px;color:var(--grey);font-size:16px}.viewAll .pagination-controls{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap}.viewAll .pagination-btn svg{fill:var(--text-color);height:12px;width:13px}.viewAll .pagination-btn .prevArrow{rotate:180deg}.viewAll .pagination-btn{display:flex;align-items:center;background-color:var(--bg-contrast);color:var(--text-color);padding:0 30px;border:none;border-radius:10px;cursor:pointer;transition:background-color .3s;height:40px}.viewAll .pagination-btn:hover:not(:disabled){background-color:var(--button-hover)}.viewAll .pagination-btn:disabled{background-color:var(--light-grey);color:var(--med-grey);cursor:not-allowed}.viewAll .pagination-btn:disabled svg{fill:var(--med-grey)}.viewAll .page-numbers{display:flex;gap:5px;align-items:center}.viewAll .page-number{border:none;height:40px;padding:0 16px;background-color:var(--bg-contrast);color:var(--text-color);border-radius:10px;cursor:pointer;font-size:16px;transition:all .2s}.viewAll .page-number:disabled{color:var(--med-grey);cursor:not-allowed}@media (max-width:1150px){.viewAll .content{grid-template-columns:1fr 1fr 1fr}.viewAll .compLi{grid-column:span 3}}@media (max-width:850px){.viewAll .content{grid-template-columns:1fr 1fr}.viewAll .compLi{grid-column:span 2}}@media (max-width:550px){.viewAll{padding:0 4%}.viewAll .filters{margin-bottom:10px;gap:5px}.viewAll .filters button{transition:none;font-size:12px;padding:9px 12px}.viewAll .content{gap:10px}.viewAll h1 span{font-size:20px}.viewAll .filters button:not(:disabled):hover{background-color:var(--bg-contrast)}.viewAll .pagination{padding:15px 0 0;margin-top:15px}.viewAll .pagination-controls{gap:5px}.viewAll .pagination-info{margin-bottom:15px;font-size:12px}.viewAll .page-number{height:40px;padding:0 16px;font-size:14px}}