.van-nav-bar__content{height:60px}.van-nav-bar:before{content:"";display:block;height:30px;width:100%}.wrapper-video{height:91px;gap:24px}[dir] .wrapper-video{padding:24px;border-radius:16px;background:#fff}.container-mobile .room-info span{color:#aebdff}.container-mobile h6,.container-mobile p{color:#eff2ff}.container-mobile{max-width:100%}[dir] .container-mobile{background-color:rgba(30,58,177,.3)}.container-mobile>.van-nav-bar>.van-nav-bar__content>.van-nav-bar__left>h1{font-size:20px;color:#faff07;font-family:SVN-Hemi Head}[dir] .container-mobile>.van-nav-bar>.van-nav-bar__content>.van-nav-bar__left>h1{text-shadow:0 0 16px rgba(251,207,133,.4)}[dir] .container-mobile>.van-nav-bar>.van-nav-bar__content>.van-nav-bar__right{padding:0}.container-mobile>.van-nav-bar>.van-nav-bar__content>.van-nav-bar__right>div>.native11-user-product>p{color:#eff2ff}[dir] .container-mobile .course-intro{margin-top:12px}[dir] .container-mobile .course-intro>.card{background-color:rgba(30,58,177,.30196078431372547)}[dir] .container-mobile .course-intro>.card>.card-body>.align-items-center>div>button{background-color:#fff}.container-mobile .course-intro>.card>.card-body>.align-items-center>div>.modal__wrapper>.modal__video-player{top:25%}.container-mobile .course-intro>.card>.card-body>.align-items-center>div>.modal__backdrop{opacity:1}.container-mobile .course-intro>.card>.card-body>.align-items-center>svg{color:#6d89fe;position:absolute;top:3px!important}[dir=ltr] .container-mobile .course-intro>.card>.card-body>.align-items-center>svg{right:-3px}[dir=rtl] .container-mobile .course-intro>.card>.card-body>.align-items-center>svg{left:-3px}.container-mobile .wrapper-recommend{max-width:100%}[dir] .container-mobile .wrapper-recommend{background:transparent;padding:16px 0 24px 0}.container-mobile .wrapper-recommend>h1{color:var(--dark-mode-secondary-500,#faff07);font-family:SVN-Hemi Head}[dir] .container-mobile .wrapper-recommend>h1{text-shadow:0 0 16px rgba(251,207,133,.4)}.container-mobile .wrapper-recommend>p{color:#eff2ff}.container-mobile .wrapper-recommend>.slide-container{width:100%}[dir=ltr] .container-mobile .wrapper-recommend>.slide-container{margin-left:0}[dir=rtl] .container-mobile .wrapper-recommend>.slide-container{margin-right:0}[dir] .container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info{background:#0d1e67;border:none}.container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-image>.lesson-level{bottom:8px!important;top:auto}.container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-des>h4,.container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-des>p{color:#eff2ff}[dir=ltr] .container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-des>button{background:var(--button-secondary,linear-gradient(180deg,#2a50f3,#0c37e4))!important}[dir=rtl] .container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-des>button{background:var(--button-secondary,linear-gradient(-180deg,#2a50f3,#0c37e4))!important}.container-mobile .wrapper-recommend>.slide-container>.slide-lesson>.lesson-info>.lesson-des>button>span{color:#fff}.container-mobile .wrapper-recommend>.btn-all-courses{color:#faff07}[dir] .container-mobile .wrapper-recommend>.btn-all-courses{background:rgba(30,58,177,.3);border:none!important}.container-mobile .wrapper-recommend>.btn-all-courses>svg>path{stroke:#faff07}.container-mobile .wrapper-youClass{min-height:40vh}[dir] .container-mobile .wrapper-youClass{background:var(--primary-800,#05175c);margin:0 -10px 0 -10px}[dir=ltr] .container-mobile .wrapper-youClass{padding:16px 9px 24px 12px}[dir=rtl] .container-mobile .wrapper-youClass{padding:16px 12px 24px 9px}.container-mobile .wrapper-youClass>h1{color:var(--dark-mode-secondary-500,#faff07)!important}.container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.active{color:#faff07!important}[dir] .container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.active{border-color:#faff07!important}[dir=ltr] .container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.active{background:linear-gradient(180deg,rgba(255,206,100,0),rgba(255,206,100,.04) 25.52%,rgba(255,206,100,.4))}[dir=rtl] .container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.active{background:linear-gradient(-180deg,rgba(255,206,100,0),rgba(255,206,100,.04) 25.52%,rgba(255,206,100,.4))}[dir] .container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.active:after{background:#ffe2a4!important}.container-mobile .wrapper-youClass>.tabs>div>.nav-tabs>li>.nav-link{color:#aebdff!important;font-size:18px}[dir] .container-mobile .wrapper-youClass>.tabs>.tab-content>.tab-pane>.wrapper-room-native{background:rgba(30,58,177,.3)}.container-mobile .wrapper-youClass>.tabs>.tab-content>.tab-pane>.wrapper-room-native>.tag-room{height:30px}[dir] .container-mobile .wrapper-youClass>.tabs>.tab-content>.tab-pane>.wrapper-room-native>.tag-room{margin-top:10px}.container-mobile .close-button{top:37%!important;width:41px!important}[dir=ltr] .container-mobile .close-button{right:0}[dir=rtl] .container-mobile .close-button{left:0}.container-mobile .wrapper-banner span{width:auto!important}[dir] .container-mobile .wrapper-banner span{margin-bottom:17px}.container-mobile .wrapper-banner .banner-content .banner__button{position:static!important;bottom:0!important}[dir=ltr] .container-mobile .wrapper-banner .banner-content .banner__button{right:0!important}[dir=rtl] .container-mobile .wrapper-banner .banner-content .banner__button{left:0!important}.container-mobile .wrapper-teacher-info__detail>span{color:#f8fafc!important}.toast-header{display:none}.Vue-Toastification__container .Vue-Toastification__toast{width:100%!important;max-width:100%!important}[dir] .main-screen.container-mobile{padding-top:80px!important}.container-mobile>.van-nav-bar{top:0;position:fixed;width:100%;z-index:100}[dir] .container-mobile>.van-nav-bar{background-color:transparent;margin-bottom:10px;background:#00185c;padding:15px}[dir=ltr] .container-mobile>.van-nav-bar{left:0}[dir=rtl] .container-mobile>.van-nav-bar{right:0}[dir] .container-mobile>.van-nav-bar .van-nav-bar__left{padding:0}[dir] .container-mobile>.main-content{margin-top:48px}