*{box-sizing:border-box;margin:0;padding:0}html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Roboto,sans-serif;font-size:1.6rem;line-height:1.5}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#slideshow-images-wrapper .react-slideshow-container .default-nav:first-of-type,#slideshow-images-wrapper .react-slideshow-container .default-nav:last-of-type{display:none}.react-slideshow-container{align-items:center;display:flex;position:relative}.react-slideshow-container .nav{cursor:pointer;position:absolute;z-index:10}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{align-items:center;background:#fff9;border:0;border-radius:50%;color:#fff;display:flex;height:30px;justify-content:center;text-align:center;width:30px}.react-slideshow-container .default-nav:focus,.react-slideshow-container .default-nav:hover{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{border-right:0;border-top:0;margin-right:-30px}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;height:7px;margin:0;padding:5px;position:relative;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator{background:#0000;border:0;color:#0000;cursor:pointer;opacity:.25}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{background:#000;border-radius:50%;content:"";height:7px;left:0;position:absolute;text-align:center;top:0;width:7px}.react-slideshow-container+ul.indicators .each-slideshow-indicator.active,.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{overflow:hidden;width:100%}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{opacity:0;position:relative}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden=true]{display:none}.react-slideshow-wrapper.slide{overflow:hidden;width:100%}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap}.react-slideshow-wrapper .images-wrap>div[aria-hidden=true]{display:none}#contact-wrapper{display:flex;flex-direction:column;position:relative;z-index:99}#contact-wrapper .email-btn,#contact-wrapper .message-btn,#contact-wrapper .phone-btn,#contact-wrapper .zalo-btn{margin-top:4px;position:relative}#contact-wrapper .email-btn .contact-link,#contact-wrapper .message-btn .contact-link,#contact-wrapper .phone-btn .contact-link,#contact-wrapper .zalo-btn .contact-link{position:relative;z-index:3}#contact-wrapper .email-btn .contact-link .contact-info,#contact-wrapper .message-btn .contact-link .contact-info,#contact-wrapper .phone-btn .contact-link .contact-info,#contact-wrapper .zalo-btn .contact-link .contact-info{border-radius:25px;color:#fff;font-size:18px;font-weight:700;height:35px;line-height:35px;perspective:1000px;position:absolute;right:55%;text-align:center;top:7px;transform:scaleX(0);transform-origin:right;transition:all .6s cubic-bezier(.04,.94,.21,1.22);z-index:-1}@keyframes contact-pulse-animation{0%{opacity:.6;transform:scale(1)}40%{opacity:.6;transform:scale(1.3)}to{opacity:0;transform:scale(2)}}#contact-wrapper .email-btn .contact-link:after,#contact-wrapper .message-btn .contact-link:after,#contact-wrapper .phone-btn .contact-link:after,#contact-wrapper .zalo-btn .contact-link:after{animation:contact-pulse-animation 1.5s cubic-bezier(.24,0,.38,1) infinite;-webkit-animation:contact-pulse-animation 1.5s cubic-bezier(.24,0,.38,1) infinite;border-radius:50%;content:"";display:block;height:100%;left:0;opacity:.6;position:absolute;top:0;width:100%;z-index:-1}#contact-wrapper .email-btn:hover .contact-info,#contact-wrapper .message-btn:hover .contact-info,#contact-wrapper .phone-btn:hover .contact-info,#contact-wrapper .zalo-btn:hover .contact-info{min-width:260px;overflow-x:hidden;transform:scaleX(1)}#contact-wrapper .phone-btn .contact-info,#contact-wrapper .phone-btn .contact-link:after{background-color:#f1052a}#contact-wrapper .email-btn .contact-info,#contact-wrapper .email-btn .contact-link:after{background-color:#f57b06}#contact-wrapper .zalo-btn .contact-link{margin-bottom:-4px}#contact-wrapper .zalo-btn .contact-link .zalo-logo{border-radius:50%;box-shadow:-2px 0 8px -3px #000;height:45px;width:45px}#contact-wrapper .zalo-btn .contact-link .contact-info,#contact-wrapper .zalo-btn .contact-link:after{background-color:#005be0}#contact-wrapper .message-btn .contact-info,#contact-wrapper .message-btn .contact-link:after{background-color:#2093e9}#background-wrapper{position:relative}#background-wrapper .slideshow-image{z-index:-3}#background-wrapper .contact{bottom:150px;position:absolute;right:20px;right:24px;z-index:1}.footer{align-items:center;background-color:#fff9c4;color:#000;display:flex;height:66px;justify-content:end;padding:0 40px}.header-container{background-color:#fdd835f5;display:flex;justify-content:space-between;padding:0 16rem;position:fixed;width:100%;z-index:10}.header-container .logo{border-radius:50%;height:12rem;margin-bottom:1rem;margin-top:1rem;overflow:hidden;width:12rem}.header-container .right-site{display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;max-width:85%}.header-container .right-site .search-bar{align-items:center;display:flex;font-size:13px;justify-content:end;position:relative}.header-container .right-site .search-bar ::-webkit-scrollbar{background-color:#999 #f5f5f5;width:4px}.header-container .right-site .search-bar ::-webkit-scrollbar-track{background-color:#0000;position:relative}.header-container .right-site .search-bar ::-webkit-scrollbar-track:before{background-color:#f5f5f5;border-radius:8px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.header-container .right-site .search-bar ::-webkit-scrollbar-thumb{background-color:#999;border-radius:8px}.header-container .right-site .search-bar .search-result{background-color:#fff;border-radius:8px;flex-direction:column;list-style:none;margin:0;max-height:310px;overflow:auto;position:absolute;top:52px;width:310px}.header-container .right-site .search-bar .search-result li{align-items:center;display:flex;padding:8px;width:100%}.header-container .right-site .search-bar .search-result li:hover{background-color:#0000001a}.header-container .right-site .nav-bar{display:flex;flex-direction:row;justify-content:space-between;list-style:none;margin-left:20rem;margin-right:0;max-width:80%}.header-container .right-site .nav-bar .nav-content{font-size:1.4rem}.header-container .right-site .nav-bar .nav-content a{border-bottom:2px solid #fbc02d;border-bottom:2px solid var(--primary-700);color:#000;padding:12px 16px;text-decoration:none}.header-container .right-site .nav-bar .nav-content .skill-nav.background-hover,.header-container .right-site .nav-bar .nav-content a:hover{background-color:#fff59d;background-color:var(--primary-200)}.header-container .right-site .nav-bar .nav-content .skill-item{padding:1.2rem;text-decoration:none;width:100%}.header-container .right-site .nav-bar .nav-content .skill-item a:hover{background-color:#f0f5ff00}.header-container .right-site .nav-bar .nav-content .skill-item:hover{background-color:#fff59d;background-color:var(--primary-200)}.header-container .right-site .nav-bar .nav-content .skill-item .listening-list .listening-item:hover{background-color:#fff9c4;background-color:var(--primary-100)}.mobile-header-container{display:none}@media(min-width:70em)and (max-width:80em){.header-container .logo{height:11rem;width:11rem}.header-container .right-site .search-bar{font-size:.2rem!important}.header-container .right-site .search-bar .search-result{font-size:1.3rem!important}.header-container .right-site .nav-bar{margin-left:15rem}.header-container .right-site ul.nav-bar li.nav-content{font-size:1.3rem!important}.mobile-header-container{display:none}}@media(min-width:46.25em)and (max-width:73.9375em){.header-container{padding:0 4rem}.header-container .logo{height:8rem;width:8rem}.header-container .right-site .search-bar .search-input{height:32px}.header-container .right-site .nav-bar{margin-left:12rem}.header-container .right-site .nav-bar .nav-content{font-size:1.2rem}.header-container .right-site .nav-bar .nav-content a{padding:1rem .4rem}.mobile-header-container{display:none}}@media(max-width:46.1875em){.header-container{display:none}.mobile-header-container{align-items:center;background-color:#fdd835f5;display:flex;gap:.4rem;height:7.2rem;justify-content:space-between;padding:0 .8rem;position:fixed;width:100%;z-index:10}.mobile-header-container .logo{border-radius:50%;height:5.6rem;margin-bottom:1rem;margin-top:1rem;overflow:hidden;width:5.6rem}.mobile-header-container .search-bar{align-items:center;display:flex;font-size:13px;justify-content:end;position:relative}.mobile-header-container .nav-bar{background-color:#fdd835;background-color:var(--primary-600);display:flex;flex-direction:column;list-style:none;padding:.8rem 0}.mobile-header-container .nav-bar .nav-content{font-size:1.6rem;padding:.8rem 1.2rem}.mobile-header-container .nav-bar .nav-content a{color:#000;text-decoration:none}.mobile-header-container .nav-bar .nav-content .skill-item{padding:.8rem;text-decoration:none;width:100%}.mobile-header-container .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root.MuiAccordion-rounded.MuiAccordion-gutters.css-1c35hjw-MuiPaper-root-MuiAccordion-root,.mobile-header-container .MuiPaper-root.MuiPaper-elevation.MuiPaper-rounded.MuiPaper-elevation1.MuiAccordion-root.MuiAccordion-rounded.MuiAccordion-gutters.css-1wz20g3{background-color:#0000;box-shadow:none}.mobile-header-container .MuiButtonBase-root.MuiAccordionSummary-root.MuiAccordionSummary-gutters.css-1iji0d4,.mobile-header-container .MuiButtonBase-root.MuiAccordionSummary-root.MuiAccordionSummary-gutters.css-sh22l5-MuiButtonBase-root-MuiAccordionSummary-root{min-height:0;padding:0}.mobile-header-container .MuiAccordionSummary-content.MuiAccordionSummary-contentGutters.css-17o5nyn,.mobile-header-container .MuiAccordionSummary-content.MuiAccordionSummary-contentGutters.css-o4b71y-MuiAccordionSummary-content{margin:0}.mobile-header-container .MuiAccordionDetails-root.css-15v22id-MuiAccordionDetails-root,.mobile-header-container .MuiAccordionDetails-root.css-u7qq7e{padding:.8rem 2rem}.mobile-header-container .css-i4bv87-MuiSvgIcon-root,.mobile-header-container .css-vubbuv{font-size:2rem!important}}.css-6hp17o-MuiList-root-MuiMenu-list,.css-r8u8y9{padding:0!important}.css-1km1ehz,.css-kk1bwy-MuiButtonBase-root-MuiMenuItem-root{padding:12px 16px!important}.user-name{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}.small-header-container{background-color:#fdd835f5;display:flex;justify-content:space-between;padding:0 16rem;position:fixed;width:100%;z-index:10}.small-header-container .logo{border-radius:50%;height:5.4rem;margin-bottom:.6rem;margin-top:.6rem;overflow:hidden;width:5.4rem}.small-header-container .right-site{display:flex;flex:1 1;flex-direction:column;justify-content:space-evenly;max-width:85%}.small-header-container .right-site .search-bar{display:flex;justify-content:end}.small-header-container .right-site .nav-bar{align-items:center;display:flex;flex-direction:row;list-style:none;margin-left:auto;max-width:100%}.small-header-container .right-site .nav-bar .nav-content{font-size:1.4rem;margin-left:1.6rem}.small-header-container .right-site .nav-bar .nav-content a{border-bottom:2px solid #fbc02d;border-bottom:2px solid var(--primary-700);color:#000;padding:12px 16px;text-decoration:none}.small-header-container .right-site .nav-bar .nav-content .skill-nav.background-hover,.small-header-container .right-site .nav-bar .nav-content a:hover{background-color:#fff59d;background-color:var(--primary-200)}.small-header-container .right-site .nav-bar .nav-content .skill-item{padding:1.2rem;text-decoration:none;width:100%}.small-header-container .right-site .nav-bar .nav-content .skill-item a:hover{background-color:#f0f5ff00}.small-header-container .right-site .nav-bar .nav-content .skill-item:hover{background-color:#fff59d;background-color:var(--primary-200)}.small-header-container .right-site .nav-bar .nav-content .skill-item .listening-list .listening-item:hover{background-color:#fff9c4;background-color:var(--primary-100)}.small-header-container .right-site .mobile-menu{display:none}@media(min-width:70em)and (max-width:80em){.small-header-container .logo{height:5.4rem;width:5.4rem}.small-header-container .right-site .search-bar{font-size:.2rem!important}.small-header-container .right-site .search-bar .search-result,.small-header-container .right-site ul.nav-bar li.nav-content{font-size:1.3rem!important}.small-header-container .mobile-menu{display:none}}@media(min-width:46.25em)and (max-width:73.9375em){.small-header-container{padding:0 4rem}.small-header-container .logo{height:5.4rem;width:5.4rem}.small-header-container .right-site .search-bar .search-input{height:32px}.small-header-container .right-site .nav-bar .nav-content{font-size:1.2rem}.small-header-container .right-site .nav-bar .nav-content a{padding:1rem .4rem}.small-header-container .mobile-menu{display:none}}@media(max-width:46.1875em){.small-header-container{padding:0}.small-header-container .logo{height:5.4rem;margin-left:1.2rem;width:5.4rem}.small-header-container .right-site .nav-bar,.small-header-container .right-site .search-bar{display:none}.small-header-container .right-site .mobile-menu{display:block;position:relative;top:-36px}.small-header-container .right-site .mobile-menu .menu{display:block}.small-header-container .right-site .mobile-menu .mobile-nav-bar{background-color:#fdd835;background-color:var(--primary-600);left:-74px;position:absolute;right:0;top:103px}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content{font-size:2rem;list-style:none;padding:10px 0 10px 8px}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content a{color:#000;padding:10px;text-decoration:none}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content a:hover{background-color:#ffee58;background-color:var(--primary-400)}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content .skill-item{align-items:center;display:flex;font-size:1.8rem;justify-content:center;text-align:center;text-decoration:none;width:100%}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content .skill-item a:hover{background-color:#f0f5ff00}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content .skill-item:hover{background-color:#fff59d;background-color:var(--primary-200)}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content .skill-item .listening-list{text-align:left}.small-header-container .right-site .mobile-menu .mobile-nav-bar .nav-content .skill-item .listening-list .listening-item:hover{background-color:#fff9c4;background-color:var(--primary-100)}}.default-layout{position:relative}.default-layout .contact-wrapper{display:flex;flex-direction:column;position:relative;z-index:3}.default-layout .contact-wrapper .contact{bottom:150px;position:fixed;right:24px;z-index:2}.default-layout .body-container{color:#d9e6ee;margin:auto;position:absolute;top:160px;width:100%;z-index:1}.default-layout .body-container .content-container{background-color:#f8fbfd;border-radius:10px 10px 0 0;min-height:100vh;width:100%}.default-layout .body-container-top{position:absolute;top:100vh;width:100%;z-index:1}.default-layout .body-container-top .content-container{width:100%}@media(max-width:46.1875em){.body-wrapper,.home-body-wrapper{margin:0!important}}@media(min-width:46.25em)and (max-width:73.9375em){.body-wrapper,.home-body-wrapper{margin:40px!important}.default-layout .body-container .content-container{margin-top:-8rem}.small-default-layout .small-layout-header{margin-top:-4rem}}.small-default-layout{position:relative}.small-default-layout .contact-wrapper{display:flex;flex-direction:column;position:relative;z-index:3}.small-default-layout .contact-wrapper .contact{bottom:150px;position:fixed;right:24px;z-index:2}.small-default-layout .body-container{color:#d9e6ee;margin:auto;position:absolute;top:84px;width:100%;z-index:1}.small-default-layout .body-container .content-container{background-color:#f8fbfd;border-radius:10px 10px 0 0;width:100%}.small-default-layout .body-container-top{position:absolute;top:100vh;z-index:1}.home-wrapper{background-image:linear-gradient(#fafaf6 20%,#fff9c4 50%,#fafaf6 90%);border-radius:10px 10px 0 0}.home-wrapper .content{margin:0 auto}.home-wrapper .title{border-bottom:1px solid #fdd835;border-bottom:1px solid var(--primary-600);margin-bottom:12px;width:320px}.home-wrapper .title h2{color:#fbc02d;color:var(--primary-700);font-size:24px;font-weight:700;margin:12px;text-align:center;text-transform:uppercase;width:auto}.post-container{cursor:pointer;margin-bottom:30px}.post-container .post-details{min-height:80px;padding:0 5px}.post-container .post-details .post-time{color:#535353b3;font-size:11px;margin-top:5px}.post-container .post-details .post-title{color:#000;font-size:16px;font-weight:700;margin-top:10px;text-transform:uppercase}.post-container:hover .thumbnail{filter:brightness(1.15);transform:scale(1.02)}.post-container:hover .post-title{font-style:italic;opacity:.8}.book-item-container{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:38rem;margin-bottom:3.6rem;width:22rem}.book-item-container .book-item-details{margin-top:2rem;min-height:80px;padding:0 5px;text-align:center}.book-item-container .book-item-details .book-item-time{color:#535353b3;font-size:11px;font-style:italic;margin-top:5px}.book-item-container .book-item-details .book-name{color:#000;font-weight:700;text-transform:uppercase}.book-item-container .thumbnail{display:flex;justify-content:center}.book-item-container:hover .thumbnail{animation:pulse-animation 2s cubic-bezier(.24,0,.38,1) infinite;box-shadow:5px 9px #000000b3;filter:brightness(1.15);margin-bottom:12px}@keyframes pulse-animation{0%{opacity:1;transform:scale(1)}to{opacity:.9;transform:scale(1.05)}}@media(max-width:46.1875em){.book-item-container{margin-bottom:-2rem}.book-item-container .thumbnail{height:24rem!important;width:18rem!important}}.books-list-wrapper{padding:8rem 6rem}@media(min-width:70em)and (max-width:80em){.books-list-wrapper{padding:6rem}}@media(min-width:46.25em)and (max-width:73.9375em){.books-list-wrapper{padding:8rem 6rem}}@media(max-width:46.1875em){.books-list-wrapper{margin-bottom:0!important;padding:6rem 6rem 0!important}}#book-detail-wrapper{min-height:calc(100vh - 7.2rem - 78px);padding:2.4rem 4rem}#book-detail-wrapper .back-link{color:#000;font-size:1.4rem;text-decoration:none}#book-detail-wrapper .back-link:hover{cursor:pointer;opacity:.8;text-decoration:underline}#book-detail-wrapper .css-ttwr4n{display:none}#book-detail-wrapper .css-1h9z7r5-MuiButtonBase-root-MuiTab-root,#book-detail-wrapper .css-1q2h7u5{padding:0}#book-detail-wrapper .css-1aquho2-MuiTabs-indicator{display:none}#book-detail-wrapper .book-list{border:1px solid #0003;border-bottom:none;border-radius:1rem 1rem 0 0;margin-top:2rem;padding:1.6rem}#book-detail-wrapper .book-list .Mui-focusVisible{background-color:#000}#book-detail-wrapper .book-list .Mui-selected .thumbnail-container{background-color:#fff9c4;background-color:var(--primary-100);margin-left:1.2rem;margin-right:1.2rem;padding:.8rem}#book-detail-wrapper .book-list .Mui-selected .thumbnail-container .thumbnail{display:block;height:9rem;object-fit:cover;width:7rem}#book-detail-wrapper .book-list .Mui-selected .thumbnail-container .title{display:block;width:14rem}#book-detail-wrapper .book-list .Mui-selected .thumbnail-container .title .book-title{color:#000;display:flex;font-size:1.6rem;justify-content:center;margin-top:.4rem}#book-detail-wrapper .book-list .thumbnail-container .thumbnail{display:block;height:9rem;object-fit:cover;width:7rem}#book-detail-wrapper .book-list .thumbnail-container .title{display:none}#book-detail-wrapper .css-19kzrtu{padding:0}#book-detail-wrapper .topic-list{border:1px solid #0003;border-bottom:none;border-top:none;cursor:pointer}#book-detail-wrapper .topic-list .topic-item{align-items:center;border-bottom:1px solid #0003;display:flex;padding:1.2rem 2.8rem}#book-detail-wrapper .topic-list .topic-item .topic-icon{color:#000000b3;font-size:2rem;margin-right:2rem}#book-detail-wrapper .topic-list .topic-item:hover{background-color:#0000001a}#book-detail-wrapper .topic-list .part-item{align-items:center;border-bottom:1px solid #0003;display:flex;padding:1.2rem 6.4rem}#book-detail-wrapper .topic-list .part-item .part-icon{color:#00000080;font-size:2rem;margin-right:2rem}#book-detail-wrapper .topic-list .part-item:hover{background-color:#0000000d}#book-detail-wrapper .topic-list .skill-item{align-items:center;border-bottom:1px solid #0003;display:flex;padding:1.2rem 10rem}#book-detail-wrapper .topic-list .skill-item .skill-icon{color:#000000b3;font-size:2rem;margin-right:2rem}#book-detail-wrapper .topic-list .clicked{background-color:#0000000d}#book-detail-wrapper .topic-list .skill-item.odd{background-color:#fff9c4;background-color:var(--primary-100)}#book-detail-wrapper .topic-list .skill-item.even{background-color:#fffde7;background-color:var(--primary-50)}#book-detail-wrapper .topic-list .skill-item:hover{background-color:#0000001a}@media(min-width:46.25em)and (max-width:73.9375em){#book-detail-wrapper{padding:1.6rem 2rem}}@media(max-width:46.1875em){#book-detail-wrapper{padding:1.6rem 1.2rem}#book-detail-wrapper .book-list{padding:.8rem}#book-detail-wrapper .book-list .Mui-selected .thumbnail-container{margin-left:0;margin-right:0}#book-detail-wrapper .topic-list .topic-item{padding:1.2rem}#book-detail-wrapper .topic-list .topic-item .topic-icon{margin-right:.8rem}#book-detail-wrapper .topic-list .part-item{padding:1.2rem 2.8rem}#book-detail-wrapper .topic-list .part-item .part-icon{margin-right:.8rem}#book-detail-wrapper .topic-list .skill-item{padding:1.2rem 4.4rem}#book-detail-wrapper .topic-list .skill-item .skill-icon{margin-right:.8rem}}#login-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4.8rem}#login-wrapper .form-wrapper{border:1px solid #ccc;display:flex;flex-direction:column;font-size:1.6rem;margin-top:2.8rem;padding:4rem;width:50%}#login-wrapper .form-wrapper .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root,#login-wrapper .form-wrapper .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-size:1.6rem}#login-wrapper .form-wrapper .css-ywtyjy-MuiButtonBase-root-MuiButton-root:hover{background-color:#ffeb3b}#login-wrapper .css-1uvydh2,#login-wrapper .css-1x5jdmq{font-size:1.6rem!important}#login-wrapper .css-1ig1k2d:hover{background-color:#ffeb3b!important}#login-wrapper .alert{font-size:1.4rem;margin-top:2rem;width:100%}#login-wrapper .nsm7Bb-HzV7m-LgbsSe-BPrWId{color:#000;font-size:1.6rem!important}@media(min-width:46.25em)and (max-width:73.9375em){#login-wrapper .form-wrapper{width:70%}}@media(max-width:46.1875em){#login-wrapper{padding:3.2rem 1.2rem}#login-wrapper .form-wrapper{padding:2rem;width:100%}}.css-1t1j96h-MuiPaper-root-MuiDialog-paper{border-radius:8px;padding:40px}.css-uhb5lp{padding:2.8rem!important}#post-card-wrapper .css-1cflnc4-MuiButtonBase-root-MuiCardActionArea-root{justify-content:left}#post-card-wrapper .css-10wcyjc{justify-content:left!important}.post-content td,.post-content th{border:1px solid #000;padding:10px}.post-content table{border-collapse:collapse;border-spacing:10px;padding:0 2em 1em 0}.title-input{font-size:1.6rem}.css-md26zr-MuiInputBase-root-MuiOutlinedInput-root{font-size:1.6rem!important}.file-input{font-size:1.4rem!important}.image-container{background-color:#ccc;height:240px;width:400px}.css-1x5jdmq{font-size:1.6rem!important}@media(max-width:46.1875em){#post-read-client-wrapper{padding:1.6rem!important}}#lesson-exercise-wrapper{min-height:80vh;padding:2.4rem 4rem}#lesson-exercise-wrapper .back-link{color:#000;font-size:1.4rem;text-decoration:none}#lesson-exercise-wrapper .back-link:hover{cursor:pointer;opacity:.8;text-decoration:underline}#lesson-exercise-wrapper .lesson-exercise-container{margin-top:2rem;position:relative}#lesson-exercise-wrapper .lesson-exercise-container .breadcrumb{display:flex;flex-direction:row;overflow:hidden}#lesson-exercise-wrapper .lesson-exercise-container .book-link,#lesson-exercise-wrapper .lesson-exercise-container .topic-link{margin-right:2.2rem}#lesson-exercise-wrapper .lesson-exercise-container .book-link,#lesson-exercise-wrapper .lesson-exercise-container .part-link,#lesson-exercise-wrapper .lesson-exercise-container .topic-link{align-items:center;background-color:#fff;display:flex;height:3.1rem;padding:.4rem .8rem;position:relative}#lesson-exercise-wrapper .lesson-exercise-container .breadcrumb-text{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;overflow:hidden}#lesson-exercise-wrapper .lesson-exercise-container .book-link:after{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:1.5rem 1.8rem;bottom:0;content:"";position:absolute;right:-3.5rem;top:0}#lesson-exercise-wrapper .lesson-exercise-container .topic-link:before{border-color:#fff #0000;border-style:solid;border-width:1.5rem 1.8rem;bottom:0;content:"";left:-1.75rem;position:absolute;top:0}#lesson-exercise-wrapper .lesson-exercise-container .topic-link:after{border-color:#0000 #0000 #0000 #fff;border-style:solid;border-width:1.5rem 1.8rem;bottom:0;content:"";position:absolute;right:-3.5rem;top:0}#lesson-exercise-wrapper .lesson-exercise-container .part-link:before{border-color:#fff #0000;border-style:solid;border-width:1.5rem 1.8rem;bottom:0;content:"";left:-1.75rem;position:absolute;top:0}#lesson-exercise-wrapper .lesson-exercise-container .body{border:1px solid #0003;border-radius:0 0 1rem 1rem;border-top:none;color:#000;display:flex}#lesson-exercise-wrapper .lesson-exercise-container .body .divider{border-color:#0003;height:auto!important}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list{flex:0 0 25%;max-width:25%}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list{cursor:pointer}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list .skill-item{align-items:center;display:flex;padding:1.2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list .skill-item .skill-icon{color:#000000b3;font-size:2rem;margin-right:2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list .skill-item:active{background-color:#0000000d}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .exercise-item{color:#000;font-size:1.4rem;min-width:8.6rem;text-transform:capitalize}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .exercise-item.selected{background-color:#fff9c4;background-color:var(--primary-100);border:1px solid #0000004d}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item{align-items:center;border-bottom:1px solid #0003;display:flex;padding:1.2rem;padding:1.2rem 3.6rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item .lesson-exercise-icon{color:#000000b3;font-size:2rem;margin-right:2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item:hover{background-color:#0000001a}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item.even.selected,#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item.odd.selected{background-color:#fff9c4;background-color:var(--primary-100)}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content{flex:0 0 75%;max-width:75%;overflow-wrap:break-word;padding:2.8rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content .exercise-number{background-color:#ffeb3b;background-color:var(--primary-500);border-radius:.8rem;display:block;margin-bottom:-1.6rem;padding:.6rem 1.2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#lesson-exercise-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#lesson-exercise-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#lesson-exercise-wrapper .submit-btn{width:30%}#lesson-exercise-wrapper .result-wrapper{border:1px solid #0ac7f1;border:1px solid var(--light-blue);border-radius:.8rem;margin-top:5.2rem;padding:2rem}@media(min-width:46.25em)and (max-width:73.9375em){#lesson-exercise-wrapper{padding:1.6rem 2rem}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb{overflow:hidden}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .book-link,#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .part-link,#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .topic-link{height:3rem;max-width:200px;padding:.4rem .8rem}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .book-link:after,#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .topic-link:after{right:-3.4rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item{padding:1.2rem 1.6rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item .lesson-exercise-icon{margin-right:1.2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content .lesson-exercise-content-item .question-1-wrapper .question-1{margin-left:2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content .lesson-exercise-content-item .long-read-question-wrapper{margin-left:0}}@media(max-width:46.1875em){#lesson-exercise-wrapper{font-size:1.35rem;padding:1.6rem 1.2rem}#lesson-exercise-wrapper .lesson-exercise-container .breadcrumb-container{flex-direction:column}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb{align-items:center;display:flex;flex:0 0 78%;flex-direction:column;max-width:78%}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .breadcrumb-link{width:100%}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .book-link{margin-top:.4rem}#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .book-link,#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .part-link,#lesson-exercise-wrapper .lesson-exercise-container .part-name .breadcrumb .topic-link{border-radius:.4rem;margin-bottom:.4rem;margin-right:0;overflow:hidden;padding:.7rem .8rem .4rem;width:100%}#lesson-exercise-wrapper .lesson-exercise-container .body{flex-direction:column}#lesson-exercise-wrapper .lesson-exercise-container .body .divider{display:none}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list{flex:0 0 100%;max-width:100%}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list{border:1px solid #0003;border-bottom:none;border-top:none;cursor:pointer}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .skill-list .skill-icon{color:#000000b3;font-size:2rem;margin-right:2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-list .lesson-exercise-item{padding:1.2rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content{flex:0 0 100%;max-width:100%;padding:1.6rem 1.2rem .8rem .8rem}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content .audio-wrapper{width:100%}#lesson-exercise-wrapper .lesson-exercise-container .body .lesson-exercise-content .audio-wrapper .audio{width:100%!important}}#choose1-wrapper{display:flex;flex-direction:column;margin:4rem auto auto;width:80%}#choose1-wrapper .grid-item{border:1px solid #0000004d;display:flex;padding:.8rem .8rem .4rem;position:relative}#choose1-wrapper .grid-item .ordinal-number{position:absolute}#choose1-wrapper .grid-item .ordinal-number.not-choose{color:red}#choose1-wrapper .grid-item .audio{align-items:center;display:flex;flex:0 0 40%;justify-content:center;max-width:40%}#choose1-wrapper .grid-item .audio .speaker.clicked{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}#choose1-wrapper .grid-item .option-list{flex:0 0 60%;max-width:60%}#choose1-wrapper .grid-item .option-list .option-item{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border:2px solid #7fa356;border-radius:.8rem;cursor:pointer;display:flex;flex-direction:column;margin-bottom:.4rem;padding:.4rem;text-align:center}#choose1-wrapper .grid-item .option-list .option-item.clicked{background-image:linear-gradient(#fff,#09aaef 100%)}#choose1-wrapper .grid-item .option-list .option-item.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#choose1-wrapper .grid-item .option-list .option-item.false{background-image:linear-gradient(#fff,red 100%)}#choose1-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#choose1-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#choose1-wrapper .submit-btn{margin:0 12px;width:100%}}.audio{width:80%}@media(max-width:73.9375em){.audio{width:100%}}#choose-image-wrapper{padding:4rem 2rem 2rem;width:80%}#choose-image-wrapper .item{align-items:center;border:1px solid #0000004d;cursor:pointer;display:flex;height:12rem;justify-content:center;padding:.4rem;width:10rem}#choose-image-wrapper .item .image{max-height:10rem;max-width:10rem}#choose-image-wrapper .item .audio.clicked{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}#choose-image-wrapper .item.not-choose{background-color:#fff9c4;background-color:var(--primary-100)}#choose-image-wrapper .item.clicked{background-color:#c2eaf1}#choose-image-wrapper .item.true{background-color:#09ef71;background-color:var(--light-green)}#choose-image-wrapper .item.false{background-color:red}#choose-image-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#choose-image-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#choose-image-wrapper{margin-left:0;padding:2rem 0 0;width:100%}#choose-image-wrapper .item .audio{font-size:4.8rem}#choose-image-wrapper .submit-btn{margin:0 12px;width:100%}}#combobox1-wrapper .question{align-items:center;display:flex;flex-wrap:wrap;margin-top:1.6rem;position:relative}#combobox1-wrapper .question .subtitle{font-size:1.2rem;line-height:.8rem;position:absolute;top:-.6rem}#combobox1-wrapper .question .css-qiwgdb{padding:1.2rem}#combobox1-wrapper .question .combo-box{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border-radius:.4rem;margin-left:4rem;margin-right:2rem;width:30%}#combobox1-wrapper .question .combo-box .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:1rem}#combobox1-wrapper .question .combo-box.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#combobox1-wrapper .question .combo-box.false{background-image:linear-gradient(#fff,red 100%)}#combobox1-wrapper .question .image{max-height:80px;max-width:80px}#combobox1-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#combobox1-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#combobox1-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#combobox1-wrapper .question .combo-box{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border-radius:.4rem;width:13rem}#combobox1-wrapper .question .combo-box .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{font-size:1.35rem;padding:.6rem}#combobox1-wrapper .submit-btn{margin:0 12px;width:100%}}#true-false-wrapper{padding:4rem 2rem 2rem;width:80%}#true-false-wrapper .true-false-text-wrapper{display:flex;justify-content:flex-end}#true-false-wrapper .true-false-text-wrapper .true-false-text{display:flex;justify-content:space-between;margin-right:1.2rem;text-align:end;width:18%}#true-false-wrapper .question{align-items:center;border:1px solid #0009;border-radius:3rem;display:flex;margin-bottom:1.2rem;min-height:6.8rem;padding-left:1.2rem;padding-right:2rem;position:relative}#true-false-wrapper .question .image{margin-left:-1.2rem;position:absolute}#true-false-wrapper .question .image .image-item{max-height:8rem;max-width:8rem}#true-false-wrapper .question .content{margin-left:8.4rem;width:60%!important}#true-false-wrapper .question .answer{display:none;font-size:3rem;left:101%;position:absolute;top:10%}#true-false-wrapper .question .answer.false{color:red;display:block}#true-false-wrapper .question .answer.true{color:#9de82b;display:block}#true-false-wrapper .question .box-wrapper{display:flex;justify-content:space-between;position:absolute;right:1.2rem;width:17%}#true-false-wrapper .question .box-wrapper .true-box{background-color:#d8e4be;border:1px solid #0009;border-radius:50%;cursor:pointer;height:2.6rem;width:2.6rem}#true-false-wrapper .question .box-wrapper .true-box.clicked{background-color:#adff2f;position:relative}#true-false-wrapper .question .box-wrapper .true-box.clicked:after{color:#000;content:"✔";font-size:1.6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-wrapper .question .box-wrapper .false-box{background-color:#e6b8b8;border:1px solid #0009;border-radius:50%;cursor:pointer;height:2.6rem;width:2.6rem}#true-false-wrapper .question .box-wrapper .false-box.clicked{background-color:red;position:relative}#true-false-wrapper .question .box-wrapper .false-box.clicked:after{color:#000;content:"✔";font-size:1.6rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#true-false-wrapper .button .check-btn{background-color:var(--primary-600);color:#000;font-size:1.6rem}#true-false-wrapper .submit-btn{width:30%}@media(min-width:46.25em)and (max-width:73.9375em){#true-false-wrapper{width:100%!important}}@media(max-width:46.1875em){#true-false-wrapper{margin-left:0!important;padding:4rem 0 0;width:100%!important}#true-false-wrapper .true-false-text-wrapper .true-false-text .true-text{margin-right:.8rem}#true-false-wrapper .question .image .image-item{max-height:6rem;max-width:6rem}#true-false-wrapper .question .content{margin-left:5.6rem;width:65%!important}#true-false-wrapper .submit-btn{margin:0 12px;width:100%}}#drag-to-drop-wrapper{padding:4rem 2rem 2rem}#drag-to-drop-wrapper .option-list{align-items:center;border:1px solid #0b12a580;border-radius:.4rem;display:flex;flex-wrap:wrap;font-style:italic;gap:.8rem;justify-content:space-evenly;min-height:4rem;padding:1.2rem}#drag-to-drop-wrapper .option-list .option-item-wrapper{cursor:pointer}#drag-to-drop-wrapper .question{align-items:end;align-items:center;display:flex;margin-top:4rem;position:relative}#drag-to-drop-wrapper .question .subtitle{font-size:1.2rem;left:3.2rem;line-height:1.3rem;position:absolute;top:.4rem}#drag-to-drop-wrapper .question .question-content{align-items:center;display:flex;flex-wrap:wrap}#drag-to-drop-wrapper .question .question-content .box{align-items:center;border-bottom:1px solid #0b12a580;color:#0b12a5;cursor:pointer;display:flex;font-weight:700;height:4.8rem;justify-content:center;margin-left:2rem;margin-right:2rem;min-width:16rem}#drag-to-drop-wrapper .question .question-content .box.true{background-image:linear-gradient(#fff,#09ef71 100%)!important;background-image:linear-gradient(#fff,var(--light-green) 100%)!important}#drag-to-drop-wrapper .question .question-content .box.false{background-image:linear-gradient(#fff,red 100%)!important}#drag-to-drop-wrapper .question .image{max-height:80px;max-width:80px}#drag-to-drop-wrapper .option-item{border:1px solid #0b12a5;border-radius:.4rem;font-style:normal;padding:.4rem 2rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#drag-to-drop-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#drag-to-drop-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#drag-to-drop-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#drag-to-drop-wrapper{padding:2rem 1rem 1rem}#drag-to-drop-wrapper .question{margin-top:3.2rem!important}#drag-to-drop-wrapper .question .subtitle{top:.4rem}#drag-to-drop-wrapper .question .question-content{margin-top:1.2rem}#drag-to-drop-wrapper .question .image{display:none}#drag-to-drop-wrapper .answer-wrapper{margin-left:0!important}#drag-to-drop-wrapper .box{height:3.6rem!important;min-width:12rem!important}#drag-to-drop-wrapper .submit-btn{margin:0 12px;width:100%}}#fill-in-blanks-conversation-wrapper{margin-top:4rem}#fill-in-blanks-conversation-wrapper .content-wrapper{align-items:center;display:flex;margin-bottom:.8rem}#fill-in-blanks-conversation-wrapper .content-wrapper .character{max-height:10rem;max-width:10rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box{align-content:center;border-radius:1rem;display:flex;flex-wrap:wrap;max-width:70%;min-height:6rem;padding:1.2rem 1.2rem 0;position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box .subtitle{position:absolute;top:.8rem;z-index:10}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box .content-item{align-items:center;display:flex;flex-wrap:wrap;line-height:4rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box .content-item .input{border:none;border-radius:.4rem;font-size:1.6rem;margin-left:.8rem;margin-right:.8rem;max-width:10rem;padding:.4rem;position:relative;z-index:10}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box .content-item .input.true{border:2px solid #09ef71!important;border:2px solid var(--light-green)!important}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box .content-item .input.false{border:2px solid red!important}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.odd{background-color:#b6effb;margin-left:4rem;margin-right:auto}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.odd:after{border-color:#0000 #0000 #b6effb;border-style:solid;border-width:20px 50px;bottom:4px;content:"";left:-27px;position:absolute;transform:translateY(-60%) translateX(-10%) rotate(-15deg);z-index:0}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.even{background-color:#f9c0fa;margin-left:auto;margin-right:4rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.even:after{border-color:#f9c0fa #0000 #0000;border-style:solid;border-width:20px 50px;bottom:4px;content:"";position:absolute;right:-27px;transform:translateY(35%) translateX(10%) rotate(-10deg);z-index:0}#fill-in-blanks-conversation-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#fill-in-blanks-conversation-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#fill-in-blanks-conversation-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#fill-in-blanks-conversation-wrapper .content-wrapper .character{max-height:8rem;max-width:8rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box{max-width:100%!important}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.odd{margin-left:.8rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.odd:after{border-width:10px 25px;transform:translateY(-60%) translateX(10%) rotate(-15deg)}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.even{margin-right:1.2rem}#fill-in-blanks-conversation-wrapper .content-wrapper .chat-box.even:after{border-width:10px 25px;transform:translateY(35%) translateX(-10%) rotate(-10deg)}#fill-in-blanks-conversation-wrapper .submit-btn{width:30%}}#new-words-wrapper{padding:0 2rem 2rem}#new-words-wrapper .word-item{background-color:#fff;border:1px solid #b45b0d;margin:.4rem;padding:1.2rem;position:relative}#new-words-wrapper .word-item .speaker-wrapper{background-color:#b45b0d;border:1px solid #b45b0d;border-radius:50%;padding:.2rem;position:absolute;right:.4rem;top:.4rem;z-index:10}#new-words-wrapper .word-item .speaker-wrapper .speaker.clicked{animation:pulse-new-words 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse-new-words{0%,to{opacity:1}50%{opacity:.5}}#new-words-wrapper .word-item .image{max-height:7.6rem;max-width:7.6rem;position:absolute;right:1.2rem;top:3.8rem;z-index:9}@media(max-width:46.1875em){#new-words-wrapper .word-item .image{max-height:6rem;max-width:6rem}}#choose-multiple-wrapper .word-item{background-color:#d4e6f5;border-radius:1rem;display:flex;height:12rem;justify-content:space-evenly;margin:.8rem;padding:1.2rem 1.2rem 1.2rem 3.2rem}#choose-multiple-wrapper .word-item .checkbox{align-items:center;background-color:#fff;border-radius:50%;color:#068cfa;display:flex;height:4rem;justify-content:center;margin-right:1.2rem;width:4rem}#choose-multiple-wrapper .word-item .text-wrapper{display:flex;flex:0 0 40%;flex-direction:column;justify-content:center;max-width:40%}#choose-multiple-wrapper .word-item .text-wrapper .pinyin{display:block;font-size:1.2rem}#choose-multiple-wrapper .word-item .text-wrapper .text{display:block;margin-top:-2.8rem}#choose-multiple-wrapper .word-item .text-wrapper .meaning{margin-top:.4rem}#choose-multiple-wrapper .word-item .image-wrapper{flex:0 0 40%;max-width:40%;z-index:9}#choose-multiple-wrapper .word-item .image-wrapper .image{max-height:100px;max-width:100px}#choose-multiple-wrapper .word-item.false,#choose-multiple-wrapper .word-item.true{background-color:#bbdefb}#choose-multiple-wrapper .word-item.false{border:2px solid red}#choose-multiple-wrapper .word-item.true{border:2px solid #09ef71;border:2px solid var(--light-green)}#choose-multiple-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#choose-multiple-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#choose-multiple-wrapper .word-item .text-wrapper .pinyin{margin-bottom:.8rem}#choose-multiple-wrapper .word-item .image-wrapper .image{max-height:8rem;max-width:8rem}#choose-multiple-wrapper .submit-btn{margin:0 12px;width:100%}}.listen-and-read-wrapper .question-1-wrapper{display:flex}.listen-and-read-wrapper .long-read-question-wrapper,.listen-and-read-wrapper .question-1-wrapper .question-1{margin-left:8rem}@media(min-width:46.25em)and (max-width:73.9375em){.listen-and-read-wrapper .question-1-wrapper .question-1{margin-left:2rem}}@media(max-width:46.1875em){.listen-and-read-wrapper .audio-wrapper{width:100%}.listen-and-read-wrapper .audio-wrapper .audio{width:100%!important}.listen-and-read-wrapper .question-1-wrapper .question-1{margin-left:-.8rem}.listen-and-read-wrapper .long-read-question-wrapper{margin-left:0}}.choose-wrapper{display:flex;flex-direction:column;width:100%}.choose-wrapper .question-3-wrapper{display:flex}.choose-wrapper .question-3-wrapper .question-3 .question-key.true{color:red;font-style:italic}.choose-wrapper .button{display:flex;justify-content:center;margin-top:4rem}.choose-wrapper .submit-btn{width:30%}@media(min-width:80em)and (max-width:90em){.choose-wrapper .question-3-wrapper .question-3{margin-left:0}}@media(max-width:46.1875em){.choose-wrapper .question-3-wrapper .question-3{margin-left:0}.choose-wrapper .question-3-wrapper .question-3 .radio-btn{margin-right:0}.choose-wrapper .submit-btn{margin:0 12px;width:100%}}.match-wrapper{display:flex;flex-direction:column}.match-wrapper .css-1eed5fa-MuiInputBase-root-MuiInput-root:after,.match-wrapper .css-jcincl:after{border-bottom:2px solid #f57f17;border-bottom:2px solid var(--primary-900)}.match-wrapper .css-mnn31{font-size:1.6rem;padding:0}.match-wrapper .css-1x51dt5-MuiInputBase-input-MuiInput-input{font-size:1.6rem;margin-top:.05rem;padding:0}.match-wrapper .question-4-wrapper{display:flex}.match-wrapper .question-4-wrapper .question-4{margin-left:2.8rem}.match-wrapper .question-4-wrapper .question-4 .question-key.false{color:red;font-style:italic}.match-wrapper .question-4-wrapper .question-4 .question-key.true{color:#09ef71;color:var(--light-green);font-weight:700}.match-wrapper .button{display:flex;justify-content:center;margin-top:4rem}.match-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){.match-wrapper .question-4-wrapper .question-4{margin-left:2.4rem}.match-wrapper .question-4-wrapper .question-4 .content-column-1{margin-top:0}.match-wrapper .question-4-wrapper .question-4 .content-column-2{margin:0 4rem 0 -2rem}.match-wrapper .question-4-wrapper .question-4 .content-column-3{margin-top:0}.match-wrapper .submit-btn{margin:0 12px;width:100%}}.fill-in-blanks-wrapper{display:flex;flex-direction:column}.fill-in-blanks-wrapper .css-1eed5fa-MuiInputBase-root-MuiInput-root:after,.fill-in-blanks-wrapper .css-jcincl:after{border-bottom:2px solid #f57f17;border-bottom:2px solid var(--primary-900)}.fill-in-blanks-wrapper .css-mnn31{font-size:1.6rem;padding:0;text-align:center}.fill-in-blanks-wrapper .css-1x51dt5-MuiInputBase-input-MuiInput-input{font-size:1.6rem;margin-top:.05rem;padding:0;text-align:center}.fill-in-blanks-wrapper .textfield.true .css-1eed5fa-MuiInputBase-root-MuiInput-root{color:#09ef71;color:var(--light-green);font-weight:500}.fill-in-blanks-wrapper .textfield.false .css-1eed5fa-MuiInputBase-root-MuiInput-root{color:red}.fill-in-blanks-wrapper .question-5-wrapper{margin-top:2rem}.fill-in-blanks-wrapper .question-5-wrapper .question-5{display:flex}.fill-in-blanks-wrapper .button{display:flex;justify-content:center;margin-top:4rem}.fill-in-blanks-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){.fill-in-blanks-wrapper .question-5-wrapper{margin-top:0}.fill-in-blanks-wrapper .question-5-wrapper .question-5{margin-left:-1.2rem;margin-right:1.2rem}.fill-in-blanks-wrapper .submit-btn{margin:0 12px;width:100%}}.fill-in-number-wrapper{display:flex;flex-direction:column}.fill-in-number-wrapper .css-1eed5fa-MuiInputBase-root-MuiInput-root:after{border-bottom:2px solid #f57f17;border-bottom:2px solid var(--primary-900)}.fill-in-number-wrapper .css-1eed5fa-MuiInputBase-root-MuiInput-root{color:inherit}.fill-in-number-wrapper .css-jcincl:after{border-bottom:2px solid #f57f17;border-bottom:2px solid var(--primary-900)}.fill-in-number-wrapper .css-jcincl{color:inherit}.fill-in-number-wrapper .css-mnn31{font-size:1.6rem;padding:0;text-align:center}.fill-in-number-wrapper .css-1x51dt5-MuiInputBase-input-MuiInput-input{font-size:1.6rem;margin-top:.05rem;padding:0;text-align:center}.fill-in-number-wrapper .question-7-wrapper{margin-top:1.2rem}.fill-in-number-wrapper .question-7-wrapper .question-key{background-color:#ffeb3b;background-color:var(--primary-500);border-radius:.4rem;padding:.6rem .6rem 0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.fill-in-number-wrapper .question-7-wrapper .question-key.false{background-color:red}.fill-in-number-wrapper .question-7-wrapper .question-key.true{background-color:#09ef71;background-color:var(--light-green)}.fill-in-number-wrapper .textfield-word.true .css-1eed5fa-MuiInputBase-root-MuiInput-root{color:#09ef71;color:var(--light-green);font-weight:500}.fill-in-number-wrapper .textfield-word.false .css-1eed5fa-MuiInputBase-root-MuiInput-root{color:red}.fill-in-number-wrapper .button{display:flex;justify-content:center;margin-top:4rem}.fill-in-number-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){.fill-in-number-wrapper .submit-btn{margin:0 12px;width:100%}}#fill-in-tones-wrapper{margin-top:2.8rem}#fill-in-tones-wrapper .audio-wrapper{margin-bottom:2rem}#fill-in-tones-wrapper .option-list{align-items:center;background-color:#bce5fb;border-radius:.4rem;display:flex;flex-wrap:wrap;font-style:italic;justify-content:space-evenly;min-height:4rem;padding:.8rem .4rem .4rem}#fill-in-tones-wrapper .option-list .option-item-wrapper{cursor:pointer;margin-bottom:.4rem;margin-right:.2rem;min-height:4rem}#fill-in-tones-wrapper .question{align-items:center;display:flex;justify-content:center;margin-top:3.2rem}#fill-in-tones-wrapper .question .box{border-bottom:2px solid #98bad5;cursor:pointer;height:4rem;padding:0 10px 50px;width:10rem}#fill-in-tones-wrapper .question .box.false{border-color:red}#fill-in-tones-wrapper .question .box.true{border-color:#09ef71;border-color:var(--light-green)}#fill-in-tones-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#fill-in-tones-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#fill-in-tones-wrapper .submit-btn{margin:0 12px;width:100%}}.same-or-not-wrapper{display:flex;flex-direction:column}.same-or-not-wrapper .exercise-same-or-not{margin-left:2rem;margin-top:1.6rem}.same-or-not-wrapper .exercise-same-or-not .same-or-not-question{display:flex;margin-bottom:.8rem}.same-or-not-wrapper .exercise-same-or-not .same-or-not-question .question-key{align-items:center;display:flex}.same-or-not-wrapper .exercise-same-or-not .same-or-not-question .question-key .checkbox{height:1.6rem;margin-right:.8rem;width:1.6rem}.same-or-not-wrapper .exercise-same-or-not .same-or-not-question .question-key.false{color:red;font-style:italic}.same-or-not-wrapper .exercise-same-or-not .same-or-not-question .question-key.true{color:#09ef71;color:var(--light-green);font-style:italic;font-weight:600}.same-or-not-wrapper .button{display:flex;justify-content:center;margin-top:4rem}.same-or-not-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){.same-or-not-wrapper .submit-btn{margin:0 12px;width:100%}}#true-false-2-wrapper{padding:2rem}#true-false-2-wrapper .true-false-text-wrapper{display:flex;justify-content:flex-end}#true-false-2-wrapper .true-false-text-wrapper .true-false-text{display:flex;justify-content:space-between;padding:0 1.2rem;text-align:end;width:18%}#true-false-2-wrapper .table-container{border:1px solid #000;border-collapse:collapse;width:100%}#true-false-2-wrapper .table-container td,#true-false-2-wrapper .table-container tr{border:1px solid #000}#true-false-2-wrapper .question{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative}#true-false-2-wrapper .question .answer{border:none;display:none;font-size:3rem;position:absolute;top:50%;transform:translateY(-50%)}#true-false-2-wrapper .question .answer.false{color:red;display:block}#true-false-2-wrapper .question .answer.true{color:#09ef71;color:var(--light-green);display:block}#true-false-2-wrapper .question .ordinal-number{text-align:center;width:6%}#true-false-2-wrapper .question .image{border:none;padding:1.2rem}#true-false-2-wrapper .question .image .image-item{max-height:18rem;max-width:18rem}#true-false-2-wrapper .question .content{padding:1.6rem}#true-false-2-wrapper .question .box-wrapper{align-items:center;border:none;height:100%;padding:1.2rem;width:18%}#true-false-2-wrapper .question .box-wrapper .true-box{background-color:#09ef71;background-color:var(--light-green);border-radius:50%;cursor:pointer;height:3.6rem;width:3.6rem}#true-false-2-wrapper .question .box-wrapper .true-box.clicked{background-color:#09ef71;background-color:var(--light-green);position:relative}#true-false-2-wrapper .question .box-wrapper .true-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-2-wrapper .question .box-wrapper .false-box{background-color:red;border-radius:50%;cursor:pointer;height:3.6rem;width:3.6rem}#true-false-2-wrapper .question .box-wrapper .false-box.clicked{background-color:red;position:relative}#true-false-2-wrapper .question .box-wrapper .false-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-2-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#true-false-2-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#true-false-2-wrapper .submit-btn{width:30%}@media(min-width:46.25em)and (max-width:73.9375em){#true-false-2-wrapper{padding:0;width:100%!important}#true-false-2-wrapper .true-false-text-wrapper{padding:0 .4rem}#true-false-2-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-2-wrapper .question .image .image-item{max-height:14rem;max-width:14rem}#true-false-2-wrapper .box-wrapper{padding:.8rem!important;width:22%!important}}@media(max-width:46.1875em){#true-false-2-wrapper{margin-left:0!important;padding:4rem 0 0;width:100%!important}#true-false-2-wrapper .true-false-text-wrapper{margin-right:-.4rem}#true-false-2-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-2-wrapper .question .answer{font-size:2.5rem;transform:translateY(0)}#true-false-2-wrapper .question .image{padding:.4rem}#true-false-2-wrapper .question .image .image-item{max-height:10rem;max-width:10rem}#true-false-2-wrapper .box-wrapper{padding:.4rem!important;width:20%!important}#true-false-2-wrapper .box-wrapper .false-box,#true-false-2-wrapper .box-wrapper .true-box{height:2.4rem!important;width:2.4rem!important}#true-false-2-wrapper .box-wrapper .false-box.clicked:after,#true-false-2-wrapper .box-wrapper .false-box.false:after,#true-false-2-wrapper .box-wrapper .false-box.true:after,#true-false-2-wrapper .box-wrapper .true-box.clicked:after,#true-false-2-wrapper .box-wrapper .true-box.false:after,#true-false-2-wrapper .box-wrapper .true-box.true:after{font-size:1.8rem!important}#true-false-2-wrapper .submit-btn{margin:0 12px;width:100%}}#true-false-3-wrapper{padding:2rem}#true-false-3-wrapper .true-false-text-wrapper{display:flex;justify-content:flex-end}#true-false-3-wrapper .true-false-text-wrapper .true-false-text{display:flex;justify-content:space-between;padding:0 1.2rem;text-align:end;width:18%}#true-false-3-wrapper .table-container{border:1px solid #000;border-collapse:collapse;width:100%}#true-false-3-wrapper .table-container td,#true-false-3-wrapper .table-container tr{border:1px solid #000}#true-false-3-wrapper .question{height:14rem;position:relative}#true-false-3-wrapper .question .answer{border:none;display:none;font-size:3rem;left:101%;position:absolute;top:30%}#true-false-3-wrapper .question .answer.false{color:red;display:block}#true-false-3-wrapper .question .answer.true{color:#09ef71;color:var(--light-green);display:block}#true-false-3-wrapper .question .ordinal-number{text-align:center;width:6%}#true-false-3-wrapper .question .clause{padding:.8rem;width:44%}#true-false-3-wrapper .question .content{padding:1.6rem}#true-false-3-wrapper .question .box-wrapper{align-items:center;border:none;height:100%;padding:1.2rem;width:18%}#true-false-3-wrapper .question .box-wrapper .true-box{background-color:#09ef71;background-color:var(--light-green);border-radius:50%;cursor:pointer;height:3.6rem;width:3.6rem}#true-false-3-wrapper .question .box-wrapper .true-box.clicked{background-color:#09ef71;background-color:var(--light-green);position:relative}#true-false-3-wrapper .question .box-wrapper .true-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-3-wrapper .question .box-wrapper .false-box{background-color:#f53217;border-radius:50%;cursor:pointer;height:3.6rem;width:3.6rem}#true-false-3-wrapper .question .box-wrapper .false-box.clicked{background-color:#f53217;position:relative}#true-false-3-wrapper .question .box-wrapper .false-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-3-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#true-false-3-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#true-false-3-wrapper .submit-btn{width:30%}@media(min-width:46.25em)and (max-width:73.9375em){#true-false-3-wrapper{padding:0;width:100%!important}#true-false-3-wrapper .true-false-text-wrapper{padding:0 .4rem}#true-false-3-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-3-wrapper .box-wrapper{padding:.8rem!important;width:22%!important}}@media(max-width:46.1875em){#true-false-3-wrapper{margin-left:0!important;padding:4rem 0 0;width:100%!important}#true-false-3-wrapper .true-false-text-wrapper{margin-right:-.4rem}#true-false-3-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-3-wrapper .question .answer{font-size:2.5rem;left:98%;top:60%}#true-false-3-wrapper .question .content{margin-left:5.6rem;padding:.8rem;width:40%!important}#true-false-3-wrapper .box-wrapper{padding:.4rem!important;width:20%!important}#true-false-3-wrapper .box-wrapper .false-box,#true-false-3-wrapper .box-wrapper .true-box{height:2.4rem!important;width:2.4rem!important}#true-false-3-wrapper .box-wrapper .false-box.clicked:after,#true-false-3-wrapper .box-wrapper .false-box.false:after,#true-false-3-wrapper .box-wrapper .false-box.true:after,#true-false-3-wrapper .box-wrapper .true-box.clicked:after,#true-false-3-wrapper .box-wrapper .true-box.false:after,#true-false-3-wrapper .box-wrapper .true-box.true:after{font-size:1.8rem!important}#true-false-3-wrapper .submit-btn{margin:0 12px;width:100%}}#true-false-4-wrapper{padding:2rem}#true-false-4-wrapper .true-false-text-wrapper{display:flex;justify-content:flex-end}#true-false-4-wrapper .true-false-text-wrapper .true-false-text{display:flex;justify-content:space-between;padding:0 1.2rem;text-align:end;width:18%}#true-false-4-wrapper .table-container{border-collapse:initial;border-spacing:0 4rem;width:100%}#true-false-4-wrapper .question{height:14rem;padding-bottom:4rem;position:relative}#true-false-4-wrapper .question .answer{border:none;display:none;font-size:3rem;position:absolute;top:50%;transform:translateY(-50%)}#true-false-4-wrapper .question .answer.false{color:red;display:block}#true-false-4-wrapper .question .answer.true{color:#09ef71;color:var(--light-green);display:block}#true-false-4-wrapper .question .ordinal-number{text-align:center;width:6%}#true-false-4-wrapper .question .image{padding:.8rem;position:relative}#true-false-4-wrapper .question .image .image-item{max-height:28rem;max-width:28rem}#true-false-4-wrapper .question .content{left:.8rem;position:absolute}#true-false-4-wrapper .question .box-wrapper{align-items:center;border:none;height:100%;padding:1.2rem;width:18%}#true-false-4-wrapper .question .box-wrapper .true-box{background-color:#09ef71;background-color:var(--light-green);border-radius:50%;cursor:pointer;height:3.6rem;margin-right:3.2rem;width:3.6rem}#true-false-4-wrapper .question .box-wrapper .true-box.clicked{background-color:#09ef71;background-color:var(--light-green);position:relative}#true-false-4-wrapper .question .box-wrapper .true-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-4-wrapper .question .box-wrapper .false-box{background-color:red;border-radius:50%;cursor:pointer;height:3.6rem;width:3.6rem}#true-false-4-wrapper .question .box-wrapper .false-box.clicked{background-color:red;position:relative}#true-false-4-wrapper .question .box-wrapper .false-box.clicked:after{color:#fff;content:"✔";font-size:2.6rem;font-weight:900;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}#true-false-4-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#true-false-4-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#true-false-4-wrapper .submit-btn{width:30%}@media(min-width:46.25em)and (max-width:73.9375em){#true-false-4-wrapper{padding:0;width:100%!important}#true-false-4-wrapper .true-false-text-wrapper{padding:0 .4rem}#true-false-4-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-4-wrapper .question .image .image-item{max-height:24rem;max-width:24rem}#true-false-4-wrapper .box-wrapper{padding:.8rem!important;width:22%!important}}@media(max-width:46.1875em){#true-false-4-wrapper{margin-left:0!important;padding:4rem 0 0;width:100%!important}#true-false-4-wrapper .true-false-text-wrapper{margin-right:-.4rem}#true-false-4-wrapper .true-false-text-wrapper .true-false-text{padding:0;width:22%}#true-false-4-wrapper .question .answer{font-size:2.5rem;transform:translateY(0)}#true-false-4-wrapper .question .image{padding:.4rem}#true-false-4-wrapper .question .image .image-item{max-height:18rem;max-width:18rem}#true-false-4-wrapper .box-wrapper{padding:.4rem!important;width:20%!important}#true-false-4-wrapper .box-wrapper .false-box,#true-false-4-wrapper .box-wrapper .true-box{height:2.4rem!important;width:2.4rem!important}#true-false-4-wrapper .box-wrapper .true-box{margin-right:2rem!important}#true-false-4-wrapper .box-wrapper .false-box.clicked:after,#true-false-4-wrapper .box-wrapper .false-box.false:after,#true-false-4-wrapper .box-wrapper .false-box.true:after,#true-false-4-wrapper .box-wrapper .true-box.clicked:after,#true-false-4-wrapper .box-wrapper .true-box.false:after,#true-false-4-wrapper .box-wrapper .true-box.true:after{font-size:1.8rem!important}#true-false-4-wrapper .submit-btn{margin:0 12px;width:100%}}#combobox2-wrapper{padding:2rem}#combobox2-wrapper .question{align-items:center;justify-content:space-between;margin-top:1.6rem;position:relative}#combobox2-wrapper .question .subtitle{font-size:1.2rem;line-height:.8rem;position:absolute;top:-.8rem}#combobox2-wrapper .question .css-qiwgdb{padding:1.2rem}#combobox2-wrapper .question .combo-box{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border-radius:.4rem;margin-left:5rem;min-width:10rem}#combobox2-wrapper .question .combo-box .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:1.2rem}#combobox2-wrapper .question .combo-box.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#combobox2-wrapper .question .combo-box.false{background-image:linear-gradient(#fff,red 100%)}#combobox2-wrapper .question .image{max-height:80px;max-width:80px}#combobox2-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#combobox2-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#combobox2-wrapper .submit-btn{width:30%}.image-list .image-answer{object-fit:contain;vertical-align:middle;width:100%}@media(max-width:46.1875em){.image-list{padding:0!important}.image-list .image-answer{height:11rem}}@media(min-width:46.25em)and (max-width:73.9375em){.image-list .image-answer{height:13rem}}@media(max-width:46.1875em){#combobox2-wrapper{padding:0!important}#combobox2-wrapper .submit-btn{margin:0 12px;width:100%}}.combobox3-answer-list{align-items:center;display:flex;flex-direction:row;width:100%}.combobox3-question-wrapper{padding:4rem 2rem 0;width:100%}#combobox3-wrapper{padding:4rem 2rem 2rem}#combobox3-wrapper .question{align-items:center;justify-content:space-between;margin-top:1.6rem;position:relative}#combobox3-wrapper .question .subtitle{font-size:1.2rem;line-height:.8rem;position:absolute;top:-.8rem}#combobox3-wrapper .question .css-qiwgdb{padding:1.2rem}#combobox3-wrapper .question .combo-box{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border-radius:.4rem;margin-left:5rem;min-width:10rem}#combobox3-wrapper .question .combo-box .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:1.2rem}#combobox3-wrapper .question .combo-box.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#combobox3-wrapper .question .combo-box.false{background-image:linear-gradient(#fff,red 100%)}#combobox3-wrapper .question .image{max-height:80px;max-width:80px}#combobox3-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#combobox3-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#combobox3-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#combobox3-wrapper,.combobox3-question-wrapper{padding:0!important}#combobox3-wrapper .combo-box{min-width:8rem!important}#combobox3-wrapper .submit-btn{margin:0 12px;width:100%}}#combobox4-wrapper{padding:4rem 2rem 2rem}#combobox4-wrapper .question{align-items:flex-start;justify-content:space-between;position:relative;width:100%}#combobox4-wrapper .question .subtitle{font-size:1.2rem;line-height:.8rem;position:absolute;top:-.8rem}#combobox4-wrapper .question .css-qiwgdb{padding:1.2rem}#combobox4-wrapper .question .combo-box{background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border-radius:.4rem;width:24rem}#combobox4-wrapper .question .combo-box .css-11u53oe-MuiSelect-select-MuiInputBase-input-MuiOutlinedInput-input{padding:1.2rem}#combobox4-wrapper .question .combo-box.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#combobox4-wrapper .question .combo-box.false{background-image:linear-gradient(#fff,red 100%)}#combobox4-wrapper .question .image{max-height:80px;max-width:80px}#combobox4-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#combobox4-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#combobox4-wrapper .submit-btn{width:30%}.image-answer{height:16rem;object-fit:contain;width:auto}@media(min-width:46.25em)and (max-width:73.9375em){.image-answer{height:10rem;object-fit:contain;width:13rem}#combobox4-wrapper .question .combo-box{width:18rem!important}}@media(max-width:46.1875em){.image-answer{height:8rem;width:12rem}#combobox4-wrapper{padding:0!important}#combobox4-wrapper .question .combo-box{width:10rem!important}#combobox4-wrapper .submit-btn{margin:0 12px;width:100%}}#choose2-wrapper{display:flex;flex-direction:column;margin:1rem auto auto;padding:3.2rem 2rem 2rem;width:100%}#choose2-wrapper .grid-item{display:flex;margin-bottom:5.2rem;padding:.4rem .4rem 0;position:relative}#choose2-wrapper .grid-item .ordinal-number{position:absolute}#choose2-wrapper .grid-item .ordinal-number.not-choose{color:red}#choose2-wrapper .grid-item .audio{align-items:center;display:flex;flex:0 0 40%;justify-content:center;max-width:40%}#choose2-wrapper .grid-item .audio .speaker.clicked{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}#choose2-wrapper .grid-item .option-list{width:100%}#choose2-wrapper .grid-item .option-list .option-item{align-items:center;background-image:linear-gradient(#fff 10%,#c2eaf1 60%);border:2px solid #7fa356;border-radius:.8rem;cursor:pointer;display:flex;justify-content:center;padding:1rem .4rem;text-align:center}#choose2-wrapper .grid-item .option-list .option-item.clicked{background-image:linear-gradient(#fff,#09aaef 100%)}#choose2-wrapper .grid-item .option-list .option-item.true{background-image:linear-gradient(#fff,#09ef71 100%);background-image:linear-gradient(#fff,var(--light-green) 100%)}#choose2-wrapper .grid-item .option-list .option-item.false{background-image:linear-gradient(#fff,red 100%)}#choose2-wrapper .button{display:flex;justify-content:center;margin-top:2rem}#choose2-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#choose2-wrapper{padding:0}#choose2-wrapper .submit-btn{margin:0 12px;width:100%}}#group-wrapper{margin-top:2.4rem;padding:2rem;width:80%}#group-wrapper .group-container{background-color:#bce5fb;border-radius:.4rem;padding:2rem}#group-wrapper .option-list-table{background-color:"#fff"}#group-wrapper .option-list-table th{font-size:2rem!important}#group-wrapper .option-list-table .option-item{display:flex;font-size:2rem!important}#group-wrapper .option-list-table .box,#group-wrapper .option-list-table .option-item{align-items:center;cursor:pointer;font-weight:700;justify-content:center}#group-wrapper .button{display:flex;justify-content:center;margin-top:4rem}#group-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#group-wrapper .submit-btn{width:30%}@media(min-width:46.25em)and (max-width:73.9375em){.content-container{padding:0!important}.content-container #group-wrapper{padding:0;width:100%}.content-container #group-wrapper .option-list-table th{font-size:2rem!important}.content-container #group-wrapper .option-list-table .option-item{font-size:1.6rem!important}}@media(max-width:46.1875em){.content-container{padding:0!important;width:100%!important}.content-container #group-wrapper{padding:0;width:100%}.content-container #group-wrapper .group-container{padding:1.2rem}.content-container #group-wrapper .option-list-table th{font-size:1.6rem!important}.content-container #group-wrapper .option-list-table .option-item{font-size:1.3rem!important}.content-container #group-wrapper .question .subtitle{top:.4rem}.content-container #group-wrapper .question .question-content{margin-top:1.2rem}.content-container #group-wrapper .question .image{display:none}.content-container .submit-btn{margin:0 12px;width:100%}}#fill-in-blanks-2-wrapper{margin-top:6rem}#fill-in-blanks-2-wrapper .input{border:1px solid #000;border-radius:.4rem;font-size:1.6rem;margin-left:.8rem;margin-right:.8rem;max-width:10rem;padding:.4rem;text-align:center}#fill-in-blanks-2-wrapper .input.true{border:2px solid #09ef71!important;border:2px solid var(--light-green)!important}#fill-in-blanks-2-wrapper .input.false{border:2px solid red!important}#fill-in-blanks-2-wrapper .button{display:flex;justify-content:center;margin-top:6rem}#fill-in-blanks-2-wrapper .button .check-btn{background-color:#fdd835;background-color:var(--primary-600);color:#000;font-size:1.6rem}#fill-in-blanks-2-wrapper .submit-btn{width:30%}@media(max-width:46.1875em){#fill-in-blanks-2-wrapper .submit-btn{margin:0 12px;width:100%}}.CircularProgressbar{vertical-align:middle;width:100%}.CircularProgressbar .CircularProgressbar-path{stroke:#3e98c7;stroke-linecap:round;transition:stroke-dashoffset .5s ease 0s}.CircularProgressbar .CircularProgressbar-trail{stroke:#d6d6d6;stroke-linecap:round}.CircularProgressbar .CircularProgressbar-text{fill:#3e98c7;dominant-baseline:middle;text-anchor:middle;font-size:20px}.CircularProgressbar .CircularProgressbar-background{fill:#d6d6d6}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-background{fill:#3e98c7}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-text{fill:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-path{stroke:#fff}.CircularProgressbar.CircularProgressbar-inverted .CircularProgressbar-trail{stroke:#0000}.css-1t1j96h-MuiPaper-root-MuiDialog-paper{padding:20px!important}@media(min-width:60em){.css-1t1j96h-MuiPaper-root-MuiDialog-paper{min-width:500px!important}}@media(max-width:46.1875em){.css-1t1j96h-MuiPaper-root-MuiDialog-paper{min-width:290px!important;padding:.8rem!important}}.search-container{display:flex;flex-direction:column}.search-container .search-bar{align-items:center;background-color:#fff;display:flex;font-size:13px;height:48px;justify-content:end;padding-right:4px;position:fixed;width:100%;z-index:2}.search-container .search-result{background-color:#fff;border-radius:8px;flex-direction:column;list-style:none;margin:0;position:absolute;top:48px;width:100%}.search-container .search-result li{align-items:center;border-radius:4px;cursor:pointer;display:flex;padding:8px;width:100%}.search-container .search-result li:hover{background-color:#0000001a}#signup-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4.8rem}#signup-wrapper .form-wrapper{border:1px solid #ccc;display:flex;flex-direction:column;font-size:1.6rem;margin-top:2.8rem;padding:4rem;width:50%}#signup-wrapper .form-wrapper .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root,#signup-wrapper .form-wrapper .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-size:1.6rem}#signup-wrapper .form-wrapper .css-ywtyjy-MuiButtonBase-root-MuiButton-root:hover{background-color:#ffeb3b}#signup-wrapper .css-1uvydh2,#signup-wrapper .css-1x5jdmq{font-size:1.6rem!important}#signup-wrapper .css-1ig1k2d:hover{background-color:#ffeb3b!important}#signup-wrapper .alert{font-size:1.4rem;margin-top:2rem;width:100%}#signup-wrapper .nsm7Bb-HzV7m-LgbsSe-BPrWId{color:#000;font-size:1.6rem}@media(min-width:46.25em)and (max-width:73.9375em){#signup-wrapper .form-wrapper{width:70%}}@media(max-width:46.1875em){#signup-wrapper{padding:3.2rem 1.2rem}#signup-wrapper .form-wrapper{padding:2rem;width:100%}}.profile-wrapper{color:#000;min-height:calc(100vh - 149px);padding:5rem}.profile-wrapper .page-title{font-size:3.2rem;margin-bottom:4.4rem;text-align:center}.profile-wrapper .form-container{margin:auto}.profile-wrapper .form-container,.profile-wrapper .input{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.profile-wrapper .input{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin-bottom:2.4rem}.profile-wrapper .input .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,.profile-wrapper .input .css-1x5jdmq{padding:1rem 1.4rem!important}.profile-wrapper .input .label{font-size:1.4rem}.profile-wrapper .input .outline-input{width:500px}.profile-wrapper .avatar-container{display:flex;flex-direction:column;width:500px}@media(max-width:63.9375em){.profile-wrapper{padding:3rem 5rem}.profile-wrapper .input{grid-template-columns:1fr;width:100%}.profile-wrapper .input .outline-input{width:100%}.profile-wrapper .input .label{margin-bottom:-1rem}.profile-wrapper .avatar-container,.profile-wrapper .form-container{width:100%!important}}@media(max-width:46.1875em){.profile-wrapper{padding:3rem 2rem}}:root{--primary-50:#fffde7;--primary-100:#fff9c4;--primary-200:#fff59d;--primary-300:#fff176;--primary-400:#ffee58;--primary-500:#ffeb3b;--primary-600:#fdd835;--primary-700:#fbc02d;--primary-800:#f9a825;--primary-900:#f57f17;--light-green:#09ef71;--light-blue:#0ac7f1}.change-password-wrapper{color:#000;min-height:calc(100vh - 149px);padding:5rem}.change-password-wrapper .page-title{font-size:3.2rem;margin-bottom:4.4rem;text-align:center}.change-password-wrapper .form-container{margin:auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.change-password-wrapper .input{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:280px 1fr;margin-bottom:2.4rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.change-password-wrapper .input .css-1t8l2tu-MuiInputBase-input-MuiOutlinedInput-input,.change-password-wrapper .input .css-1x5jdmq{padding:1rem 1.4rem!important}.change-password-wrapper .input .label{font-size:1.4rem}.change-password-wrapper .input .outline-input{width:500px}.change-password-wrapper .alert{font-size:1.4rem;margin-top:2rem}@media(max-width:63.9375em){.change-password-wrapper{padding:3rem 5rem}.change-password-wrapper .input{grid-template-columns:1fr;width:100%}.change-password-wrapper .input .outline-input{width:100%}.change-password-wrapper .input .label{margin-bottom:-1rem}.change-password-wrapper .form-container{width:100%}}@media(max-width:46.1875em){.change-password-wrapper{padding:3rem 2rem}}#forgot-password-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 149px);padding:4.8rem}#forgot-password-wrapper .form-wrapper{border:1px solid #ccc;display:flex;flex-direction:column;font-size:1.6rem;margin-top:2.8rem;padding:4rem;width:50%}#forgot-password-wrapper .form-wrapper .css-md26zr-MuiInputBase-root-MuiOutlinedInput-root,#forgot-password-wrapper .form-wrapper .css-nxo287-MuiInputBase-input-MuiOutlinedInput-input{font-size:1.6rem}#forgot-password-wrapper .form-wrapper .css-ywtyjy-MuiButtonBase-root-MuiButton-root:hover{background-color:#ffeb3b}#forgot-password-wrapper .css-1uvydh2,#forgot-password-wrapper .css-1x5jdmq{font-size:1.6rem!important}#forgot-password-wrapper .css-1ig1k2d:hover{background-color:#ffeb3b!important}#forgot-password-wrapper .alert{font-size:1.4rem;margin-top:2rem;width:100%}#forgot-password-wrapper .nsm7Bb-HzV7m-LgbsSe-BPrWId{color:#000;font-size:1.6rem!important}@media(min-width:46.25em)and (max-width:73.9375em){#forgot-password-wrapper .form-wrapper{width:70%}}@media(max-width:46.1875em){#forgot-password-wrapper{padding:3.2rem 1.2rem}#forgot-password-wrapper .form-wrapper{padding:2rem;width:100%}}
/*# sourceMappingURL=main.010e3346.css.map*/