.main-practice-list-view{width:100%}.main-practice-list-view.pte .topic-tree-v2-container .topic-tree-data-block .block-summary,.main-practice-list-view.toefl .topic-tree-v2-container .topic-tree-data-block .block-summary,.main-practice-list-view.toeic .topic-tree-v2-container .topic-tree-data-block .block-summary{background:var(--ks-white-color-default)}.main-practice-list-view .title{font-weight:700;font-size:20px;color:#1d1d1d;min-height:28px}.main-practice-list-view .title:not(.main-practice-list-view .title.first){margin-top:30px}.main-practice-list-view .title.ielts{font-size:20px;font-weight:600;color:var(--titleColor)}@media(max-width:767px){.main-practice-list-view .title.ielts{font-size:16px}}.main-practice-list-view .list-children{margin-top:12px;background:hsla(0,0%,100%,.6);border-radius:15px;padding:20px}.main-practice-list-view .list-children.ielts{padding:initial;margin-top:0}.main-practice-list-view .item{height:50px;background-color:#fff;border-radius:7px;display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding-left:10px;padding-right:10px;cursor:pointer}.main-practice-list-view .item:hover .item-icon .icon{fill:#636cf5}.main-practice-list-view .item:hover .item-name{color:#636cf5}.main-practice-list-view .item .item-left{display:flex;align-items:center}.main-practice-list-view .item .item-name{color:#4a4a4a;font-weight:600;font-size:14px;line-height:21px;padding-left:15px}.main-practice-list-view .item-ielts{cursor:pointer}.main-practice-list-view .item-ielts .item-left-ielts{display:flex;align-items:center;border-left:2px solid var(--iconWebFcColor);padding:10px;border-bottom:1px solid #e9e9e9}.main-practice-list-view .item-ielts .item-left-ielts .custom-circle{width:31px;height:31px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--iconWebFcColor);transform:translateX(calc(-50% - 10px));font-size:14px;font-weight:700;color:#fff;margin-right:-10px}.main-practice-list-view .item-ielts:last-child .item-left-ielts{border-bottom:initial}.main-practice-list-view .icon-expandmore{position:absolute;left:20px;transform:rotate(-90deg)}.main-practice-list-view .icon-expandmore.expanedmore-open{transform:rotate(0)}.main-practice-list-view .accordion-root{min-height:94px;height:fit-content;margin-top:30px}.main-practice-list-view .accordion-root.expanedmore-open{min-height:94px}.main-practice-list-view .MuiPaper-root{box-shadow:0 6px 12px 0 rgba(0,0,0,.078);border-radius:20px}.main-practice-list-view .MuiPaper-root:before{height:auto}.main-practice-list-view .content-item-child{padding-left:25px}.main-practice-list-view .list-item-container{padding:0 0 0 40px;background:#fff;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9}.main-practice-list-view .group-text-content-item{margin-left:12px}.main-practice-list-view .group-text-content-item .item-name-ielts{font-size:16px;font-weight:600}@media(max-width:767px){.main-practice-list-view .group-text-content-item .item-name-ielts{font-size:14px;overflow:hidden;width:140px;word-wrap:break-word}}.main-practice-list-view .group-text-content-item .total-question{font-size:14px;font-weight:400;color:var(--contentColor)}@media(max-width:767px){.main-practice-list-view .group-text-content-item .total-question{font-size:12px}}.main-practice-list-view .btn-showmore-topic{width:200px;margin:10px auto;font-weight:600;font-size:14px;color:#0465d8;cursor:pointer;text-align:center;padding:2px 0}.main-practice-list-view .btn-showmore-topic:hover{text-decoration:underline}.main-practice-list-view .accomplished-topic{min-width:110px;width:fit-content;height:45px;border-radius:24px;display:flex;align-items:center;justify-content:center;background:#eaedff;color:#6c81fe;font-size:14px;font-weight:600;margin-left:auto}.main-practice-list-view .progress-children{width:45px;height:45px;background-color:transparent;position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;border:2px solid #dce2ee;margin-left:auto;margin-right:5px}#topic-list-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}#topic-list-container .topic-item-box{grid-column:auto;min-height:358px;background-color:var(--ks-white-color-default);border-radius:20px;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.122);position:relative}#topic-list-container .topic-item-box .topic-item__content .topic-item__title{font-size:20px;font-weight:600;margin-bottom:16px;line-height:30px;color:var(--ks-secondary-color-main)}@media screen and (max-width:991px){#topic-list-container .topic-item-box .topic-item__content .topic-item__title{font-size:16px}}#topic-list-container .topic-item-box .topic-item__content .topic-item__new{display:flex;flex-direction:column;gap:16px;margin-bottom:74px}#topic-list-container .topic-item-box .topic-item__content .button-topic{padding:8px 0;border-radius:24px;font-size:16px;font-weight:600;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer;transition:all .3s;position:absolute;bottom:16px;right:16px;left:16px}#topic-list-container .topic-item-box .topic-item__content .button-topic:hover{transform:scale(1.05)}#topic-list-container .topic-item-box .topic-item__content .button-topic.btn-restart{border:1px solid var(--ks-secondary-color-main,#2f3a56);color:var(--ks-secondary-color-main,#2f3a56)}#topic-list-container .topic-item-box .topic-item__content .button-topic.btn-start{border:1px solid var(--ks-primary-color-main,#ff8159);color:var(--ks-primary-color-main,#ff8159)}@media screen and (max-width:1169px){#topic-list-container{grid-template-columns:1fr 1fr}}@media screen and (max-width:425px){#topic-list-container{grid-template-columns:1fr}}.box-info{display:flex;align-items:center;gap:8px}.box-info .box-text.dot-1{overflow:hidden!important;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1!important}.box-info .box-text .total{color:var(--ks-black-color-default);font-size:14px;font-weight:600}.box-info .box-text .text{color:var(--ks-color-body-1,"#535353");font-size:14px;font-weight:400;margin-left:4px}#join-facebook{width:100%;height:fit-content;border-radius:20px;box-shadow:0 6px 12px 0 rgba(0,0,0,.078);padding:20px;display:flex;flex-direction:column}#join-facebook .join-fb-title-1{font-weight:600;font-size:16px;color:#0465d8}#join-facebook .join-fb-title-2{font-weight:600;font-size:20px;color:#304375;margin-top:5px;margin-bottom:20px}#join-facebook .join-group-container{width:100%;height:88px;background:#304375;margin-top:auto;border-radius:10px}#join-facebook .join-group-container .join-group-content{width:100%;height:88px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:#fff;border:solid #304375;border-width:2px 2px 5px;cursor:pointer;transition:transform .2s linear;z-index:2}#join-facebook .join-group-container .join-group-content:hover{transform:translateY(-3px)}#join-facebook .join-group-container .join-group-content .icon-loudspeak{width:56px;height:56px;border-radius:50%;background:#f9f9f9;display:flex;align-items:center;justify-content:center}#join-facebook .join-group-container .join-group-content .join-now{font-weight:600;font-size:16px;margin-left:15px}#other-practices-list .title{text-align:center;font-weight:700;font-size:20px}#other-practices-list .list{border-radius:20px;overflow:hidden;box-shadow:0 2px 4px 0 rgba(0,0,0,.122);background-color:#fff;padding:0 16px}#other-practices-list .list .list-item{background:#fff;display:flex;align-items:center;border-bottom:1px solid #f1f1f1;padding:16px 0}#other-practices-list .list .list-item.last-child{border-bottom:unset}#other-practices-list .list .list-item-name{color:var(--ks-secondary-color-main);font-size:20px;font-weight:400;line-height:30px}#other-practices-list .list .list-item-icon{color:#000;flex:1;display:none;justify-content:flex-end;align-items:center}#other-practices-list .list .list-item--active .list-item-name{color:var(--ks-primary-color-main,"#FF8159");font-weight:600}#grammar-vocab-list-view{padding-top:10px}#grammar-vocab-list-view .practice-list-view-title{text-align:center;font-weight:600;font-size:32px;color:var(--titleColor);padding:30px 0}#grammar-vocab-list-view .practice-list-view-title.english-test{padding-top:64px;padding-bottom:12px;line-height:48px;color:var(--ks-black-color-default)}#grammar-vocab-list-view .practice-list-view-main.subject-type .main-practice-list-view .title{margin-top:0!important}#grammar-vocab-list-view .practice-list-view--summary{max-width:800px;font-size:16px;font-weight:400;text-align:center;margin:0 auto 30px;color:#535353}#grammar-vocab-list-view .practice-list-view--summary p{margin:0}#grammar-vocab-list-view .practice-list-view--summary span{color:unset!important;font-family:unset!important;font-size:unset!important;background-color:unset!important}#grammar-vocab-list-view .practice-list-view--summary.english-test{color:var(--ks-color-body-1,"#535353");margin-bottom:32px;max-width:946px}.practice-detail-view .practice-list-view-title{text-align:center;font-weight:500;font-size:30px;color:#1d1d1d;padding:30px 0}.practice-detail-view .practice-list-view-main .practice-name{color:#333;font-weight:700;font-size:20px}.practice-detail-view .practice-list-view-main .practice-list{margin-top:12px}.practice-detail-view .practice-list-view-main .practice-list-item{background:#fff;padding:16px;border-bottom:1px solid #f2f3f7;display:flex;cursor:pointer;align-items:center}.practice-detail-view .practice-list-view-main .practice-list-item:hover{transform:translateZ(1px);box-shadow:0 4px 6px #e8eaf1}.practice-detail-view .practice-list-view-main .practice-list-item:hover .practice-item-name{color:#636cf5}.practice-detail-view .practice-list-view-main .practice-list .practice-item-name{color:#535353;font-weight:500;font-size:18px;display:flex;align-items:center}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress{flex:1;display:flex;justify-content:flex-end;align-items:center;column-gap:4px}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress.lesson{visibility:hidden}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress .item-locked{color:var(--titleColor)}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress .progress-box{width:100px;height:34px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:16px;font-weight:700}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress-lesson{flex:1;display:flex;justify-content:flex-end}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress-lesson.hidden{display:none}.practice-detail-view .practice-list-view-main .practice-list .practice-item-progress-lesson .check-icon{width:100px}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box{background:#fff;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:0 20px;cursor:pointer;position:relative}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-pro{position:absolute;top:0;right:0;width:36px;height:25px;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 4px 10px rgba(192,210,235,.4);border-radius:0 15px 0 15px}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-list-box-item--progress{font-weight:700;font-size:32px;line-height:26px;color:#91a3c8;border-bottom:1px dashed #c7cfe0;padding:20px 0 12px;width:100%;text-align:center}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-list-box-item--progress.progress-none{font-weight:700;font-size:32px;line-height:26px;color:#c6ccd2}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-list-box-item--content{font-weight:500;font-size:20px;line-height:30px;text-align:center;color:#333;margin-top:12px;margin-bottom:8px}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-list-box-item--participants{font-size:12px;line-height:18px;color:#7e7e7e;margin-bottom:25px;display:flex}.practice-detail-view .practice-list-view-main .practice-list .practice-list-box .practice-list-box-item--participants .line{border-right:.5px solid #7e7e7e;height:13px;margin:1px 5px 0}#grammar-vocab-list-view-v2.grammar-vocab-list-view-toeic .practice-list-view-main .practice-list-view-title.tilte-h1{font-size:24px;line-height:normal}.title-overview-practice.toeic{font-size:34px;padding-top:64px;font-weight:600}@media(max-width:576px){.title-overview-practice.toeic{font-size:20px}}.custom-practice-page.toeic{color:var(--ks-body-color-main)}.custom-practice-page.toeic h1,.custom-practice-page.toeic h2,.custom-practice-page.toeic h3,.custom-practice-page.toeic h4,.custom-practice-page.toeic h5,.custom-practice-page.toeic h6{color:var(--ks-body-color-6)!important}#grammar-vocab-list-view-v2 .practice-list-view-main{padding-top:64px;padding-bottom:64px}#grammar-vocab-list-view-v2 .practice-list-view-main .practice-list-view-title.tilte-h1{color:var(--ks-secondary-color-main);margin:0;padding:0;font-weight:600;font-size:34px;line-height:52.56px;letter-spacing:0;text-align:center}#grammar-vocab-list-view-v2 .practice-list-view-main .practice-list-view--summary{color:var(--ks-body-color-main);font-weight:400;font-size:16px;line-height:24.03px;letter-spacing:0;text-align:center;margin:0}