:root{--learn-main-width:50%;--header-height:82px;--learn-top-height:140px;--game-top-height:120px;--learn-list-course-top-height:120px;--generalColumnWidth:56vw;--notebook-level-bar-height:110px;--mobile-navbar-height:60px;--max-width-input:632px}.light-theme,:root{--color-background:#fff;--color-text:#000;--background-active:#e3e3e379;--background-lock:#f8f8f8;--box-shadow:3px 5px 5px hsla(0,0%,84%,.58);--language:#fff;--button:#fff;--bg-modal:#fff;--bg-learn:#fff;--text-course:#000;--box-shadow-course:0px 8px 0px 0px rgba(0,0,0,.1);--text-lesson:#000;--logout:#828282;--border-profile:2px solid #ececec;--course-title:#333;--nav-bar-hover:#e3e3e3;--lesson-hover:#eaeaea;--game-title:#828282}.dark-theme{--color-background:#1a1b1e;--color-text:#fff;--background-active:#232627;--background-lock:#232627;--box-shadow:10px 10px 10px hsla(32,25%,88%,.05);--box-shadow-course:10px 10px 10px rgba(0,0,0,.1);--language:#ffcb08;--bg-learn:#1a1b1e;--text-course:#e8e1d9;--button:#fff;--text-lesson:#798083;--logout:#85d649;--border-profile:2px #222 solid;--bg-modal:#36383a;--course-title:#333;--nav-bar-hover:#3a3a3ad7;--lesson-hover:#3a3a3ad7;--game-title:#dedede}*{box-sizing:border-box}*,html{padding:0;margin:0}html{color:var(--color-text)}body{height:100vh;font-size:1.6rem;overflow-y:auto}html{font-size:62.5%}body{font-family:Quicksand,serif;text-rendering:optimizespeed}ol,ul{list-style:none}a{text-decoration:none}html ::-webkit-scrollbar{border-radius:0;width:8px;background-color:rgba(0,0,0,.05)}html ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#858585}html ::-webkit-scrollbar-track{border-radius:0;background-color:transparent}#draw{position:relative}#draw div[id^=draggable]{width:100%;height:100%;position:absolute;top:0}[tabindex],button,input{outline:none;border:none;color:#000;background:#fff;font-family:Quicksand}::placeholder{color:#dadada}@font-face{font-family:Quicksand;src:url(/_next/static/media/Quicksand-Medium.eb377f08.ttf);font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/_next/static/media/Quicksand-SemiBold.c4cdd3cf.ttf);font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/_next/static/media/Quicksand-Bold.fe1fc35c.ttf);font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/_next/static/media/Quicksand-Light.8bd467bb.ttf);font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Quicksand;src:url(/_next/static/media/Quicksand-Regular.1e13fe62.ttf);font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Baloo;src:url(/_next/static/media/Baloo-Regular.6e8f33fb.ttf);font-weight:400;font-style:normal;font-display:swap}@media screen and (max-width:1600px){:root{--learn-main-width:55%;--header-height:65px;--learn-top-height:130px;--game-top-height:110px}}@media screen and (max-width:1440px){:root{--learn-main-width:60%;--game-top-height:70px}}@media only screen and (max-width:1080px){:root{--learn-main-width:70%;--header-height:80px;--learn-top-height:95px;--generalColumnWidth:100%;--notebook-level-bar-height:95px}}@media screen and (max-width:768px){:root{--learn-main-width:100%;--learn-top-height:65px}html ::-webkit-scrollbar{width:4px}:root{--header-height:45px}}@media screen and (max-width:475px){:root{--learn-list-course-top-height:80px}body{font-size:max(1.4rem,14px)}}body{background-image:var(--background-image);background-size:cover;background-position:-3px;overflow-x:hidden}.fix-below-header{width:calc(var(--generalColumnWidth) - 6px);padding:30px 10vw;position:fixed;top:calc(var(--header-height));left:50%;transform:translateX(calc(-50% - 4px));background:var(--color-background);z-index:2}.add-background-silver-cloud{background-image:var(--background-image);background-size:cover;background-position:-3px}.down-animation{animation-name:dropDown;animation-duration:.25s;animation-fill-mode:forwards;animation-timing-function:linear}.page-flex{min-height:calc(100vh - var(--header-height));display:flex;overflow-x:hidden}.main-column{position:relative;width:var(--generalColumnWidth);background-color:var(--color-background);color:var(--color-text)}.side-column{width:calc((100% - var(--generalColumnWidth))/2);height:100%}.screen_page_show{z-index:888;position:fixed;height:100%;width:100%;display:flex;inset:0}.flex-grow-1{flex-grow:1}.bg-skeleton{height:100%;background-color:#d1d1d1;background-image:linear-gradient(110deg,#d1d1d1 8%,hsla(0,0%,90%,.871) 18%,#d1d1d1 33%);background-size:200% 200%;animation:shine 1s linear infinite}.dropdown-appear{animation-name:appearAnimation;animation-duration:.15s;animation-fill-mode:forwards;animation-timing-function:ease-out;transform-origin:top right}[id$=__canvas-background]{fill:transparent}[id$=__canvas-background-group]{stroke:transparent}.wrap_canvas_writing_freelly{margin:3vh auto 0}div[id^=draggable] path{stroke-dasharray:2}@keyframes dropDown{0%{opacity:.1;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{background-position-x:-200%}}@keyframes appearAnimation{0%{opacity:.55;transform:scale(.3)}to{opacity:1;transform:scale(1)}}.ending-game-wrapper{display:flex;flex-direction:column;text-align:center;height:100%;padding:0 40px;overflow-y:scroll}.ending-game-wrapper .ending-game-close-btn{height:45px;width:45px;position:absolute;top:0;right:12px;cursor:pointer;border-radius:50%;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 0 0 rgba(0,0,0,.102);transition:all .2s}.ending-game-wrapper .ending-game-close-btn:active{transform:translateY(4px);transition:all .2s;box-shadow:none}.ending-game-wrapper h5.ending-game-title{color:#ffcb08;font-weight:600;font-size:24px;padding-top:20px;margin:0 auto 15px}.ending-game-wrapper img.ending-game-image{max-width:290px;max-height:290px;margin:0 auto}.ending-game-wrapper img.ending-game-star{max-width:380px;max-height:150px;object-fit:cover;object-position:center;margin:0 auto}.ending-game-wrapper p.ending-game-message{font-size:18px;font-weight:600;color:#828282;margin:15px auto}.ending-game3-title{font-weight:700;margin-bottom:15px;color:#23ac38;font-size:20px;padding-top:20px}.ending-game3-image{margin:0 auto}.ending-game2-wrapper{text-align:center;padding:0 20px;overflow-y:overlay;height:100%;display:flex;flex-direction:column}.ending-game2-wrapper h5.ending-game2-title{font-weight:600;margin-top:5vh;font-size:20px;margin-bottom:5vh}.ending-game2-wrapper .list-word-wrapper{margin-top:70px;position:relative;background:var(--color-background);border-radius:20px;max-height:450px}.ending-game2-wrapper img.list-word-icon{position:absolute;width:80px;left:40px;height:auto;top:-55px}.ending-game2-wrapper .list-words{padding:25px;max-height:450px;overflow-y:scroll;background:var(--background-active);border-radius:32px;box-shadow:var(--box-shadow-course)}.ending-game2-wrapper .list-words .word-wrapper{display:flex;padding:5px 0 10px;align-items:flex-start}.ending-game2-wrapper .list-words .word-wrapper img.word-check-icon{flex:1 1;cursor:pointer;width:20px}.ending-game2-wrapper .list-words .word-wrapper img.word-check-icon:hover{opacity:.8}.ending-game2-wrapper .list-words .word-wrapper p.word-content{flex:13 1;text-align:left;padding-left:20px;font-weight:600}.ending-game2-wrapper .list-words .word-wrapper p.word-trans{flex:10 1;text-align:left;font-weight:500}.ending-game2-wrapper .list-words::-webkit-scrollbar{width:10px;border-radius:10px}.ending-game2-wrapper .list-words::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.ending-game2-wrapper .list-words::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px}.ending-game2-wrapper .list-words::-webkit-scrollbar-thumb:hover{background:#aaa}.ending-game2-wrapper .mochi_primary_btn_nt.ending-game-btn{width:200px;margin:20px auto}.layoutStyle_layout__bs6id{background-color:#ececec;min-height:100vh;width:100%}.layoutStyle_layout_element__8AAML{width:100%;min-height:100vh;background:url(/_next/static/media/background-img.0e2922f9.png);background-size:100%;background-repeat:no-repeat;background-position:50%;background-color:#ececec;background-attachment:"fixed"}.layoutStyle_container__nv_YB{padding:0}.layoutStyle_justify_content__vUVus{display:flex;justify-content:center!important;margin-right:auto;margin-left:auto}.layoutStyle_layout_content__lG015{flex:0 0 auto;width:50%;background-color:#f8f8f8;min-height:100vh;padding-bottom:20px;position:relative}@media(max-width:992px){.layoutStyle_layout_content__lG015{flex:0 0 auto;width:100%}}.headerStyle_header__tiEVR{width:100%;height:60px;background:#ffcb08;border-radius:0 0 15px 15px;text-align:center;position:relative}.headerStyle_header__tiEVR img{width:35px;height:35px;cursor:pointer;position:absolute;left:20px;top:50%;transform:translateY(-50%)}.headerStyle_header__tiEVR p{font-size:24px;font-weight:700;line-height:60px}.headerStyle_header_register_with_email___JfcH{background:#f8f8f8!important}