.material-list{background-color:#fff;box-sizing:border-box;padding:56px 0}.material-list__header{box-shadow:0 2px 1px hsla(0,0%,100%,0),0 4px 2px hsla(0,0%,100%,0),0 8px 4px transparent,0 6px 8px rgb(0 0 0/4%),0 10px 16px rgb(0 0 0/5%);padding-bottom:2rem}.material-list .container{display:flex;flex-direction:column}.material-list .section-title{color:#141414;font-size:32px;font-weight:800;letter-spacing:-1.28px;line-height:36px;margin-bottom:32px}.material-list .categories-wrapper{position:relative}.material-list .left-arrow,.material-list .right-arrow{background-color:transparent;border:solid #141414;border-width:0 2px 2px 0;content:"";cursor:pointer;display:inline-block;margin-left:8px;padding:7px;position:absolute;top:17px;vertical-align:middle}.material-list .right-arrow{display:none;right:-10px;transform:rotate(-45deg)}.material-list .left-arrow{display:none;left:-18px;transform:rotate(-225deg)}.material-list .left-arrow.active,.material-list .right-arrow.active{display:block;z-index:20}.material-list .categories-list{display:flex;overflow-y:scroll;scroll-behavior:smooth}.material-list .categories-list::-webkit-scrollbar,.material-list .categories-list::-webkit-scrollbar-thumb,.material-list .categories-list::-webkit-scrollbar-thumb:active,.material-list .categories-list::-webkit-scrollbar-thumb:hover,.material-list .categories-list::-webkit-scrollbar-track{display:none}.material-list .category-name{background-color:transparent;border:0;border-bottom:3px solid transparent;color:#404040;cursor:pointer;font-size:16px;font-weight:700;padding:16px 16px 13px;transition:background-color .2s ease-in}.material-list .category-name:hover{background-color:#ececec}.material-list .category-name.active{border-bottom:3px solid #5274ff;color:#5274ff}.material-list .material-list__grid{display:grid;grid-template-columns:312px;padding:42px 0 40px;grid-row-gap:20px;justify-content:center;min-height:200px;position:relative}.material-list .material-list__grid .card-wrapper{background-color:#fff;display:block;width:100%}.material-list .load-more-button{align-items:center;background-color:#002b34;border:0;border-radius:24px;color:#f5f5f7;cursor:pointer;display:none;font-size:16px;font-weight:500;line-height:19px;margin:0 auto;padding:14px 40px;text-align:center;transition:color .3s linear}.material-list .card-category{background-color:#5274ff;border-radius:4px;color:#fff!important;font-size:12px;margin-bottom:8px;padding:4px 8px;text-transform:uppercase;width:fit-content}.material-list .card-date{color:#707070;font-size:12px;margin-bottom:12px;text-transform:uppercase}.material-list .card .image-wrapper{height:176px}.material-list .card{box-shadow:6px 6px 14px 0 #00000040!important}.material-list .card .content{height:226px}.material-list .card-title{color:#5274ff;font-size:20px}.material-list .card-links-wrapper{align-items:center;color:#5274ff;cursor:pointer;display:flex;font-size:14px;font-weight:300;justify-content:flex-end}.loading-spinner-wrapper{display:none;left:50%;position:absolute;top:0;transform:translate(-50%,-50%);z-index:10}.material-list__grid.loading .loading-spinner-wrapper{display:block}.material-list__grid.loading .card-wrapper{opacity:.4;transition:opacity .3s ease-in-out}@media (min-width:768px){.material-list{padding-bottom:72px}.material-list .section-title{font-size:40px;letter-spacing:-1.6px;padding-left:12px}.material-list .category-name{font-size:20px;margin:0 16px;padding:12px 0}.material-list .material-list__grid{grid-template-columns:1fr 1fr;padding:50px 0;grid-column-gap:48px;grid-row-gap:32px;border-top:none}}@media (min-width:1200px){.material-list .material-list__grid{grid-template-columns:1fr 1fr 1fr;grid-column-gap:48px}.material-list .category-name.active:hover{background-color:#e6f7fa}.material-list .load-more-button:hover{background-color:#6b88ff}}.loading-spinner{display:inline-block;height:40px;left:calc(50% - 20px);position:absolute;top:32px;width:40px}.loading-spinner:after{animation:loading-spinner 1.2s linear infinite;border-color:#141414 transparent;border-radius:50%;border-style:solid;border-width:6px;box-sizing:border-box;content:" ";display:block;height:100%;width:100%}@keyframes loading-spinner{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.material-list__pagination{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.material-list__pagination__list{align-items:center;display:flex;gap:2px;list-style-type:none;padding:0}.material-list__pagination__link-next,.material-list__pagination__link-prev{align-items:center;color:#000;display:flex;font-size:14px;font-weight:400;gap:6px;transition:all .4s ease-in}.material-list__pagination__link-next:hover svg path,.material-list__pagination__link-prev:hover svg path{transition:all .4s ease-in}.material-list__pagination__link-next:hover,.material-list__pagination__link-prev:hover,.material-list__pagination__link:hover{color:#5274ff}.material-list__pagination__link-next:hover svg path,.material-list__pagination__link-prev:hover svg path{stroke:#5274ff}.material-list__pagination__link{align-items:center;border-radius:100%;color:#000;display:flex;font-size:14px;font-weight:600;height:24px;justify-content:center;transition:all .4s ease-in;width:24px}.material-list__pagination__item--active .material-list__pagination__link{background-color:#5274ff;color:#fff;font-weight:700;pointer-events:none}.material-list__pagination__item--next .material-list__pagination__link,.material-list__pagination__item--prev .material-list__pagination__link{background-color:transparent;border-radius:0;color:#141414;height:auto;min-width:auto}.material-list__pagination__item--next .material-list__pagination__link:hover,.material-list__pagination__item--prev .material-list__pagination__link:hover{color:#5274ff}.material-list__pagination__item--next .material-list__pagination__link:after{content:" >";display:inline-block;margin-left:4px}