@keyframes spin-data-v-f850d0d4{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-f850d0d4{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.full-modal-wrapper[data-v-f850d0d4]{position:fixed;width:100%;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;top:0;left:0;background-color:rgba(0,0,0,.54);z-index:1000}.full-modal-wrapper .dialog-top[data-v-f850d0d4]{width:388px;height:70px;background-image:url(../img/upgrade-top.1cace7a5.png);background-size:100% 100%;position:relative}@media screen and (max-width:640px){.full-modal-wrapper .dialog-top[data-v-f850d0d4]{width:85%}}.full-modal-wrapper .dialog-top .camera[data-v-f850d0d4]{position:absolute;left:50%;top:-38px;width:40px;height:40px;transform:translate(-50%,4px);perspective-origin:50%;z-index:9}.full-modal-wrapper .dialog-top .camera .space[data-v-f850d0d4]{position:relative;width:100%;height:100%;transform-style:preserve-3d;transform:rotateX(0deg);transition-duration:1s}.full-modal-wrapper .dialog-top .camera .space.rotate90[data-v-f850d0d4]{transform:rotateX(-90deg)}.full-modal-wrapper .dialog-top .camera .space.rotate90 .text-1[data-v-f850d0d4]{opacity:0}.full-modal-wrapper .dialog-top .camera .space div[data-v-f850d0d4]{position:absolute;width:40px;height:40px;font-size:32px;font-weight:700;color:#fff;text-align:center}.full-modal-wrapper .dialog-top .camera .space div.text-1[data-v-f850d0d4]{transition-duration:.5s;transform:translateX(0) translateY(0) rotateX(0deg)}.full-modal-wrapper .dialog-top .camera .space div.text-2[data-v-f850d0d4]{transform:translateX(0) translateY(-40px) rotateX(90deg)}.full-modal-wrapper .dialog-top img[data-v-f850d0d4]{position:absolute;width:312px;height:258px;left:50%;transform:translateX(-50%);top:-145px}@media screen and (max-width:640px){.full-modal-wrapper .dialog-top img[data-v-f850d0d4]{width:85%}}.full-modal-wrapper .dialog-wrapper[data-v-f850d0d4]{display:flex;flex-direction:column;align-items:center;width:388px;background-color:#fff;border-radius:0 0 5px 5px}@media screen and (max-width:640px){.full-modal-wrapper .dialog-wrapper[data-v-f850d0d4]{width:85%}}.full-modal-wrapper .dialog-wrapper h3[data-v-f850d0d4]{margin-top:60px;font-size:24px;font-weight:500;color:#f92e59}.full-modal-wrapper .dialog-wrapper h4[data-v-f850d0d4]{margin-top:12px;font-size:16px;font-weight:400;color:rgba(0,0,0,.8)}.full-modal-wrapper .dialog-wrapper h3[data-v-f850d0d4],.full-modal-wrapper .dialog-wrapper h4[data-v-f850d0d4]{text-align:center}.full-modal-wrapper .dialog-wrapper .hero-button[data-v-f850d0d4]{width:260px;margin:24px auto 16px}@media screen and (max-width:640px){.full-modal-wrapper .dialog-wrapper .hero-button[data-v-f850d0d4]{width:210px}}.full-modal-wrapper .dialog-wrapper .check-course-count[data-v-f850d0d4]{text-align:center}.full-modal-wrapper .dialog-wrapper .check-course-count span[data-v-f850d0d4]{padding-bottom:4px;font-size:14px;font-weight:500;color:#00bbc3;border-bottom:1px solid #00bbc3;cursor:pointer}@keyframes spin-data-v-6ec66737{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6ec66737{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.loading-block[data-v-6ec66737]{height:100%;width:100%;padding:20px 0;display:flex;flex-direction:column;align-items:center;justify-content:center}.loading-block .spin[data-v-6ec66737]{width:20px;height:20px;border-radius:100%;z-index:2;border:3px solid var(--primary);border-left-color:transparent;animation:spin-data-v-6ec66737 .8s linear infinite}.loading-block .loading-text[data-v-6ec66737]{margin-top:8px;font-size:12px;color:#333}@keyframes spin-data-v-635100e3{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-635100e3{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.top-dialog[data-v-635100e3]{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-around;width:350px;height:150px;box-shadow:0 2px 20px 0 rgba(0,0,0,.25);background-color:#fff;border-radius:5px;padding:12px 0 16px 0}@media screen and (max-width:640px){.top-dialog[data-v-635100e3]{height:100px;width:168px}}.top-dialog[data-v-635100e3]:before{position:absolute;left:-20px;top:55px;transform:rotateX(60deg) rotate(45deg);width:40px;height:40px;background-color:#fff;content:"";box-shadow:0 10px 10px -10px rgba(0,0,0,.25)}@media screen and (max-width:960px){.top-dialog[data-v-635100e3]:before{top:45px}}@media screen and (max-width:640px){.top-dialog[data-v-635100e3]:before{width:20px;height:20px;top:10px;left:-10px}}.top-dialog h1[data-v-635100e3]{margin:0;font-size:20px;font-weight:500;letter-spacing:normal;text-align:center;color:rgba(0,0,0,.8)}@media screen and (max-width:640px){.top-dialog h1[data-v-635100e3]{margin:0;font-size:16px}}.top-dialog .dialog-content[data-v-635100e3]{display:flex;flex-direction:column}.top-dialog .dialog-hint[data-v-635100e3]{font-size:14px;color:#757575}.top-dialog .dialog-text[data-v-635100e3]{margin:0;text-align:center;justify-self:center;font-size:16px;color:#000}@media screen and (max-width:960px){.top-dialog .dialog-text[data-v-635100e3]{font-weight:400}}@media screen and (max-width:640px){.top-dialog .dialog-text[data-v-635100e3]{font-size:12px}}.top-dialog .dialog-link[data-v-635100e3]{font-size:14px}.top-dialog .hero-button[data-v-635100e3]{width:150px}@keyframes spin-data-v-75ee18b0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-75ee18b0{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.board-top[data-v-75ee18b0]{background-color:#fff;width:100%;position:relative}@media screen and (max-width:960px){.board-top[data-v-75ee18b0]{height:276px}}@media screen and (max-width:640px){.board-top[data-v-75ee18b0]{height:175px}}.level-wrapper[data-v-75ee18b0]{width:100%;display:flex;padding:24px;cursor:pointer}@media screen and (max-width:640px){.level-wrapper[data-v-75ee18b0]{padding:2px 15px 12px}}.level-content[data-v-75ee18b0]{display:flex;justify-content:center;align-items:center;margin-right:8px;width:60px;height:60px;background:url(../img/level-circle.1be56b29.png);background-size:cover;font-size:20px}.level-content span[data-v-75ee18b0]{margin-top:-6px}.dialog-wrapper[data-v-75ee18b0]{position:relative;display:flex;align-items:center;justify-content:center;width:100%;background-size:contain;background-repeat:repeat-x;background-position:bottom;padding:16px 0}@media screen and (max-width:640px){.dialog-wrapper[data-v-75ee18b0]{height:110px}}.dialog-wrapper .hero-image[data-v-75ee18b0]{width:auto;height:151px;margin-right:72px;margin-left:72px}@media screen and (max-width:960px){.dialog-wrapper .hero-image[data-v-75ee18b0]{margin-left:24px}}@media screen and (max-width:640px){.dialog-wrapper .hero-image[data-v-75ee18b0]{width:160px;height:auto;margin-right:6px;margin-left:0}}.hero-info[data-v-75ee18b0]{width:200px;padding-top:4px}.hero-info h1[data-v-75ee18b0]{font-size:20px;font-weight:500;letter-spacing:.25px;color:rgba(0,0,0,.8);margin:-2px 0 6px}@media screen and (max-width:640px){.hero-info h1[data-v-75ee18b0]{font-size:18px;letter-spacing:.23px}}.hero-info .experience-wrapper[data-v-75ee18b0]{width:180px;height:22px;border-radius:12px;box-shadow:0 2px 10px 0 rgba(0,0,0,.1);background-color:#fff;position:relative;display:flex;align-items:center}@media screen and (max-width:640px){.hero-info .experience-wrapper[data-v-75ee18b0]{height:18px}}.hero-info .experience-wrapper .exp-label[data-v-75ee18b0]{width:40px;height:22px;border-radius:12px;background-color:#4acfd1;font-size:12px;font-weight:500;color:#fff;text-align:center;position:absolute;left:0}@media screen and (max-width:640px){.hero-info .experience-wrapper .exp-label[data-v-75ee18b0]{height:18px;font-size:10px}}.hero-info .experience-wrapper .current-value[data-v-75ee18b0]{position:absolute;right:10px;font-size:12px;font-weight:500}@media screen and (max-width:640px){.hero-info .experience-wrapper .current-value[data-v-75ee18b0]{font-size:10px;color:rgba(0,0,0,.8)}}.hero-info .experience-wrapper .progress-bar[data-v-75ee18b0]{width:0;height:22px;border-radius:12px;background-color:#b1ebe9}@media screen and (max-width:640px){.hero-info .experience-wrapper .progress-bar[data-v-75ee18b0]{height:18px}}@keyframes spin-data-v-18cd4d1a{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-18cd4d1a{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.base-card[data-v-18cd4d1a]{width:330px;height:400px;border-radius:5px;box-shadow:0 2px 20px 0 rgba(0,0,0,.25);background:#fff;overflow:hidden;position:relative;display:flex;flex-direction:column}@media screen and (max-width:768px){.base-card[data-v-18cd4d1a]{height:360px;width:280px}}.base-card.is-locked[data-v-18cd4d1a]{cursor:not-allowed}.base-card .image-container[data-v-18cd4d1a]{height:auto;max-height:130px;overflow:hidden}.base-card .base-card-content[data-v-18cd4d1a]{padding:16px 24px 0 16px;flex:1;font-size:18px;letter-spacing:normal;color:rgba(0,0,0,.54)}.base-card .base-card-content img[data-v-18cd4d1a]{width:88px;height:47px;margin-left:24px}.base-card h1[data-v-18cd4d1a]{font-size:20px;font-weight:500;color:#3c3c3c;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:58px}@media screen and (max-width:640px){.base-card h1[data-v-18cd4d1a]{font-size:18px}}.base-card article[data-v-18cd4d1a]{font-size:14px;color:rgba(0,0,0,.54);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.23px;word-break:break-word}@media screen and (max-width:640px){.base-card article[data-v-18cd4d1a]{font-size:12px}}.base-card .footer[data-v-18cd4d1a]{margin-top:auto;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 24px 16px 24px}@keyframes spin-data-v-21e48324{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-21e48324{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.progress-bar-wrapper[data-v-21e48324]{width:100%;height:6px;background-color:#d7d7d7;display:flex;align-items:center}.progress-bar-wrapper.clickable[data-v-21e48324]{cursor:pointer}.progress-bar-wrapper .progress-bar[data-v-21e48324]{width:0;height:6px;background:var(--primary);transition:.3s}@media screen and (max-width:640px){.progress-bar-wrapper .progress-bar[data-v-21e48324]{height:4px}}@keyframes spin-data-v-aeeefb74{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-aeeefb74{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.level[data-v-aeeefb74]{width:80px;padding:2px 0;text-align:center;font-size:12px;background:#268969;border-radius:3px;color:#fff;display:flex;align-items:center;justify-content:center}@media screen and (max-width:960px){.level[data-v-aeeefb74]{font-size:10px}}.level.elementary[data-v-aeeefb74]{background:#268969}.level.intermediate[data-v-aeeefb74]{background:#ffb900}.level.hightIntermediate[data-v-aeeefb74]{background:#ed7d4f}.level.advanced[data-v-aeeefb74]{background:#ed4f55}@keyframes spin-data-v-583ce3f8{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-583ce3f8{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.course-card[data-v-583ce3f8]{cursor:pointer}.course-card .lesson-sub-info[data-v-583ce3f8],.course-card article[data-v-583ce3f8],.course-card h1[data-v-583ce3f8]{margin-bottom:8px}.course-card .review-accuracy[data-v-583ce3f8]{font-size:16px;color:rgba(0,0,0,.87);display:flex;align-items:center}.course-card .review-accuracy .stars[data-v-583ce3f8]{display:flex;margin-left:14px}.course-card .review-accuracy .stars img[data-v-583ce3f8]{width:20px;height:18px}.course-card .summary[data-v-583ce3f8]{padding-top:12px;font-size:14px;color:rgba(0,0,0,.54)}.course-card .card-progress[data-v-583ce3f8]{position:absolute;bottom:0;background:#dff7f6}.course-card .card-progress[data-v-583ce3f8] .progress-bar{background:#7fdddd}.course-card .course-cover[data-v-583ce3f8]{width:100%;height:auto}.course-card .lesson-wrapper[data-v-583ce3f8]{display:flex;justify-content:space-between}.course-card .lesson-wrapper .lesson-number[data-v-583ce3f8]{font-size:16px;font-weight:300;color:rgba(0,0,0,.8);margin-right:16px}.course-card .lesson-wrapper .lesson-category[data-v-583ce3f8]{font-size:12px;color:rgba(0,0,0,.54)}.course-card .hero-button[data-v-583ce3f8]{width:200px}@keyframes spin-data-v-94b18488{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-94b18488{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.campaign-card[data-v-94b18488] h1{text-align:center;min-height:auto;margin-bottom:14px}.campaign-cover[data-v-94b18488]{width:100%;height:auto;object-fit:contain}@keyframes spin-data-v-7740c982{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-7740c982{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.empty-card[data-v-7740c982]{box-shadow:none}.empty-card[data-v-7740c982] .base-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.empty-card[data-v-7740c982] h1{text-align:center;min-height:auto;margin-bottom:14px}.empty-card[data-v-7740c982] .start-pointer-image{margin-top:16px}@keyframes spin-data-v-66316c71{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-66316c71{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.locked-card[data-v-66316c71] .base-card-content{display:flex;flex-direction:column;justify-content:center;align-items:center}.locked-card[data-v-66316c71] h1{min-height:auto;font-size:18px;font-weight:400;color:rgba(0,0,0,.38);margin-bottom:16px}.locked-card[data-v-66316c71] p{margin:0;font-size:12px;color:rgba(0,0,0,.38)}.locked-card[data-v-66316c71] .middle-bar{width:40px;height:3px;background-color:#d7d7d7;margin-bottom:20px}.locked-card[data-v-66316c71] .middle-description{text-align:center}.locked-card[data-v-66316c71] .locked-icon{height:auto;width:16px}@keyframes spin-data-v-6fff6342{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-6fff6342{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.card-swiper[data-v-6fff6342]{max-width:65vw;padding:24px;margin:0}@media screen and (max-width:1024px){.card-swiper[data-v-6fff6342]{max-width:80vw}}@media screen and (max-width:768px){.card-swiper[data-v-6fff6342]{max-width:100vw}}.card-swiper-outer[data-v-6fff6342]{position:relative;display:flex;align-items:center;justify-content:space-around;padding:48px 16px}.card-swiper-wrapper[data-v-6fff6342]{width:100%}.card-swiper .swiper-slide[data-v-6fff6342]{width:330px;height:400px}@media screen and (max-width:768px){.card-swiper .swiper-slide[data-v-6fff6342]{width:280px}}.button-circle[data-v-6fff6342]{position:relative;top:auto;display:flex;justify-content:center;align-items:center;min-width:45px;height:45px;box-shadow:0 2px 6px 0 rgba(0,0,0,.25);background:#fff;border-radius:50%;z-index:3;cursor:pointer}@media screen and (max-width:960px){.button-circle[data-v-6fff6342]{display:none}}.button-circle img[data-v-6fff6342]{width:30px;height:auto}.button-circle[data-v-6fff6342]:after{display:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.ui-dialog{position:absolute;z-index:999;width:100%;height:100vh;background-color:rgba(0,0,0,.7);justify-content:center}.ui-dialog,.ui-dialog .window{display:flex;align-items:center}.ui-dialog .window{flex-direction:column;width:460px;height:auto;background:#fff;box-shadow:0 0 4px rgba(0,0,0,.1),0 4px 4px rgba(0,0,0,.1);border-radius:5px;text-align:center;padding:0 48px 25px}@media screen and (max-width:640px){.ui-dialog .window{width:90%;padding:0 0 25px}}.ui-dialog .window img{width:460px;height:260px}@media screen and (max-width:640px){.ui-dialog .window img{width:100%;height:auto}}.ui-dialog .window .window-body{padding-top:22px;padding-bottom:25px}.ui-dialog .window .window-body h2{font-weight:500;font-size:20px;color:#333;margin-bottom:12px}.ui-dialog .window .window-body h4{font-weight:400;font-size:16px;color:#333}.ui-dialog .window .window-footer .hero-button{width:150px;margin:0 8px}@media screen and (max-width:640px){.ui-dialog .window .window-footer .hero-button{width:120px}}@keyframes spin-data-v-48a34198{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-48a34198{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.mobile-detect-modal[data-v-48a34198]:before{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-color:#fff;z-index:1001}.mobile-detect-modal .mobile-detect-container[data-v-48a34198]{display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-detect-modal .mobile-detect-container h2[data-v-48a34198]{color:#2b2b2b;font-size:16px;margin-bottom:4px}.mobile-detect-modal .mobile-detect-container p[data-v-48a34198]{text-align:center;font-size:14px;margin-bottom:24px}.mobile-detect-modal .mobile-detect-container .hero-button[data-v-48a34198]{background:linear-gradient(135.73deg,#653aaf,#a73aaf 98.77%)}@keyframes spin-data-v-1d5544b0{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-1d5544b0{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.tutor-promote-modal[data-v-1d5544b0]>.modal-container{width:840px;padding:0;border-radius:0}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote{display:flex;background-image:url(../img/experience-background-high.90c0d550.png);background-size:cover;background-position:50%;background-repeat:no-repeat;flex-direction:column;padding:56px 0 56px 72px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info{width:55%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}@media screen and (max-width:960px){.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info{width:auto}}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .tag{background-color:#f92e59;color:#fff;font-size:14px;border-radius:50px;padding:4px 24px;margin-bottom:8px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .experience-title{font-size:32px;font-weight:500;color:#333;margin-bottom:8px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .experience-sub-title{font-size:20px;font-weight:500;color:#333;margin-bottom:20px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .experience-list{list-style:none;padding:0;margin-bottom:40px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .experience-list .experience-list-item{font-size:14px;color:#333;font-weight:300}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .experience-list .experience-list-item:not(:last-child){margin-bottom:2px}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .hero-button{width:220px;align-self:center}.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .hero-button:not(:last-child){margin-bottom:16px}@media screen and (max-width:960px){.tutor-promote-modal[data-v-1d5544b0] .tutor-promote .experience-info .hero-button{align-self:flex-start}}@keyframes spin-data-v-767cfd2c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes spin-data-v-767cfd2c{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}.board[data-v-767cfd2c] .layout-container{padding:0}.board[data-v-767cfd2c] .board-container{overflow:auto}