.custom-alert{position:fixed;z-index:2000;margin-top:10px;display:block;right:10px;width:50%}.custom-alert strong{margin:0 10px;font-weight:600;font-size:14px;letter-spacing:.5px}.custom-alert p{font-weight:400;font-size:14px}.whole-screen{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2000;display:flex;justify-content:center;align-items:center;background-color:hsla(0,0%,100%,.9)}@font-face{font-family:"Creepster";font-weight:400;src:local("Creepster"),url(/static/media/Creepster-Regular.7e293887.ttf) format("truetype")}.error-container{background-color:#000121;width:100vw;height:100vh}.error-container .maincontainer{position:relative;top:-50px;transform:scale(.8);background:url(/static/media/haunted-house-foreground.f7c0795f.png);background-repeat:no-repeat;background-position:50%;background-size:700px 600px;width:800px;height:600px;margin:0 auto;display:grid}.error-container .maincontainer .foregroundimg{position:relative;width:100%;top:-230px;z-index:5}.error-container .errorcode{position:relative;top:-200px;font-family:"Creepster",cursive;color:#fff;text-align:center;font-size:6em;letter-spacing:.1em}.error-container .errortext{position:relative;top:-250px;color:#fbd130;text-align:center;text-transform:uppercase;font-size:1.8em}.error-container .maincontainer .bat{opacity:0;position:relative;transform-origin:center;z-index:3}.error-container .error-container .maincontainer .bat:first-child{top:380px;left:120px;transform:scale(.5);animation:flyBat1 13s linear 1s infinite}.error-container .maincontainer .bat:nth-child(2){top:280px;left:80px;transform:scale(.3);animation:flyBat2 8s linear 4s infinite}.error-container .maincontainer .bat:nth-child(3){top:200px;left:150px;transform:scale(.4);animation:flyBat3 12s linear 2s infinite}.error-container .maincontainer .body{position:relative;width:50px;top:12px}.error-container .maincontainer .wing{width:150px;position:relative;transform-origin:right center}.error-container .maincontainer .leftwing{left:30px;animation:flapLeft .8s ease-in-out infinite}.error-container .maincontainer .rightwing{left:-180px;transform:scaleX(-1);animation:flapRight .8s ease-in-out infinite}@keyframes flapLeft{0%{transform:rotate(0)}50%{transform:rotate(10deg) rotateY(40deg)}to{transform:rotate(0)}}@keyframes flapRight{0%{transform:scaleX(-1) rotate(0)}50%{transform:scaleX(-1) rotate(10deg) rotateY(40deg)}to{transform:scaleX(-1) rotate(0)}}@keyframes flyBat1{0%{opacity:1;transform:scale(.5)}25%{opacity:1;transform:scale(.5) translate(-400px,-330px)}50%{opacity:1;transform:scale(.5) translate(400px,-800px)}75%{opacity:1;transform:scale(.5) translate(600px,100px)}to{opacity:1;transform:scale(.5) translate(100px,300px)}}@keyframes flyBat2{0%{opacity:1;transform:scale(.3)}25%{opacity:1;transform:scale(.3) translate(200px,-330px)}50%{opacity:1;transform:scale(.3) translate(-300px,-800px)}75%{opacity:1;transform:scale(.3) translate(-400px,100px)}to{opacity:1;transform:scale(.3) translate(100px,300px)}}@keyframes flyBat3{0%{opacity:1;transform:scale(.4)}25%{opacity:1;transform:scale(.4) translate(-350px,-330px)}50%{opacity:1;transform:scale(.4) translate(400px,-800px)}75%{opacity:1;transform:scale(.4) translate(-600px,100px)}to{opacity:1;transform:scale(.4) translate(100px,300px)}}@font-face{font-family:"OKAFutura";font-weight:400;src:local("OKAFuturaBook"),url(/static/media/OKAFuturaBook.9d67e2b2.ttf) format("truetype")}.page-preview{font-family:"OKAFutura";font-size:1px;margin-top:10em;width:420em;height:595em}.page-preview .page-content{border:1px solid #000;width:100%;height:100%;display:flex;justify-content:flex-start;flex-direction:column}.page-preview .page-content .image{box-sizing:border-box}.page-preview .page-content .image img{max-width:100%;min-width:100%;height:auto;object-fit:contain}.page-preview .page-content .text-area{width:100%;height:100%;padding:14em 28em 28em;display:flex;align-items:stretch;letter-spacing:normal!important}.page-preview .page-content .text-area .page-number{min-width:14em;width:14em;position:relative;line-height:1}.page-preview .page-content .text-area .page-number span{position:absolute;bottom:0;font-size:11em}.page-preview .page-content .text-area .to-left span{left:0}.page-preview .page-content .text-area .to-right span{right:0}.page-preview .page-content .text-area .text-content{margin:0;padding:0;flex-grow:1}.page-preview .page-content .text-area .oka-futura-26{font-size:26em;line-height:1.30769}.page-preview .page-content .text-area .oka-futura-24{font-size:24em;line-height:1.33333}.page-preview .page-content .text-area .oka-futura-18{font-size:18em;line-height:1.38889}.page-preview .page-content .text-area .oka-futura-14{font-size:14em;line-height:1.57143}.page-preview .page-content .text-area .oka-futura-12{font-size:12em;line-height:1.58333}.page-preview .page-content .text-area .font-25{font-size:25em;line-height:1.32}.page-preview .page-content .text-area .font-22{font-size:22em;line-height:1.36364}.page-preview .page-content .text-area .font-20{font-size:20em;line-height:1.35}.page-preview .page-content .text-area .font-16{font-size:25em;line-height:1.4375}@media screen and (max-width:319.98px){.page-preview{display:none}}@media screen and (min-width:320px){.page-preview{font-size:.53333px}}@media screen and (min-width:576px){.page-preview{font-size:1.14286px}}@media screen and (min-width:768px){.page-preview{font-size:1.6px}}@media screen and (min-width:992px){.page-preview{font-size:.85714px}}@media screen and (min-width:1200px){.page-preview{font-size:.79286px}}@media screen and (min-width:1400px){.page-preview{font-size:.99048px}}.dialog-container{padding:20px 50px;background-color:#dce3e7}.dialog-container .dialog-title{font-size:30px;font-weight:700;line-height:1.5;color:#333}.dialog-container .dialog-tabs{display:flex;align-items:center;justify-content:flex-start;margin:20px 0}.dialog-tabs .dialog-tab-item{width:50px;height:50px;border-radius:15px;background-color:#888;color:#fff;text-align:center;cursor:pointer}.dialog-tabs .active{background-color:#67bcec}.dialog-tabs .dialog-tab-item:not(:last-child){margin-right:10px}.dialog-tabs .dialog-tab-item p{font-size:30px;font-weight:700;display:inline-block}.dialog-container .dialog-question-wrapper .dialog-question-container{padding:20px;background-color:#f8f9fa;border-radius:12px;display:flex;align-items:flex-start;justify-content:space-between}.dialog-question-container .dialog-question-title{font-size:20px;line-height:1.5;font-weight:700;color:#333;margin-bottom:20px;display:flex;justify-content:flex-start;align-items:center;flex-wrap:wrap}.dialog-question-container .dialog-question-title p{margin-left:10px}.dialog-question-container .dialog-question-text{font-size:18px;line-height:1.5;font-weight:400;color:#333;margin-left:10px;white-space:pre-wrap}.dialog-question-container .dialog-text-container{margin-right:auto}.dialog-question-container .dialog-question-image{height:150px}.dialog-question-container .dialog-question-image img{height:150px;min-height:150px}.dialog-container .dialog-question-wrapper .dialog-question-choices{margin-top:30px;display:flex;justify-content:space-between;flex-wrap:wrap}.dialog-question-choices .dialog-question-choice-item{margin-top:30px;width:436px;background-color:#f8f9fa;border-radius:12px;padding:20px 20px 20px 40px;display:flex;position:relative}.dialog-question-choice-item .dialog-choice-item-char{position:absolute;left:-10px;top:-20px;width:50px;height:50px;border-radius:15px;background-color:#888;color:#fff;font-weight:700;display:flex;justify-content:center;align-items:center}.dialog-question-choice-item .dialog-choice-item-text{margin-left:10px;margin-right:auto}.dialog-question-choice-item .dialog-choice-item-image{height:100px}.dialog-question-choice-item .dialog-choice-item-image img{height:100px;min-height:100px}.dialog-question-choices .only-image{border-radius:12px;padding:0}.dialog-question-choices .only-image .dialog-choice-item-image{border-radius:12px;height:200px;width:100%}.dialog-question-choices .only-image .dialog-choice-item-image img{border-radius:12px;height:200px;min-height:200px;width:100%}.dialog-question-choices .active-choice{background-color:rgba(101,187,114,.12)}.active-choice .dialog-choice-item-char{background-color:#65bb72}.dialog-container .dialog-close{margin-top:30px;margin-bottom:10px;display:flex;justify-content:flex-end}.dialog-close .close-btn{background-color:#67bcec;height:50px;padding:10px 20px;font-weight:700;color:#fff;border-radius:15px;cursor:pointer}.dialog-container .dialog-play-btn{cursor:pointer}.choice-input-container{all:unset;flex:1 1;padding-right:8px;line-height:1.4}.choice-input-container input{all:unset;height:100%;width:100%;font-size:.875rem;padding-left:5px}.media-container{display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;position:relative}.media-container .image-remove{position:absolute;top:0;right:18px;background-color:rgba(116,147,182,.8);border-radius:8px;padding:2px 10px}.media-container>*{flex:1 1}.image-container{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f1f3f4;text-align:center;border-radius:8px}.image-container .upload-image-placeholder{font-size:.875rem;color:#7493b6}.image-container .upload-image-placeholder span{display:block;text-transform:none}.image-container img{max-width:100%;min-width:100%;height:100%;object-fit:fill;border-radius:8px}.question-audio .gray-icon-button{background-color:initial;margin-left:10px}.question-audio .gray-icon-button:active,.question-audio .gray-icon-button:disabled,.question-audio .gray-icon-button:focus,.question-audio .gray-icon-button:focus:not(:hover),.question-audio .gray-icon-button:hover,.question-audio .gray-icon-button[disabled]{background-color:#f1f3f4;margin-left:10px;box-shadow:none}.upload-sound-button{font-size:.75rem;color:#7493b6}.error-desc{font-size:16px;margin-bottom:16px}.message-error-list{text-align:left;line-height:1.5;color:#f27474}.message-error-item{font-size:14px}.justify{text-align:justify;margin-bottom:10px}.upload-container{display:flex;align-items:flex-start;justify-content:space-around;flex-wrap:wrap;position:relative}.upload-container .material-remove{position:absolute;top:0;right:18px;background-color:rgba(116,147,182,.8);border-radius:8px;padding:2px 10px}.upload-container>*{flex:1 1}.material-container{cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:#f1f3f4;text-align:center;border-radius:8px}.material-container .upload-material-placeholder{font-size:.875rem;color:#7493b6}.material-container .upload-material-placeholder span{display:block;text-transform:none}.material-container .material-uploading{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.material-container .material-uploading>span{display:block}.material-container embed{max-width:100%;min-width:100%;height:100%;object-fit:fill;border-radius:8px;border:1px solid #d2d6da}
/*# sourceMappingURL=main.551115d3.chunk.css.map */