@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}:root{line-height:1.2;--line-height:1.2;--font-size-normal:16px;--font-size-medium:24px;--font-size-large:32px;--font-size-xLarge:2.5rem;--font-size-xxLarge:48px;--font-size-xxxLarge:56px;--font-size-xxxxLarge:68px;--font-size-mega:120px;--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;--theme-primary:#f8ad3e;--theme-shadow-primary:#f8ad3ecc;--theme-shadow:#e0e0e0;--theme-background:#fff;--theme-background-secondary:#fbe9a3;--theme-neutral:#f8f8f8;--theme-secondary:#fff7d9;--theme-tertiary:#2f80ed;--theme-on-secondary:brown;--theme-shadow-secondary:rgba(248,174,62,.5);--theme-gradient-primary:linear-gradient(90deg,#ffcb08,#ff9600);--theme-gradient-green:linear-gradient(90deg,#58cc02,#23ac38);--theme-background-green-light:#eeffec;--theme-background-yellow-light:#fff8dc;--theme-popup-modal-background:#00000094;--theme-submit-popup-background:#000000b2;--theme-correct-state-color:#23ac38;--theme-incorrect-state-color:#eb5757;--theme-heading-color-brown:#5b2d11;--card-padding:10px;--preset-padding0:24px;--preset-padding1:48px;--preset-border-radius-popup:12px 12px 0px 0px;--preset-border-radius-round:999px;--preset-border-radius0:15px;--preset-border-radius1:5vw;--preset-border-radius2:7vw;--preset-horizontal-spacing0:20px;--preset-vertical-spacing0:10px;--preset-vertical-spacing:15px;--preset-vertical-spacing1:20px;--shadow-drop-size-secondary:16px;--box-shadow:0 4px 0 0 var(--theme-shadow);--box-secondary-shadow:0 var(--shadow-drop-size-secondary) 0 0 var(--theme-shadow-secondary);--default-border:2px solid var(--theme-shadow);--border-secondary:2px solid var(--theme-shadow-secondary);--linebreak-thickness:1px;--progressbar-thickness:15px;--banner-app:44px;--card-size:65px;--icon-size:50px}*{box-sizing:border-box;scroll-behavior:smooth}*,html{padding:0;margin:0}html{color:var(--text-color)}body{height:100vh;font-size:1.6rem}@media screen and (max-width:468px){body{height:calc(100vh - var(--banner-app))}}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:#f0f0f0}html ::-webkit-scrollbar-thumb{border-radius:10px;background-color:#c7c7c7}html ::-webkit-scrollbar-track{border-radius:0}#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}@media screen and (max-width:1600px){:root{--main-width:55%;--header-height:65px;--learn-top-height:130px;--game-top-height:110px}}@media screen and (max-width:1440px){:root{--main-width:60%;--game-top-height:70px}}@media only screen and (max-width:1180px){:root{--main-width:80%;--header-height:80px;--learn-top-height:95px;--notebook-level-bar-height:95px}}@media screen and (max-width:940px){:root{--generalColumnWidth:100%;--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)}}.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:#fff;z-index:2}.add-background-silver-cloud{background-image:url(/_next/static/media/bg.366f773b.webp);background-size:cover;background-position:-3px}.user-cursor{-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.user-cursor:hover{opacity:.9}.page-flex{min-height:calc(100vh - var(--header-height));display:flex}@media screen and (max-width:768px){.page-flex{min-height:calc(100vh - var(--header-height) - var(--banner-app))}}.main-column{width:var(--generalColumnWidth);background:#fff;position:relative}.side-column{width:calc((100% - var(--generalColumnWidth))/2);height:100%}.screen_page_show{z-index:999999999;position:fixed;height:100%;width:100%;display:flex;inset:0}.flex-grow-1{flex-grow:1}[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}.ending-game-wrapper{min-height:100vh;display:flex;flex-direction:column;text-align:center;padding:4vh 40px}.ending-game-wrapper h5.ending-game-title{color:#ffcb08;font-weight:600;font-size:22px;margin:0 auto 15px}.ending-game-wrapper img.ending-game-image{max-width:300px;margin:0 auto}.ending-game-wrapper img.ending-game-star{max-width:400px;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}.ending-game3-image{margin:0 auto}.ending-game2-wrapper{text-align:center;padding:20px}.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:#fff;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}.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}.bold{font-weight:700}@media screen and (max-width:768px){.ending-game-wrapper{padding-left:16px;padding-right:16px}.ending-game-wrapper h5.ending-game-title{font-size:20px}.ending-game-wrapper img.ending-game-image{width:200px;height:auto}.ending-game2-wrapper{max-height:calc(100vh - 100px)}.ending-game2-wrapper h5.ending-game2-title{margin-top:0;font-size:17px}.ending-game2-wrapper .list-word-wrapper{max-height:65vh}.ending-game2-wrapper .list-words{max-height:65vh;padding-left:0;padding-right:0}.ending-game3-image{width:200px;height:auto}.ending-game-wrapper img.ending-game-star{max-width:100%;height:auto}}.shake{animation:shake .2s ease-in-out}.down-animation{animation-fill-mode:forwards;animation-timing-function:linear}.down-animation,.down-animation-delay-1000{animation-name:dropDown;animation-duration:.25s}.down-animation-delay-1000{animation-delay:1s;animation-fill-mode:forwards;animation-timing-function:linear}.down-animation-15{animation-name:dropDown15;animation-duration:.15s;animation-fill-mode:forwards;animation-timing-function:linear}.down-animation-30{animation-name:dropDown30;animation-duration:.25s;animation-fill-mode:forwards;animation-timing-function:linear}.arrow_rotate_up_animation{transition:all .2s;transform:rotate(-180deg)}.arrow_rotate_down_animation{transition:all .2s;transform:rotate(0)}.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}.blink{animation:blink 1s ease-in-out;animation-direction:alternate;animation-iteration-count:infinite}@keyframes blink{to{opacity:.3}}@keyframes shake{0%{transform:translate(4px)}20%{transform:translate(-9px)}40%{transform:translate(12px)}60%{transform:translate(-4px)}80%{transform:translate(2px)}to{transform:translate(-1px)}}@keyframes dropDown{0%{opacity:.1;transform:translateY(-60px)}to{opacity:1;transform:translateY(0)}}@keyframes dropDown15{0%{opacity:.1;transform:translateY(-15px)}to{opacity:1;transform:translateY(0)}}@keyframes dropDown30{0%{opacity:.1;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes shine{to{background-position-x:-200%}}.expand{height:100%!important}.rotateExpandButtonIcon{transform:rotate(180deg)}.displayNone{display:none}.clickable{pointer-events:auto!important}.showPopUpBackground{display:block!important;position:absolute;inset:0;background-color:var(--theme-popup-modal-background)}.showPopUp{transform:translate(0)!important}