@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 #0000,6px 3px 3px #00000003,3px 2px 2px #00000008,2px 1px 2px #0000000d,0 0 1px #0000000d}.homework-border:before{content:"";z-index:-1;background:linear-gradient(90deg,#f4c464,#ff4242);border-radius:4px;padding:2px;position:absolute;inset:-2px}.homework-border{background:#fff;border-radius:4px;padding:3px;position:relative}.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;background:linear-gradient(120deg,#f4c464 50%,#ff4242 84.27%)!important}.bg-lesson-2,.bg-lesson-3{background:#ffecf0;box-shadow:0 0 0 2px #ff3b30}.bg-lesson-1,.bg-lesson-4{background:#f7eefc;box-shadow:0 0 0 2px #af52de}.bg-quiz-0,.bg-quiz-1,.bg-quiz-3,.bg-quiz-4,.bg-quiz-7{background:#e5f2ff;box-shadow:0 0 0 2px #007aff}.bg-quiz-2{background:linear-gradient(120deg,#f4c464 50%,#ff4242 84.27%);transition:opacity .3s;box-shadow:0 0 0 2px #1d1d1f}input:focus{outline:none}input{color:#000}.timeline:hover .current,.volume-slider:hover .current-volume{transition:all .5s;opacity:1!important}.audio-player .timeline .progress{background:var(--color-primary1);border-radius:20px 0 0 20px;width:0%;height:100%;transition:all .25s;position:relative}.audio-player .timeline .progress:before{z-index:1;background:var(--color-primary1);content:"";border-radius:100%;width:12px;height:12px;position:absolute;top:0;right:-6px}.audio-player .timeline .progress:after{z-index:1;content:"";background:#fff;border-radius:100%;width:8px;height:8px;position:absolute;top:2px;right:-4px}.audio-player .timeline .progress .current{opacity:0;color:var(--color-primary1);transition:all .5s;position:absolute;top:-20px;right:-11px}.play-container{cursor:pointer;background:var(--color-primary1);border-radius:100%;padding:6px 5px}.toggle-play.play{cursor:pointer;border:5px solid #000 0;border-left:8px solid #fff;width:0;height:0;position:relative;left:3px}.toggle-play.pause{cursor:pointer;width:13px;height:10px;position:relative}.toggle-play.pause:before{content:"";background:#fff;width:3px;height:10px;position:absolute;top:0;left:3px}.toggle-play.pause:after{content:"";background:#fff;width:3px;height:10px;position:absolute;top:0;right:3px}.time{display:flex}.time>*{padding:2px}.timeline-wrap{align-items:center;width:100%;height:25px;display:flex}.controls{width:170px;margin-left:10px;display:flex}.volume-container{z-index:2;position:relative}.volume-container .volume-button{align-items:center;height:26px;display:flex}.volume-container .volume-slider{cursor:pointer;z-index:-1;border-radius:20px;width:85px;height:6px;margin-left:10px;transition:all .25s;position:absolute;top:8px}.volume-container .volume-slider:hover .volume-percentage{opacity:1;transition:all .2s}.volume-container .volume-slider .volume-percentage{color:var(--color-primary1);opacity:0;transition:all .5s;position:absolute;top:-19px}input[type=range]::-webkit-slider-runnable-track{background:var(--color-neu6);border-radius:16px;height:8px}input[type=range]::-moz-range-track{background:var(--color-neu6);border-radius:16px;height:8px}.audio-element-hidden{display:none}.audio-element-block{display:block}.audio-element{display:none}.audio-speaking .timeline,.audio-speaking .volume-slider{background:#f2f3f4}#countdown{text-align:center;width:90px;height:90px;margin:auto;position:relative}#countdown #svg-border{width:90px;height:90px;position:absolute;top:0;right:0;transform:rotateY(-180deg)rotate(-90deg)}#countdown #svg-border circle{stroke-dasharray:263;stroke-dashoffset:0;strokelinecap:round;strokewidth:5px;stroke:var(--color-primary1);fill:none}#countdown #circle-border-notrec{stroke-dasharray:263;stroke-dashoffset:0;strokelinecap:round;strokewidth:5px;fill:none;stroke:unset!important}.disable-tab{opacity:.6!important;background-color:#fff6!important}@keyframes countdown{0%{stroke-dashoffset:0}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-prev:before,.slick-next: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}.container-radio input~.checkmark:after,.container-radio input.checked-input~.checkmark{background:var(--color-primary1)}.active-subtab:after{content:"";background:var(--color-primary1);border-radius:30px;width:4px;height:100%;position:absolute;left:0}input[type=range]::-webkit-slider-thumb{appearance:none;background-color:#fff;border:2px solid #1e3a8a;border-radius:50%;width:8px;height:8px;box-shadow:-405px 0 0 400px #1e3a8a}input[type=range]::-moz-range-thumb{background-color:#fff;border:1px solid #ff6d3a;border-radius:50%;width:8px;height:8px;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}.pagination span,.active-tag{background:var(--color-primary1)!important}.deactive-tag{background:var(--color-neu3)!important}.sticky-bar-writing{width:35px;transition:all .5s;animation:none;overflow:hidden}.sticky-bar-writing:hover{width:150px;transition:all .5s}.sticky-bar-writing .number-bar{display:block}.sticky-bar-writing:hover .number-bar,.sticky-bar-writing .title-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{background:#fff;display:none}.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);border-radius:8px 8px 0 0;color:#fff!important}.tabs-wraper button{background:var(--color-neu1);color:#fff!important;border-radius:8px 8px 0 0!important}.tabs-wraper [data-slot=tabList]{padding:0;border-radius:8px 8px 0 0!important;gap:4px!important}.tabs-wraper [data-slot=tabContent]{padding:0 20px;color:#fff!important}.tab-self-writing{border-radius:0 20px 20px!important}.active-location{scroll-snap-align:start none;background-color:#9ad1b7;animation:1.5s ease-in-out blink}#popup-selected{z-index:11111;transition:all .4s;animation:none}#popup-selected-explain{transition:all .4s;animation:none}.active-cmt{border:solid 1px var(--color-primary1)!important}.popup-explain-ui{border:.5px solid var(--color-neu5);z-index:1111;width:250px;color:var(--color-neu1);background:#fff;border-radius:14px;padding:20px;font-style:normal;position:absolute;top:25px;left:0;box-shadow:0 0 15px #000,0 2px 30px #000,0 0 1px #000}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]{margin:auto;padding:0 10px;overflow-x:auto}#wrap-content [data-selected=true] span{background:var(--color-primary1)!important}#wrap-content [data-selected=true] div{color:#fff!important}.text-red-wrong{background-color:#0000;color:var(--color-red)!important}.tabs-wraper [data-slot=tabList] button{position:relative}.tabs-wraper [data-slot=tabList] button:hover .grammar-tooltip{position:block}.grammar-tooltip{z-index:1212;background:red;top:-60px;left:0}.active-tab-writing{background:var(--color-primary1)!important}.select-search button,.select-search button:hover{background-color:unset}.swiper-pagination{z-index:111;justify-content:center;align-items:center;display:flex;position:relative;transform:translateY(-30px)}.swiper-pagination-bullet{border-radius:100%;width:12px;height:12px;margin-right:5px;display:block;background:#ebebf5 99px!important}.swiper-pagination-bullet-active{border-radius:12px;width:12px;background:#3c3c43 99px!important}.dropdow-menu{width:110px}.dropdow-menu li:hover{background:0 0!important}.dropdow-menu li:hover span{color:wheat}.dropdow-menu span{color:#fff}.dropdow-wrap{box-shadow:none;background:0 0}#header{width:100%;transition:top .3s;position:sticky;top:0;left:0}.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{transition:all .4s;fill:var(--color-primary1)!important}.disable-dots .swiper-pagination{display:none!important}@keyframes blinking{to{opacity:0}50%{opacity:1}}.active-comment{transition:all 1s;animation:1s 2 alternate blinking}.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;color:#8a8a8e;font-size:14px;font-style:normal;font-weight:400;line-height:18px;display:block;transform:translate(4px,1px)}.input-comment{max-height:400px;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{z-index:111;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000;border-radius:8px;width:100%;height:100%;position:absolute;top:0;left:0}#inputSearch:focus{border:1px solid #13a62e}.checkbox-input{border:.5px solid #000!important}.box-shadow-card{box-shadow:0 1px 2px 1px #1018281a,0 1px 2px #1018280f}.box-shadow-filling{background-color:#f2f2f7;box-shadow:inset 0 2px #00000040}.data-\[placement\=right\]\:before\:-translate-y-1\/2[data-placement=right]:before{z-index:1221;border:1px solid #ff6d3a;left:-9px}.data-\[placement\=left\]\:before\:-translate-y-1\/2[data-placement=left]:before{z-index:1221;border:1px solid #ff6d3a;right:-5px}.data-\[placement\=top\]\:before\:-translate-x-1\/2[data-placement=top]:before{z-index:1221;border:1px solid #ff6d3a;bottom:-5px;right:-5px}.data-\[placement\=bottom\]\:before\:-translate-x-1\/2[data-placement=bottom]:before{z-index:1221;border:1px solid #ff6d3a;top:-5px;right:-5px}.before\:w-2\.5:before{width:14px;height:14px}.bg-transparent[data-placement=top]:after{content:"";z-index:12121212;background:#fff;width:60px;height:10px;position:absolute;bottom:1px;left:42%}.bg-transparent[data-placement=bottom]:after{content:"";z-index:12121212;background:#fff;width:60px;height:11px;position:absolute;top:1px;left:42%}.bg-transparent[data-placement=left]:after{content:"";z-index:12121212;background:#fff;width:20px;height:60px;position:absolute;top:43%;right:1px}.bg-transparent[data-placement=right]:after{content:"";z-index:12121212;background:#fff;width:20px;height:60px;position:absolute;top:43%;left:1px}.before\:w-2\.5:after{width:20px;height:20px}body [role=dialog]{z-index:2333333;-webkit-backdrop-filter:unset!important;backdrop-filter:unset!important;background:#fff!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{z-index:1;color:#fff;background:#ff6d3a;border-radius:4px 0 0 4px;padding:4px;font-size:12px;font-style:normal;font-weight:700;line-height:18px;transition:all 0s .2s;position:absolute;top:10px;right:-5px}.simplified{opacity:1;transition:all 0s .2s}.card-item:hover .simplified{opacity:0;transition:all 0s 50ms}.notfound-course:before{content:"";border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid #565fcc;width:7px;height:0;position:absolute;top:42px;bottom:0;left:-7px;transform:rotate(180deg)}#arrow-tag{position:relative;right:0}#arrow-tag:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid #990700;width:4px;height:4px;position:absolute;top:33.3px;bottom:0;right:-3px;transform:rotate(-134deg)}#arrow-tag-blog{position:relative}#arrow-tag-blog:before{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid #191f51;width:4px;height:4px;position:absolute;top:-3.7px;bottom:0;right:-11px;transform:rotate(135deg)}#arrow-tag-blog:after{content:"";border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:4px solid #191f51;width:4px;height:4px;position:absolute;top:-3.7px;bottom:0;left:-128px;transform:rotate(45deg)}#trial-tag{z-index:1;color:#fff;background:#565fcc;border-radius:4px 0 0 4px;padding:4px;font-size:12px;font-style:normal;font-weight:700;line-height:18px;position:absolute;top:10px;right:-5px}.slider-course .swiper{padding-right:4px!important}.box-shadow-table{box-shadow:0 4px 8px -2px #1018281a,0 2px 4px -2px #1018280f}#arrow-trial-tag:before{content:"";border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:5px solid #2e347b;width:5px;height:5px;position:absolute;top:31px;bottom:0;right:-5px}.progress-course .bg-slate-900{border-radius:20px;background:#13a62e!important}[role=dialog]{border:none!important}.current-day:after{content:"";background:#ff6d3b;border-radius:100%;width:6px;height:6px;position:absolute;top:5px;right:0}.current-weekday:after{content:"";background:#ff6d3b;border-radius:100%;width:6px;height:6px;position:absolute;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{visibility:hidden;transition:all .3s ease-in-out}.parent-menu:hover .child-menu{opacity:1;visibility:visible;transition:all .3s ease-in-out}.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){scroll-snap-type:mandatory;max-height:500px;overflow-y:auto}.custom-content .has-scroll thead{z-index:1;position:sticky;top:-.5px}.custom-content .table-wrapper:has(.has-scroll){border:1px solid #87878740}.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;text-decoration:underline}.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;border-radius:6px;margin:25px 0;padding:10px}.float-button:hover{height:200px}.float-button:hover .zalo-floating{transition:all .3s ease-in-out;transform:translateY(-70px)!important}.float-button:hover .vote-floating{transition:all .3s ease-in-out;transform:translateY(-135px)!important}.zalo-group:hover .title-zalo{opacity:1;width:200px}.report-group:hover .title-report{opacity:1;width:185px}video{image-rendering:crisp-edges}.custom-video-player{overflow:hidden}::part(bottom),[part~=bottom]:hover{background-color:#0000}[data-slot=wrapper],.backdrop-opacity-disabled{z-index:12211212}@media only screen and (max-width:450px){.day-item-active{width:30px;height:30px}.day-item,.item-week-day,.default-box-week,.week-item{width:37px!important;height:37px!important}}@media only screen and (max-width:360px){.day-item,.item-week-day,.default-box-week,.week-item{width:35px!important;height:35px!important}}@media only screen and (max-width:767px){.day-item,.item-week-day,.default-box-week,.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-prev,.slider-course .swiper-button-next{display:none!important}.bg-transparent[role=tooltip]{width:90%;margin:auto;transform:translate(-6px)!important}.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{cursor:pointer;padding-left:12px;display:block;position:relative}.container-checkbox input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.shadow-medium.w-full ul{margin:0!important}.checkmark-checkbox{border:1px solid gray;border-radius:3px;width:22px;height:22px;position:absolute;top:0;left:0}.container-checkbox:hover input~.checkmark-checkbox{background-color:#e0dcdc}.container-checkbox input:checked~.checkmark-checkbox{background-color:#22313f}.checkmark-checkbox:after{content:"";display:none;position:absolute}.container-checkbox input:checked~.checkmark-checkbox:after{display:block}.container-checkbox .checkmark-checkbox:after{border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:13px;top:3px;left:8px;transform:rotate(45deg)}.input-fill{background-color:#0000;border-bottom:1px solid #000;margin-right:20px;font-style:normal;font-weight:400;line-height:20px}.content-exam table,.content-exam th,.content-exam td{margin:20px 0;border:1px solid!important}.content-exam tbody td{padding:10px}.content-exam .container-radio{cursor:pointer;align-items:center;width:20px;height:20px;font-size:30px;display:flex;position:relative}.content-exam .container-radio input~.checkmark:after{background:#ff6d3a}.content-exam .container-radio input{opacity:0;cursor:pointer;position:absolute}.content-exam .checkmark{border:1px solid gray;border-radius:50%;width:20px;height:20px;position:absolute;top:0;left:0}.content-exam .container-radio:hover .checkmark{background:#e0dcdc}.content-exam .checkmark:after{content:"";display:none;position:absolute}.content-exam .container-radio .checkmark:after{border-radius:50%;width:18px;height:18px;top:48%;left:52%;transform:translate(-50%,-50%)rotate(45deg)}.content-exam .container-radio input:checked~.checkmark:after{display:block}.content-exam ul li{margin-left:1rem!important}