@keyframes skeleton-369ce9fb{0%{background-position:-100px}to{background-position:140px}}.recommended-materials-component[data-v-369ce9fb]{margin:0 auto;max-width:1920px;position:relative}.recommended-materials-component .nav[data-v-369ce9fb]{height:42px!important;position:absolute;top:132px;width:42px}.recommended-materials-component .nav .icon[data-v-369ce9fb]{height:24px;width:24px}.recommended-materials-component .nav.swiper-button-disabled[data-v-369ce9fb]{display:none}.recommended-materials-component .nav.prev[data-v-369ce9fb]{left:24px}.recommended-materials-component .nav.prev svg[data-v-369ce9fb]{transform:rotate(90deg)}.recommended-materials-component .nav.next[data-v-369ce9fb]{right:24px;transform:rotate(270deg)}@media (max-width:1279px){.recommended-materials-component .nav[data-v-369ce9fb]{display:none}}.recommended-materials-component .slid-wrapper[data-v-369ce9fb]{width:100%}.recommended-materials-component .swiper[data-v-369ce9fb]{height:100%}.recommended-materials-component .slide[data-v-369ce9fb]{width:auto}@media (max-width:1279px){.recommended-materials-component[data-v-369ce9fb]{margin-bottom:0}}.recommended-materials-component .materials-list[data-v-369ce9fb]{display:flex;flex-direction:column;gap:8px;padding:0 16px}@media (max-width:1279px){.recommended-materials-component .materials-list[data-v-369ce9fb]{padding:0}}.recommended-materials-component .material[data-v-369ce9fb]{align-items:flex-start;background-color:var(--background-surface-secondary);border-radius:8px;display:flex;gap:16px;padding:16px;width:512px}@media (max-width:1279px){.recommended-materials-component .material[data-v-369ce9fb]{height:98px;padding:8px;width:100%}}.recommended-materials-component .material-image[data-v-369ce9fb]{border-radius:6px;flex-shrink:0;height:166px;-o-object-fit:cover;object-fit:cover;width:228px}@media (max-width:1279px){.recommended-materials-component .material-image[data-v-369ce9fb]{height:82px;width:82px}}.recommended-materials-component .material-text[data-v-369ce9fb]{padding:16px 0}.recommended-materials-component .material-text .material-title[data-v-369ce9fb]{color:var(--text-primary);font-size:16px;font-weight:500;line-height:20px}.recommended-materials-component .material-text .material-type[data-v-369ce9fb]{color:var(--text-secondary);font-size:14px;font-weight:500;line-height:18px;margin-bottom:12px}@media (max-width:1279px){.recommended-materials-component .material-text[data-v-369ce9fb]{padding:2px 0}.recommended-materials-component .material-text .material-title[data-v-369ce9fb]{font-size:14px;line-height:18px}.recommended-materials-component .material-text .material-type[data-v-369ce9fb]{font-size:12px;line-height:14px;margin-bottom:4px}}.recommended-materials-component .material:hover .material-title[data-v-369ce9fb]{color:var(--text-primary-hover)}.recommended-materials-component .material:hover .material-type[data-v-369ce9fb]{color:var(--text-secondary-hover)}.recommended-materials-component .recommended-materials-title[data-v-369ce9fb]{font-size:24px;font-weight:700;line-height:30px;margin-bottom:24px;text-align:center}