@media (prefers-color-scheme:dark){::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#fff}::-webkit-scrollbar-thumb{background:#c1c1c1!important;border-radius:12px!important}::-webkit-scrollbar-thumb:hover{background:#a0a0a0!important}}.scroll-margin{scroll-margin-top:70px}.scroll-margin-up{scroll-margin-top:100px}.scroll-section-tab{scroll-margin-top:0}.box-shadow-lesson{box-shadow:10px 5px 3px 0 transparent,6px 3px 3px 0 rgba(0,0,0,.01),3px 2px 2px 0 rgba(0,0,0,.03),2px 1px 2px 0 rgba(0,0,0,.05),0 0 1px 0 rgba(0,0,0,.05)}.homework-border:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;padding:2px;background:linear-gradient(90deg,#f4c464,#ff4242);z-index:-1;border-radius:4px}.homework-border{position:relative;background:#fff;padding:3px;border-radius:4px}.bg-hover-lesson-2:hover,.bg-hover-lesson-3:hover{background:#ffecf0}.bg-hover-lesson-1:hover,.bg-hover-lesson-4:hover{background:#f7eefc}.bg-hover-quiz-0:hover,.bg-hover-quiz-1:hover,.bg-hover-quiz-3:hover,.bg-hover-quiz-4:hover,.bg-hover-quiz-7:hover{background:#e5f2ff}.bg-hover-quiz-2:hover{transition:opacity .3s ease;background:linear-gradient(120deg,#f4c464 50%,#ff4242 84.27%)!important}.bg-lesson-2,.bg-lesson-3{box-shadow:0 0 0 2px #ff3b30;background:#ffecf0}.bg-lesson-1,.bg-lesson-4{box-shadow:0 0 0 2px #af52de;background:#f7eefc}.bg-quiz-0,.bg-quiz-1,.bg-quiz-3,.bg-quiz-4,.bg-quiz-7{box-shadow:0 0 0 2px #007aff;background:#e5f2ff}.bg-quiz-2{transition:opacity .3s ease;box-shadow:0 0 0 2px #1d1d1f;background:linear-gradient(120deg,#f4c464 50%,#ff4242 84.27%)}input:focus{outline:none}input{color:#000}.timeline:hover .current,.volume-slider:hover .current-volume{opacity:1!important;transition:.5s}.audio-player{width:100%;color:#fff;font-size:.75em;grid-template-rows:6px auto}.audio-player .timeline{margin-left:5px;border-radius:20px;height:12px;background:var(--color-neu6);width:100%;position:relative;margin-right:12px;cursor:pointer}.audio-player .timeline .progress{position:relative;border-radius:20px 0 0 20px;background:var(--color-primary1);width:0;height:100%;transition:.25s}.audio-player .timeline .progress:before{position:absolute;z-index:1;top:0;right:-6px;background:var(--color-primary1);content:"";height:12px;width:12px;border-radius:100%}.audio-player .timeline .progress:after{position:absolute;z-index:1;top:2px;right:-4px;background:#fff;content:"";height:8px;width:8px;border-radius:100%}.audio-player .timeline .progress .current{transition:.5s;opacity:0;position:absolute;right:-11px;top:-20px;color:var(--color-primary1)}.play-container{cursor:pointer;background:var(--color-primary1);padding:6px 5px;border-radius:100%;margin-right:12px}.toggle-play.play{cursor:pointer;position:relative;left:3px;height:0;width:0;border:0 solid #000;border-left:8px solid #fff}.toggle-play.pause{height:10px;width:13px;cursor:pointer;position:relative}.toggle-play.pause:before{left:3px}.toggle-play.pause:after,.toggle-play.pause:before{position:absolute;top:0;background:#fff;content:"";height:10px;width:3px}.toggle-play.pause:after{right:3px}.time{display:flex}.time>*{padding:2px}.timeline-wrap{width:100%;height:25px;display:flex;align-items:center}.controls{margin-left:10px;display:flex;width:170px}.volume-container{position:relative;z-index:2}.volume-container .volume-button{height:26px;display:flex;align-items:center}.volume-container .volume-slider{cursor:pointer;position:absolute;top:8px;margin-left:10px;z-index:-1;width:85px;height:6px;border-radius:20px;transition:.25s}.volume-container .volume-slider:hover .volume-percentage{opacity:1;transition:.2s}.volume-container .volume-slider .volume-percentage{position:absolute;top:-19px;color:var(--color-primary1);opacity:0;transition:.5s}input[type=range]::-webkit-slider-runnable-track{height:8px;background:var(--color-neu6);border-radius:16px}input[type=range]::-moz-range-track{height:8px;background:var(--color-neu6);border-radius:16px}.audio-element-hidden{display:none}.audio-element-block{display:block}.audio-element{display:none}.audio-speaking .timeline,.audio-speaking .volume-slider{background:#f2f3f4}#countdown{position:relative;margin:auto;height:90px;width:90px;text-align:center}#countdown #svg-border{position:absolute;top:0;right:0;width:90px;height:90px;transform:rotateY(-180deg) rotate(-90deg)}#countdown #svg-border circle{stroke-dasharray:263px;stroke-dashoffset:0px;strokelinecap:round;strokewidth:5px;stroke:var(--color-primary1);fill:none}#countdown #circle-border-notrec{stroke-dasharray:263px;stroke-dashoffset:0px;strokelinecap:round;strokewidth:5px;stroke:unset!important;fill:none}.disable-tab{background-color:hsla(0,0%,100%,.4)!important;opacity:.6!important}@keyframes countdown{0%{stroke-dashoffset:0px}to{stroke-dashoffset:263px}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}html[data-theme=theme1]{--color-primary1:#f99d1c;--color-primary2:#f15f22;--color-primary3:#ffc5b0;--color-neu1:#22313f;--color-neu2:#808890;--color-neu3:#b2b7bc;--color-neu4:#e5e7e8;--color-neu5:#f2f3f4;--color-neu6:#fff;--color-neu7:#fff2ee;--color-neu8:#178cff;--color-green1:#038c4c;--color-orange:#ff821e;--color-red:#c12525}html[data-theme=theme2]{--color-primary1:#164675;--color-primary2:#c12525;--color-neu1:#22313f;--color-neu2:#808890;--color-neu3:#b2b7bc;--color-neu4:#e5e7e8;--color-neu5:#f2f3f4;--color-neu6:#fff;--color-neu7:#d7ebff;--color-green1:#038c4c;--color-orange:#ff821e;--color-red:#c12525}.slick-next:before,.slick-prev:before{color:var(--color-primary1)!important}.swiper-pagination-bullet-active{background:var(--color-primary1)}::-webkit-scrollbar-thumb{background:var(--color-primary1)}.scrollbar::-webkit-scrollbar-thumb{background:#c7c7cc!important;border-radius:10px!important}.scrollbar::-webkit-scrollbar{background:#f7f7f7!important;border-radius:10px!important;width:4px!important;height:4px!important}.active-subtab:after,.container-radio input.checked-input~.checkmark,.container-radio input~.checkmark:after{background:var(--color-primary1)}.active-subtab:after{position:absolute;left:0;width:4px;height:100%;content:"";border-radius:30px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:8px;width:8px;background-color:#fff;border-radius:50%;border:2px solid #ff6d3a;box-shadow:-405px 0 0 400px #ff6d3a}input[type=range]::-moz-range-thumb{height:8px;width:8px;background-color:#fff;border-radius:50%;border:1px solid #ff6d3a;box-shadow:-407px 0 0 400px #ff6d3a}.bg-warning{background:var(--color-primary1)!important}.fill-primary1,.fill-primary1 g,.fill-primary1 path{fill:var(--color-primary1)!important}.active-tag,.pagination span{background:var(--color-primary1)!important}.deactive-tag{background:var(--color-neu3)!important}.sticky-bar-writing{width:35px;transition:all .5s;animation:.5s;overflow:hidden}.sticky-bar-writing:hover{width:150px;transition:all .5s}.sticky-bar-writing .number-bar{display:block}.sticky-bar-writing .title-bar,.sticky-bar-writing:hover .number-bar{display:none}.sticky-bar-writing:hover .title-bar{display:block}.content-tab-writing{scroll-behavior:smooth}.diff-string table{border:none}.tab-self-writing{box-shadow:none!important}.tab-body{padding:0!important}.diff-string table tbody tr td:first-child{display:none;background:#fff}.diff-string table tbody tr td{background:#fff}.diff-string-left table tbody tr:first-child,.diff-string-right table tbody tr:last-child{display:none}.tab-writing{border-radius:8px 8px 8px 0!important}.tab-writing .bg-background{background:var(--color-primary1);color:#fff!important;border-radius:8px 8px 0 0}.tabs-wraper button{background:var(--color-neu1);color:#fff!important;border-radius:8px 8px 0 0!important}.tabs-wraper [data-slot=tabList]{padding:0;gap:4px!important;border-radius:8px 8px 0 0!important}.tabs-wraper [data-slot=tabContent]{color:#fff!important;padding:0 20px}.tab-self-writing{border-radius:0 20px 20px 20px!important}.active-location{animation:blink 1.5s ease-in-out 1;background-color:#9ad1b7;scroll-snap-align:start none}#popup-selected{z-index:11111}#popup-selected,#popup-selected-explain{transition:all .4s;animation:cubic-bezier(.6,-.28,.735,.045)}.active-cmt{border:1px solid var(--color-primary1)!important}.popup-explain-ui{box-shadow:0 0 15px 0 #000,0 2px 30px 0 #000,0 0 1px 0 #000;background:#fff;position:absolute;left:0;top:25px;width:250px;border:.5px solid var(--color-neu5);z-index:1111;border-radius:14px;padding:20px;color:var(--color-neu1);font-style:normal}mark{color:unset!important}.active-ref{background:var(--color-primary1)!important}.diff-string{overflow:auto}.div-comparison{padding:10px;overflow:auto}#wrap-parent{flex-direction:column}#wrap-content [data-slot=base]{padding:0 10px;overflow-x:auto;margin:auto}#wrap-content [data-selected=true] span{background:var(--color-primary1)!important}#wrap-content [data-selected=true] div{color:#fff!important}.text-red-wrong{color:var(--color-red)!important;background-color:transparent}.tabs-wraper [data-slot=tabList] button{position:relative}.tabs-wraper [data-slot=tabList] button:hover .grammar-tooltip{position:block}.grammar-tooltip{background:red;left:0;top:-60px;z-index:1212}.active-tab-writing{background:var(--color-primary1)!important}.select-search button,.select-search button:hover{background-color:unset}.swiper-pagination{display:flex;justify-content:center;align-items:center;transform:translateY(-30px);z-index:111;position:relative}.swiper-pagination-bullet{display:block;width:12px;height:12px;border-radius:100%;background:#ebebf5 99!important;margin-right:5px}.swiper-pagination-bullet-active{width:12px;border-radius:12px;background:#3c3c43 99!important}.dropdow-menu{width:110px}.dropdow-menu li:hover{background:transparent!important}.dropdow-menu li:hover span{color:wheat}.dropdow-menu span{color:#fff}.dropdow-wrap{background:transparent;box-shadow:none}#header{position:sticky;top:0;left:0;width:100%;transition:top .3s}.gradient-primary1{background:var(--Gradient-Gradiant,radial-gradient(112.83% 137.63% at 0 20.62%,#ff6d3a 0,#ffb799 100%))}#scrollableDiv{overflow-x:auto}.active-hover:hover path{fill:var(--color-primary1)!important;transition:all .4s}.disable-dots .swiper-pagination{display:none!important}@keyframes blinking{to{opacity:0}50%{opacity:1}}.active-comment{animation:blinking 1s 2 alternate;transition:all 1s}.dropdown-popup li{margin-bottom:0!important}.wrapper-input-comment [contenteditable=true]:empty:before{content:"Nhập thảo luận về bài viết";pointer-events:none;display:block;font-size:14px;transform:translate(4px,1px);font-style:normal;font-weight:400;line-height:18px;color:#8a8a8e}.input-comment{max-height:400px;overflow-y:auto;overflow:hidden}.gradient-bg-primary1{background:var(--Gradient-Gradiant,radial-gradient(112.83% 137.63% at 0 20.62%,#ff6d3a 0,#ffb799 100%))}.wraper-review:hover .navigate-swiper{display:flex}.wraper-review .navigate-swiper{display:none}.over-bg{position:absolute;left:0;top:0;width:100%;height:100%;background:#000;z-index:111;border-radius:8px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}#inputSearch:focus{border:1px solid #13a62e}.checkbox-input{border:.5px solid #000!important}.box-shadow-card{box-shadow:0 1px 2px 1px rgba(16,24,40,.1),0 1px 2px 0 rgba(16,24,40,.06)}.box-shadow-filling{background-color:#f2f2f7;box-shadow:inset 0 2px 0 0 rgba(0,0,0,.25)}.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]:before{border:1px solid #ff6d3a;z-index:1221;left:-9px}.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]:before{border:1px solid #ff6d3a;z-index:1221;right:-5px}.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]:before{border:1px solid #ff6d3a;z-index:1221;right:-5px;bottom:-5px}.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]:before{border:1px solid #ff6d3a;z-index:1221;right:-5px;top:-5px}.before\:w-2\.5:before{width:14px;height:14px}.bg-transparent[data-placement=top]:after{position:absolute;content:"";background:#fff;z-index:12121212;left:42%;bottom:1px;width:60px;height:10px}.bg-transparent[data-placement=bottom]:after{position:absolute;content:"";background:#fff;z-index:12121212;left:42%;top:1px;width:60px;height:11px}.bg-transparent[data-placement=left]:after{right:1px}.bg-transparent[data-placement=left]:after,.bg-transparent[data-placement=right]:after{position:absolute;content:"";background:#fff;z-index:12121212;top:43%;width:20px;height:60px}.bg-transparent[data-placement=right]:after{left:1px}.before\:w-2\.5:after{width:20px;height:20px}body [role=dialog]{z-index:2333333;background:#fff!important;-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important}body [data-state=open]{z-index:2333333;background:#000}.before\:\!duration-300:before{animation-duration:1s!important}.card-course [role=progressbar]{background-color:#f2f2f7!important}#simplified-tag{position:absolute;z-index:1;right:-5px;top:10px;background:#ff6d3a;font-size:12px;font-style:normal;font-weight:700;line-height:18px;padding:4px;color:#fff;border-radius:4px 0 0 4px}#simplified-tag,.simplified{transition:all;transition-delay:.2s}.simplified{opacity:1}.card-item:hover .simplified{opacity:0;transition:all;transition-delay:50ms}.notfound-course:before{content:"";position:absolute;left:-7px;top:42px;bottom:0;width:7px;height:0;border-bottom:6px solid transparent;border-top:6px solid transparent;border-left:10px solid #565fcc;transform:rotate(180deg)}#arrow-tag{right:0;position:relative}#arrow-tag:before{content:"";position:absolute;right:-3px;top:33.3px;bottom:0;width:4px;height:4px;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #990700;transform:rotate(-134deg)}#arrow-tag-blog{position:relative}#arrow-tag-blog:before{right:-11px;transform:rotate(135deg)}#arrow-tag-blog:after,#arrow-tag-blog:before{content:"";position:absolute;top:-3.7px;bottom:0;width:4px;height:4px;border-bottom:4px solid transparent;border-top:4px solid transparent;border-left:4px solid #191f51}#arrow-tag-blog:after{left:-128px;transform:rotate(45deg)}#trial-tag{position:absolute;z-index:1;right:-5px;top:10px;background:#565fcc;font-size:12px;font-style:normal;font-weight:700;line-height:18px;padding:4px;color:#fff;border-radius:4px 0 0 4px}.slider-course .swiper{padding-right:4px!important}.box-shadow-table{box-shadow:0 4px 8px -2px rgba(16,24,40,.1),0 2px 4px -2px rgba(16,24,40,.06)}#arrow-trial-tag:before{content:"";position:absolute;right:-5px;top:31px;bottom:0;width:5px;height:5px;border-bottom:5px solid transparent;border-top:5px solid transparent;border-left:5px solid #2e347b}.progress-course .bg-slate-900{border-radius:20px;background:#13a62e!important}[role=dialog]{border:none!important}.current-day:after{top:5px;right:0}.current-day:after,.current-weekday:after{content:"";position:absolute;width:6px;height:6px;border-radius:100%;background:#ff6d3b}.current-weekday:after{top:11px;right:3px}.swiper-pagination{display:none}.calendar-week .day-item:first-of-type{border-radius:4px 0 0 4px;margin-left:10px}.calendar-week .day-item:last-of-type{border-radius:0 4px 4px 0}.week-item-active{background:#00a81e 1A!important}.calendar-week:hover .day-item{background:#f3f3f9}.calendar-week-day .item-week-day:first-of-type{margin-left:10px}.pagination-wrap .pagination-blog .data-\[active\=true\]\:bg-success[data-active=true]{background:var(--color-primary1)!important}.scrollbar-hide::-webkit-scrollbar{display:none}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.parent-menu .child-menu{transition:all .3s ease-in-out;visibility:hidden}.parent-menu:hover .child-menu{opacity:1;transition:all .3s ease-in-out;visibility:visible}.custom-content h2{color:#13a62e}.custom-content h4{margin-top:12px}.custom-content h3{color:#ff6d3b}.custom-content h1{line-height:65px}.custom-content h1,.custom-content h2,.custom-content h3{margin-top:20px}.custom-content p{margin-top:10px;line-height:1.8}.custom-content .table-wrapper:has(thead){max-height:500px;overflow-y:auto;scroll-snap-type:mandatory}.custom-content .has-scroll thead{position:sticky;top:-.5px;z-index:1}.custom-content .table-wrapper:has(.has-scroll){border:1px solid hsla(0,0%,53%,.25)}.custom-content .table-wrapper{margin:20px auto}.custom-content table td,.custom-content table th{border:1px solid;padding:10px}.custom-content a{color:#326bff;word-wrap:break-word}.custom-content a,.custom-content a:hover{text-decoration:underline}.custom-content li{margin-left:16px;line-height:1.8}.custom-content table li{margin-left:30px}.custom-content table p{margin-top:0}.custom-style{font-style:italic!important}.content-blog blockquote{border:1px solid #6b6b6b;padding:10px;border-radius:6px;margin:25px 0}.float-button:hover{height:200px}.float-button:hover .zalo-floating{transform:translateY(-70px)!important;transition:all .3s ease-in-out}.float-button:hover .vote-floating{transform:translateY(-135px)!important;transition:all .3s ease-in-out}.zalo-group:hover .title-zalo{width:200px;opacity:1}.report-group:hover .title-report{width:185px;opacity:1}video{image-rendering:crisp-edges}.custom-video-player{overflow:hidden}::part(bottom),[part~=bottom]:hover{background-color:transparent}.backdrop-opacity-disabled,[data-slot=wrapper]{z-index:12211212}@media only screen and (max-width:450px){.day-item-active{width:30px;height:30px}.day-item,.default-box-week,.item-week-day,.week-item{width:37px!important;height:37px!important}}@media only screen and (max-width:360px){.day-item,.default-box-week,.item-week-day,.week-item{width:35px!important;height:35px!important}}@media only screen and (max-width:767px){.day-item,.default-box-week,.item-week-day,.week-item{width:50px;height:50px}.slider-course .swiper-wrapper{margin-bottom:20px}.slider-course .swiper-pagination{display:flex;transform:translateY(0)}.slider-course .swiper-button-next,.slider-course .swiper-button-prev{display:none!important}.bg-transparent[role=tooltip]{transform:translateX(-6px)!important;width:90%;margin:auto}.wraper-review .navigate-swiper{display:flex!important}.swiper-pagination{transform:translateY(-20px)}.swiper-pagination-bullet{width:8px;height:8px}.swiper-pagination-bullet-active{width:8px}#wrap-content [data-slot=tabList]{padding:10px;flex-wrap:wrap!important}#wrap-content .rounded-full{border-radius:10px!important}}.container-checkbox{display:block;position:relative;padding-left:12px;cursor:pointer}.container-checkbox input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.shadow-medium.w-full ul{margin:0!important}.checkmark-checkbox{border:1px solid gray;border-radius:3px;position:absolute;top:0;left:0;height:22px;width:22px}.container-checkbox:hover input~.checkmark-checkbox{background-color:#e0dcdc}.container-checkbox input:checked~.checkmark-checkbox{background-color:#22313f}.checkmark-checkbox:after{content:"";position:absolute;display:none}.container-checkbox input:checked~.checkmark-checkbox:after{display:block}.container-checkbox .checkmark-checkbox:after{left:8px;top:3px;width:6px;height:13px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.input-fill{background-color:transparent;border-bottom:1px solid #000;font-style:normal;font-weight:400;line-height:20px;margin-right:20px}.content-exam table,.content-exam td,.content-exam th{border:1px solid!important;margin:20px 0}.content-exam tbody td{padding:10px}.content-exam .container-radio{width:20px;height:20px;display:flex;align-items:center;position:relative;cursor:pointer;font-size:30px}.content-exam .container-radio input~.checkmark:after{background:#ff6d3a}.content-exam .container-radio input{position:absolute;opacity:0;cursor:pointer}.content-exam .checkmark{border:1px solid gray;position:absolute;top:0;left:0;width:20px;height:20px;border-radius:50%}.content-exam .container-radio:hover .checkmark{background:#e0dcdc}.content-exam .checkmark:after{content:"";position:absolute;display:none}.content-exam .container-radio .checkmark:after{top:48%;left:52%;width:18px;height:18px;border-radius:50%;transform:translate(-50%,-50%) rotate(45deg)}.content-exam .container-radio input:checked~.checkmark:after{display:block}