.filter-panel-video{width:300px;position:-webkit-sticky;position:sticky;top:180px}.filter-panel-video .main-header{padding:12px 16px;border:1px solid #d9d9d9;border-bottom:none;border-top-right-radius:4px;border-top-left-radius:4px;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;font-weight:500}.filter-panel-video .main-header__clear-button{font-size:14px;color:#2f56bf;cursor:pointer}.filter-panel-video .ant-rate-star{color:#fbbe01}.filter-panel-video .ant-collapse{border-top-right-radius:0;border-top-left-radius:0}.filter-panel-video .ant-collapse-header{font-weight:400;background-color:#fff;border-radius:0}.filter-panel-video .ant-collapse-arrow{color:#2f56bf!important}.filter-panel-video .ant-collapse-content-box{max-height:200px;overflow:auto}.filter-panel-video .category__item,.filter-panel-video .channel__item,.filter-panel-video .instructor__item{display:-webkit-flex;display:flex}.filter-panel-video .category__item div,.filter-panel-video .channel__item div,.filter-panel-video .instructor__item div{margin-left:8px}.filter-panel-video .category div:not(:last-child),.filter-panel-video .channel div:not(:last-child),.filter-panel-video .duration div:not(:last-child),.filter-panel-video .instructor div:not(:last-child){margin-bottom:8px}.filter-panel-video .channel{margin:0}.filter-panel-video .rating span.rating-text{margin-left:8px}.filter-modal-video .section-title{font-weight:500;margin-bottom:8px;text-transform:capitalize}.filter-modal-video .section-title:not(:first-child){margin-top:24px}.filter-modal-video .ant-rate-star{color:#fbbe01}.filter-modal-video .ant-collapse{border-top-right-radius:0;border-top-left-radius:0}.filter-modal-video .ant-collapse-header{font-weight:400;background-color:#fff;border-radius:0}.filter-modal-video .ant-collapse-arrow{color:#2f56bf!important}.filter-modal-video .ant-collapse-content-box{max-height:200px;overflow:auto}.filter-modal-video .category__item,.filter-modal-video .channel__item{display:-webkit-flex;display:flex}.filter-modal-video .category__item div,.filter-modal-video .channel__item div{margin-left:8px}.filter-modal-video .category div:not(:last-child),.filter-modal-video .channel div:not(:last-child),.filter-modal-video .duration div:not(:last-child){margin-bottom:8px}.filter-modal-video .rating span.rating-text{margin-left:8px}.filter-modal-video__full-modal .ant-modal{width:100%!important;max-width:100%!important;top:0;padding-bottom:0;margin:0}.filter-modal-video__full-modal .ant-modal-content{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;min-height:100vh}.filter-modal-video__full-modal .ant-modal-body{-webkit-flex:1;flex:1}.filter-modal-video__reset-button{margin-left:16px;color:#005386;cursor:pointer}.kategori-layout[data-v-494317dc]{display:-webkit-flex;display:flex}.kategori-layout__filter-panel[data-v-494317dc]{width:300px;margin-right:20px;-webkit-flex-shrink:0;flex-shrink:0}.kategori-layout__video-list[data-v-494317dc]{width:64vw;-webkit-flex-shrink:0;flex-shrink:0}@media(max-width:600px){.kategori-layout__video-list[data-v-494317dc]{width:100%}}.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}.list-video-item[data-v-4a5a966c]{margin:16px 0}.list-video-item__container[data-v-4a5a966c]{display:-webkit-flex;display:flex}.list-video-item__container .thumbnail[data-v-4a5a966c]{text-align:center;width:348px;aspect-ratio:16/9;background-color:#7a869a}.list-video-item__container .thumbnail img[data-v-4a5a966c]{width:100%}.list-video-item__container .details[data-v-4a5a966c]{display:-webkit-flex;display:flex;-webkit-flex-direction:column;-moz-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex:1;flex:1;max-width:514px;margin:24px}.list-video-item__container .details .category[data-v-4a5a966c]{color:#6b778c;font-size:12px;text-transform:uppercase}.list-video-item__container .details .title[data-v-4a5a966c]{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden;color:#102433;font-weight:500}.list-video-item__container .details .author[data-v-4a5a966c]{color:#102433;font-size:12px}.list-video-item__container .details .rating[data-v-4a5a966c],.list-video-item__container .details .time-attributes[data-v-4a5a966c]{color:#6b778c;font-size:14px}.list-video-item__container .details .rating[data-v-4a5a966c]{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;margin-top:4px}.list-video-item__container .details .rating i[data-v-4a5a966c]{margin-right:4px;color:#fbbe01}.list-video-item__container.mobile[data-v-4a5a966c]{display:block}.list-video-item__container.mobile .thumbnail[data-v-4a5a966c]{text-align:center;aspect-ratio:16/9;width:100%;height:auto;background-color:#7a869a}.list-video-item__container.mobile .title[data-v-4a5a966c]{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;text-overflow:ellipsis;overflow:hidden}.list-video-item__container.mobile .details[data-v-4a5a966c]{display:block;max-width:unset}.list-video-item__container.mobile .details .author[data-v-4a5a966c]{margin-bottom:16px}