.app{height:100%;width:100%}.app #nav{height:64px;min-height:64px;box-shadow:0 3px 20px #5a7d8d29;z-index:999;position:sticky;top:0;justify-content:space-between}.app #content,.app #nav{overflow-x:hidden;overflow-y:hidden;scrollbar-width:thin;width:100%}.app #content{height:100%;position:relative}.app #content.show-nav{height:calc(100% - 64px)}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-Regular.9d2d03be.woff2) format("woff2")}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-Bold.d991973d.woff2) format("woff2");font-weight:700}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-Italic.d66dee69.woff2) format("woff2");font-style:italic}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-BoldItalic.9572fcfe.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-Medium.4d16a2e3.woff2) format("woff2");font-weight:500}@font-face{font-family:GoogleSans;src:url(../fonts/GoogleSans-MediumItalic.292c65d7.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:Nunito;src:url(../fonts/Nunito-Regular.68c73bbb.woff2) format("woff2")}@font-face{font-family:Nunito;src:url(../fonts/Nunito-Bold.c5dfa553.woff2) format("woff2");font-weight:700}@font-face{font-family:Nunito;src:url(../fonts/Nunito-ExtraBold.e1e8a566.ttf) format("ttf");font-weight:900}@font-face{font-family:Nunito;src:url(../fonts/Nunito-Italic.2b7835bd.woff2) format("woff2");font-style:italic}@font-face{font-family:Nunito;src:url(../fonts/Nunito-BoldItalic.4fcc2124.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Nunito;src:url(../fonts/Nunito-SemiBold.edd0cc23.woff2) format("woff2");font-weight:500}@font-face{font-family:Nunito;src:url(../fonts/Nunito-SemiBoldItalic.33a5249f.woff2) format("woff2");font-weight:500;font-style:italic}@font-face{font-family:SRNCookieRun;src:url(../fonts/SRN%20CookieRun%20Bold.65005b48.ttf);font-weight:700;font-style:bold}@font-face{font-family:SRNCookieRun;src:url(../fonts/SRN%20CookieRun%20Regular.716942d5.ttf)}@font-face{font-family:HP001;src:url(../fonts/HP001_5_hang_bold.52117d9a.ttf)}@font-face{font-family:HP002;src:url(../fonts/HP001_b4h.960b26c6.ttf)}.class-item-popover{right:-20px!important;top:12px!important;border-radius:10px}.student-classroom-popover{width:120px!important;min-width:120px!important;border-radius:10px;margin:10px -12px!important}.teacher-classname-popover{padding:14px!important;max-height:calc(100% - 280px)!important;margin-bottom:-10px!important;min-width:180px!important;width:auto!important;max-width:288px!important;-webkit-overflow-scrolling:touch;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;margin:7px 0 0 0!important}.compose-option-popover{display:block;border-radius:10px;top:10px!important;left:-10px!important}.compose-preivew-question-popover{left:-40px!important}.student-item-popover{border-radius:10px}.student-popover-introduce{top:-40px!important}.student-popover-manual{top:-100px!important}.step-one{transform:unset!important}.step-one.tablet{top:250px!important;left:40px!important}.step-one.desktop{top:250px!important;left:100px!important}.step-two{transform:unset!important}.step-two.tablet{top:250px!important;left:500px!important}.step-two.desktop{top:250px!important;left:800px!important}.step-three{transform:unset!important}.step-three.tablet{top:250px!important;left:800px!important}.step-three.desktop{top:250px!important;left:1200px!important}.step-four{transform:unset!important}.step-four.tablet{top:500px!important;left:800px!important}.step-four.desktop{top:500px!important;left:1200px!important}.step-five{transform:unset!important}.step-five.tablet{top:400px!important;left:500px!important}.step-five.desktop{top:400px!important;left:800px!important}.purple-custom-dialog{background-color:#8a6bf6;background-image:url(../img/bright-background.e49313d2.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;height:600px}.purple-custom-dialog .text-shadow-container{display:block;min-height:40px!important}.purple-custom-dialog .text-shadow-container .stroke-text{-webkit-text-stroke:14px #ff8a14}.purple-custom-dialog .text-shadow-container .shadow-text{text-shadow:0 0 25px #000}.purple-custom-dialog .text-shadow-container .shadow-text-small{text-shadow:0 0 2px #0009}.purple-custom-dialog .text-shadow-container .position-text{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%}.purple-custom-dialog .el-dialog__close,.purple-custom-dialog .el-dialog__close:hover{color:#fff}*,body,html{margin:0;padding:0;box-sizing:border-box}html *{font-family:GoogleSans}html.fun-theme *{font-family:Nunito}body,html{touch-action:none;height:100%;width:100%;overflow:hidden;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}body .grecaptcha-badge,html .grecaptcha-badge{display:none}.overflow-auto{overflow:auto;scrollbar-width:thin}.overflow-x-auto{overflow-x:auto;scrollbar-width:thin}.overflow-y-auto{overflow-y:auto;scrollbar-width:thin}.overflow-scroll{overflow:scroll;scrollbar-width:thin}.overflow-x-scroll{overflow-x:scroll;scrollbar-width:thin}.overflow-y-scroll{overflow-y:scroll;scrollbar-width:thin}.fade-enter-active,.fade-leave-active{transition:opacity .3s}.fade-enter,.fade-leave-to{opacity:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{width:4px;height:4px;background-color:#b6b9ce;border-radius:2px;cursor:pointer}section#app{height:100%;width:100%}