.informasi-umum__section[data-v-411bc505]{max-width:570px;margin:32px 0}.informasi-umum__section__title[data-v-411bc505]{margin-bottom:4px;font-weight:500;color:#102433}@media only screen and (max-width:1200px){.informasi-umum__section[data-v-411bc505]{max-width:500px}}.instructor-item[data-v-7eb5ee7e]{margin:16px 0}.instructor-item__header[data-v-7eb5ee7e]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-bottom:8px}.instructor-item__header__avatar[data-v-7eb5ee7e]{margin-right:8px}.instructor-item__header__instructor-name[data-v-7eb5ee7e]{font-weight:700;color:#2c3e50}.instructor-item__header__instructor-occupation[data-v-7eb5ee7e]{font-size:14px;color:#6b778c}.video-item{-webkit-justify-content:space-between;justify-content:space-between;color:#102433}.video-item,.video-item__title{display:-webkit-flex;display:flex}.video-item__title{-webkit-align-items:center;align-items:center}.video-item__title__icon{margin-right:8px}.video-item__title__duration{color:#6b778c}.video-item:not(:first-child){margin-top:16px}.syllabus .ant-collapse-header{background-color:#f9f9fb;font-weight:500;color:#102433}.syllabus .ant-collapse-header .ant-collapse-extra{font-weight:400;color:#6b778c}.video-container[data-v-10015209]{position:relative}.video-container .video[data-v-10015209]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:60%;background-color:#f3f5f8;aspect-ratio:16/9}.video-container .video.mobile[data-v-10015209]{width:100%;max-height:400px}.video-container .video.loading[data-v-10015209]{position:absolute;z-index:1}.information-card{width:100%;border-radius:4px;box-shadow:0 0 20px rgba(122,134,154,.12)}.information-card .info-list{margin-bottom:16px;color:#2c3e50}.information-card .info-list:last-child{margin-bottom:0}.information-card .info-list.title{font-size:18px;font-weight:500;color:#102433}.information-card .info-list.with-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.information-card .info-list.with-icon i{margin-right:8px}.information-card .daftar-kursus-button{margin-top:24px;margin-bottom:8px}.information-card .daftar-kursus-button .enrolled-sign{color:#289f8e;font-weight:500}.information-card .daftar-kursus-button .ant-btn-primary{background-color:#005386}.information-card .daftar-kursus-button button{margin-top:8px}.popover-buttons .wa{background-color:#1d9c16;margin-right:4px}.popover-buttons .link{background-color:#2f56bf}.information-card.desktop{max-width:411px;min-width:290px;width:30%;float:right;position:-webkit-sticky;position:sticky;top:80px;z-index:2}.information-card.mobile{margin-top:16px}.information-card.mobile .ant-card-body{padding:16px}.information-card-container.desktop{width:100%;height:90%;position:absolute}.informasi-umum .sticky-action-buttons{position:fixed;background-color:#639;z-index:999;bottom:0;left:0;width:100%;padding:16px;background-color:#fff;box-shadow:0 -1px 12px rgba(44,62,80,.12)}.informasi-umum .sticky-action-buttons .actions{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between}.informasi-umum .sticky-action-buttons .actions button{width:calc(50% - 8px)}.informasi-umum .sticky-action-buttons .enrolled-sign{margin-bottom:8px;color:#289f8e;font-weight:500}.konten-belajar__video-player{position:relative}.konten-belajar__video-player .video-player__content,.konten-belajar__video-player .video-player__preload{height:410px;min-height:410px;max-height:410px;width:100%;min-width:100%;background-color:#f3f5f8;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.konten-belajar__video-player .video-player__info{width:100%;background-color:#eef4fb;padding:24px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.konten-belajar__video-player .video-player__info .info-button{margin-left:24px}.konten-belajar__video-player .video-player__info .info-icon{color:#b3bac5;font-size:32px}.konten-belajar__video-player .video-player__info .info-text{color:#2c3e50;font-weight:500}.konten-belajar__video-player .video-player__action{padding-top:16px}.konten-belajar__video-player .video-player__action:not(.mobile){display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}.konten-belajar__video-player .video-player__action.mobile{margin-bottom:24px}.konten-belajar__video-player .video-player__action.mobile .action-title{margin-bottom:16px}.konten-belajar__video-player .video-player__action .action-button{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.konten-belajar__video-player .video-player__action .action-button button:first-child{margin-right:16px}.konten-belajar__video-player .video-player__action .action-title{color:#2c3e50;font-weight:500}.hide-jwplayer{display:none}.konten-belajar__progress{position:inherit}.konten-belajar__progress .progress-header{background-color:#2c3e50;color:#fff;padding:16px;font-size:16px;line-height:24px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.konten-belajar__progress .progress-header__title{font-weight:700}.konten-belajar__progress .progress-header__counter{display:-webkit-flex;display:flex}.konten-belajar__progress .progress-header__counter .counter-progress{width:126px;margin-right:8px}.konten-belajar__progress .progress-sections .ant-collapse .sections-item .ant-collapse-header{color:#102433;font-size:16px;line-height:24px;font-weight:500;background-color:#f8fafd}.konten-belajar__progress .progress-sections .ant-collapse .sections-item .ant-collapse-content{border-top:none}.konten-belajar__progress .progress-sections .ant-collapse .sections-item .ant-collapse-content .ant-collapse-content-box{background-color:#f8fafd;padding-top:0}.konten-belajar__progress .progress-sections .ant-collapse .sections-item .sections-summary{font-size:14px;line-height:22px;color:#6b778c}.konten-belajar__progress .progress-sections .material-list{list-style:none;padding:0}.konten-belajar__progress .progress-sections .material-list .material-item{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:flex-start;align-items:flex-start;padding:8px 0;padding-left:24px;cursor:pointer}.konten-belajar__progress .progress-sections .material-list .material-item.lock{cursor:not-allowed}.konten-belajar__progress .progress-sections .material-list .material-item__info{display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-title{color:#102433;font-size:16px;line-height:24px}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-icon{margin-right:16px}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-icon .anticon-check-circle{color:#5cd0bf}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-icon .anticon-pause-circle{color:#1865f2}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-link{margin-top:8px}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-link a{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-link a .info-link__name{overflow-x:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:270px}.konten-belajar__progress .progress-sections .material-list .material-item__info .info-link__icon{margin-right:8px}.konten-belajar__progress .progress-sections .material-list .material-item__duration{font-size:14px;line-height:22px;color:#6b778c}.konten-belajar__progress.mobile .progress-sections .material-list .material-item{padding-left:0}.konten-belajar__progress.mobile .progress-sections .material-list .material-item__info .info-link a .info-link__name{max-width:190px}.konten-belajar{position:relative}.w-fit-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.course-video{position:relative}.course-video:not(.mobile){padding-top:40px}.course-video.mobile{padding:16px}.course-video__content{position:inherit}.course-video__content .content-header{margin-bottom:16px}.course-video__content .content-header__title{color:#102433;font-size:18px;line-height:29px;font-weight:500}.course-video__content .content-header__category{color:#6b778c;font-size:16px;line-height:24px;margin-top:8px}.course-video__content .content-body{width:100%}.course-video__content .content-body__tabs{width:100%;padding:0;list-style:none;border-bottom:1px solid #f3f5f8;display:-webkit-flex;display:flex}.course-video__content .content-body__tabs .tabs-item{padding-bottom:12px}.course-video__content .content-body__tabs .tabs-item:not(:last-of-type){margin-right:32px}.course-video__content .content-body__tabs .tabs-item:not(.active){cursor:pointer}.course-video__content .content-body__tabs .tabs-item:not(.active):hover{color:#1865f2}.course-video__content .content-body__tabs .tabs-item.active{color:#1865f2;border-bottom:1px solid #1865f2}