.section-header{position:relative;margin-bottom:24px}.section-header.mobile .content-title{font-size:16px;line-height:24px}.section-header__content{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.section-header__content .content-title{font-size:24px;line-height:28px;font-weight:500;color:#102433}.section-header__content .content-action .ant-btn{border:none;color:#005386;box-shadow:none;background-color:transparent}.section-header__content .content-action .ant-btn-icon-only{color:#000;background-color:transparent}.card-history-course{position:relative}.card-history-course__content{position:inherit}.card-history-course__content.ant-card .content-thumbnail{position:relative;height:80px;width:140px;max-height:80px;max-width:140px;background-color:#d9d9d9}.card-history-course__content.ant-card .content-thumbnail picture,.card-history-course__content.ant-card .content-thumbnail video{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.card-history-course__content.ant-card .content-thumbnail .item-play{text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:#fff;font-size:32px;line-height:0}.card-history-course__content.ant-card .content-category,.card-history-course__content.ant-card .content-duration,.card-history-course__content.ant-card .content-instructor{font-size:12px;line-height:18px}.card-history-course__content.ant-card .content-category{color:#005386}.card-history-course__content.ant-card .content-duration,.card-history-course__content.ant-card .content-progress{margin-top:16px}.card-history-course__content.ant-card .content-duration{color:#6b778c;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.card-history-course__content.ant-card .content-duration span{margin-left:4px}.card-history-course__content.ant-card .content-instructor,.card-history-course__content.ant-card .content-title{color:#102433}.card-history-course__content.ant-card .content-title{font-size:14px;line-height:22px;font-weight:500;color:#102433;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.card-history-course__content.ant-card .content-instructor{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis}.card-history-course__content.ant-card .content-progress .ant-progress-bg{background-color:#005386}.card-history-course__content.ant-card .content-progress .ant-progress .anticon-check-circle{color:#5cd0bf}.content-empty .content-empty__action button{margin:auto;background-color:#005386}.content-empty.mobile .content-empty__info{margin-top:12px;padding:0 16px}.content-empty.mobile .content-empty__info .info-desc,.content-empty.mobile .content-empty__info .info-title{text-align:center}.content-empty.mobile .content-empty__action button{margin:auto;background-color:#005386}.content-empty__info{max-width:490px;margin-left:auto;margin-right:auto}.content-empty__info .info-title{font-size:18px;line-height:24px;font-weight:500;color:#2c3e50;margin-bottom:8px}.content-empty__info .info-desc{font-size:16px;line-height:24px;color:#636f82}.content-empty__info.vertical{text-align:center}.content-empty__action{margin-top:16px}.content-empty .ant-space{width:100%;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.course-history{position:relative;padding:32px;background-color:#f9f9fb}.course-history.mobile{padding:32px 16px 32px 16px}.course-history__content{position:inherit;padding:32px!important;border-radius:8px;background-color:#289f8d}.course-history__content .section-header__content .ant-btn,.course-history__content .section-header__content .content-action,.course-history__content .section-header__content .content-title{color:#fff}.course-history__content .content-empty__info{max-width:490px}.course-history__content .content-empty__info .info-title{font-size:18px;line-height:24px;font-weight:500;color:#fff;margin-bottom:8px}.course-history__content .content-empty__info .info-desc{font-size:16px;line-height:24px;font-weight:400;color:#fff}.course-history__content .content-empty .ant-space{width:100%;-webkit-justify-content:center;justify-content:center}.course-history a{text-decoration:none}.course-history__preload{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.course-history__preload .skeleton-right{width:calc(100% - 140px);margin-left:8px}.course-history .card-container .card-item__content.study{width:320px;min-width:320px}