.material-item[data-v-f7014b2a]{align-items:center;display:flex;gap:12px;margin-bottom:24px}.material-item .material-item-image[data-v-f7014b2a]{border-radius:12px;height:100%;min-height:150px;min-width:200px;width:200px}.material-item .material-item-content[data-v-f7014b2a]{display:flex;justify-content:space-between;width:100%}.material-item .material-item-title a[data-v-f7014b2a]{color:var(--black);font-size:24px;font-weight:700;margin-bottom:8px}.material-item .expired-time[data-v-f7014b2a]{color:var(--red-100);font-size:14px;font-weight:700;gap:4px}.material-item .material-item-time[data-v-f7014b2a]{color:var(--grey-500);display:flex;font-size:14px;margin-bottom:8px}.material-item .material-item-time .time-icon[data-v-f7014b2a]{margin-left:8px}.material-item .material-item-time .strong[data-v-f7014b2a]{color:var(--black);font-weight:700;margin-right:4px}.material-item .material-item-progress[data-v-f7014b2a]{font-size:1.125rem;font-weight:700;margin-top:.3125rem}.material-item .material-item-progress.expired[data-v-f7014b2a]{color:var(--grey-500)!important}.material-item .percentage-value[data-v-f7014b2a]{color:var(--grey-500);font-size:11px;font-weight:400;white-space:nowrap}.material-item .price[data-v-f7014b2a]{color:var(--black);font-size:20px;font-weight:700}@media (max-width:959px){.material-item-content[data-v-f7014b2a]{flex-direction:column}.material-item .material-item-image[data-v-f7014b2a]{min-height:98px;min-width:auto}}.material-list[data-v-5539c1ba]{border:1px solid var(--border-color1);border-radius:12px;padding:20px 20px 0}.material-list .list-title[data-v-5539c1ba]{color:var(--black);font-size:32px;font-weight:700;margin-bottom:24px}.material-list .list-number[data-v-5539c1ba]{color:var(--grey-400);font-size:24px;font-weight:700;margin-bottom:24px}.material-list .list-number span[data-v-5539c1ba]{background-color:var(--primary-color);border-radius:50%;display:inline-block;height:18px;margin-left:15px;width:18px}.material-list .overflow-scroll-list[data-v-5539c1ba]{max-height:497px;overflow-y:auto}@media (max-width:959px){.material-list[data-v-5539c1ba]{border:0;padding:0}}