.guided-tour .background[data-v-f6943c30]{width:100%;height:100%;background:rgba(0,0,0,.6);color:#fff;font-size:900;font-family:Shippori Antique B1,sans-serif;font-family:Zen Kurenaido,sans-serif}.guided-tour .close-btn[data-v-f6943c30]{position:absolute;top:.4rem;right:2rem;font-size:1.8rem}.guided-tour .close-btn[data-v-f6943c30]:hover{cursor:pointer;opacity:.8}.open-guided-tour-btn[data-v-6046357f]{width:2rem;height:2rem;background-color:#ffec83;border-radius:50%;display:flex;justify-content:center;align-items:center;transition:all .2s}.open-guided-tour-btn[data-v-6046357f]:hover{cursor:pointer;opacity:.8;transform:translateY(3px);transition:all .1s}.guided-tour-item[data-v-e6b3e420]{color:#fff;font-family:Shippori Antique B1,sans-serif;font-family:Zen Kurenaido,sans-serif;text-shadow:0 0 10px #000;pointer-events:none}.guided-tour-item .block[data-v-e6b3e420]{position:relative}.guided-tour-item .block .txt[data-v-e6b3e420]{position:absolute;right:20px}.guided-tour-item .block .useBorder[data-v-e6b3e420]{border:2px dashed #fff;border-radius:100%}.marginAuto[data-v-e6b3e420]{margin:auto}.solution-image-btn[data-v-1277bdcc]{height:100%;width:100%;display:flex;justify-content:center;position:relative;border-top-style:solid;border-top-width:thin;border-top-color:#ddd}.solution-image-btn .dragBackground[data-v-1277bdcc]{background-color:#ddd}.solution-image-btn .content[data-v-1277bdcc]{width:100%;display:flex;justify-content:center;align-items:center}.solution-image-btn .content label[data-v-1277bdcc]{margin:0}.solution-image-btn .content .controller[data-v-1277bdcc]{display:flex}.solution-image-btn .content .changeBtn[data-v-1277bdcc]{position:absolute;right:20px}.solution-image-btn .content .changeBtn i[data-v-1277bdcc]{color:#555}.solution-image-btn .content .changeBtn i[data-v-1277bdcc]:hover{color:#000}.solution-image-btn img[data-v-1277bdcc]{width:100%;-o-object-fit:cover;object-fit:cover}.solution-image-btn .remove-btn[data-v-1277bdcc]{position:absolute;top:5px;right:5px;z-index:9999;font-size:1rem}.solution-image-btn .remove-btn[data-v-1277bdcc]:hover{cursor:pointer}.box{background:#fff;overflow:hidden;width:100%;height:100%;min-height:100%;min-width:100%;border-radius:2px;box-sizing:border-box;box-shadow:0 0 40px #000;color:#8b8c8d}.box .partition{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:30px}.box .partition .partition-title{box-sizing:border-box;width:100%;text-align:center;letter-spacing:1px;font-size:1.3rem;font-weight:300;margin-bottom:10px}.box .partition .partition-form{width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between;flex-grow:1;height:300px}.box .partition .partition-form .text-area{width:50%;height:100%}.box .partition .partition-form .text-area textarea{width:90%;font-size:1rem;height:100%;min-height:100px;resize:none;border-color:#ccc;border-radius:2px}.box .partition .partition-form .text-area textarea:focus-visible{outline:none}.box .partition .partition-form .image-editor{width:50%;height:100%;display:flex;flex-direction:column}.box .partition .partition-form .image-editor .image-area{border:1px solid #ccc;border-radius:2px;width:90%;height:100%;display:flex;justify-content:center;align-self:center;position:relative;overflow:hidden}.box .partition .partition-form .image-editor .image-area img{width:100%;padding:5px;-o-object-fit:contain;object-fit:contain}.box .partition .partition-form .image-editor .image-area .remove-btn{position:absolute;top:5px;right:5px;z-index:9999;font-size:.5rem;color:#333;background-color:hsla(0,0%,93.3%,.565);padding:2px 10px;transition:all .3s}.box .partition .partition-form .image-editor .image-area .remove-btn:hover{cursor:pointer;background-color:#ddd}.box .partition .partition-form .remind{margin:0;padding:0;color:#ce0000;font-size:.8rem}.box .partition input[type=text]{display:block;box-sizing:border-box;margin-bottom:10px;width:100%;font-size:1rem;line-height:2;border:0;border-bottom:1px solid #dddedf;padding:4px 8px;font-family:inherit;transition:all .5s}.box .partition button{background:#fff;border-radius:4px;box-sizing:border-box;padding:10px;font-family:Open Sans,sans-serif;font-weight:400;min-width:140px;margin-top:8px;color:#8b8c8d;cursor:pointer;border:1px solid #dddedf;transition:all .1s;font-size:1rem}.box .partition button:hover{border-color:#c7c8c9;color:#6f7071}.box .partition .button-set #create-btn{margin-left:8px}.pop-out-enter-active,.pop-out-leave-active{transition:all .5s}.pop-out-enter,.pop-out-leave-active{opacity:0;transform:translateY(-24px)}input:focus{outline:none}button:focus{outline:none}.textarea[data-v-3f62f450]{overflow:hidden!important;text-align:center;border:2px solid transparent;position:relative}.textarea .input-zone[data-v-3f62f450]{width:100%;max-height:100%}.textarea .placeholder[data-v-3f62f450]{width:100%;height:100%;color:#aaa;background-color:rgba(0,0,0,.04);position:absolute;top:0}.textarea .input[data-v-3f62f450]:focus{outline:none}.input-border[data-v-3f62f450]{border:2px solid #333;border-radius:3px}.noselect[data-v-3f62f450]{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.stagetext[data-v-122e83ef]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.drop[data-v-1a103d70]{background-color:transparent;display:flex;justify-content:center;align-items:center;transition:background-color .2s ease-in-out;font-family:sans-serif}.error[data-v-1a103d70]{color:red}.isDragging[data-v-1a103d70]{background-color:rgba(0,0,0,.3)}.pic[data-v-1a103d70]{display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.pic img.placeholder[data-v-1a103d70]{height:50%;border-radius:0}.pic .placeholder-overlay[data-v-1a103d70]{position:absolute;width:100%;height:100%;background-color:transparent}.stage-block[data-v-107503d4]{display:flex;align-items:center;justify-content:center;position:relative}.stage-block[data-v-107503d4]:hover{cursor:pointer;box-shadow:0 0 11px rgba(33,33,33,.2)}.answer-check[data-v-107503d4]{position:absolute;right:10px;bottom:10px}.answer-check i[data-v-107503d4]{color:#e02020;font-size:1.5rem}.highlight[data-v-107503d4]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:8;background-color:rgba(0,60,255,.1);border-radius:24px;border-width:3px;border-style:dashed;border-color:#09f}.multipleColor[data-v-107503d4]{background-color:rgba(0,255,8,.1);border-color:green}.stage[data-v-323651de]{position:relative;max-width:520px;max-height:520px}.stage .base-image[data-v-323651de]{width:100%}.stage .click-area-style[data-v-323651de]{position:absolute}.option-panel[data-v-0d73cd4e]{width:100%;text-align:left}.option-panel [data-v-0d73cd4e]{padding:0;margin:0}.option-panel .title[data-v-0d73cd4e]{font-size:1rem;font-weight:600}.option-panel .content-area[data-v-0d73cd4e]{margin:10px 0}.option-panel .content-area .main-label[data-v-0d73cd4e]{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aaa;padding-bottom:5px;margin-bottom:10px}.option-panel .content-area .main-label .fa-plus-circle[data-v-0d73cd4e]{color:green}.option-panel .content-area .main-label .fa-times-circle[data-v-0d73cd4e]{color:#ce0000}.option-panel .content-area .main-label[data-v-0d73cd4e]:hover{cursor:pointer;opacity:.8}.option-panel .content-area .put-url[data-v-0d73cd4e]{margin:10px 0}.option-panel .content-area .put-url input[data-v-0d73cd4e]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.option-panel .content-area+.content-area[data-v-0d73cd4e]{margin-top:30px}.option-panel .beforeAnimation[data-v-0d73cd4e]{height:0;display:none}.option-panel .animation[data-v-0d73cd4e]{height:100%;display:block}.vue-slider-disabled,.vue-slider-dot-handle-disabled{cursor:default}.preload-image-container[data-v-f954a614]{height:100%;display:flex;justify-content:center;align-items:center}.preload-image-container img[data-v-f954a614]{height:98%;cursor:pointer;max-width:95%}.preload-image-container .loading-box[data-v-f954a614]{width:150px}.difficulty-mark[data-v-56a8e818]{position:absolute;top:3px;left:3px}.difficulty-mark div[data-v-56a8e818]{height:5px;width:5px;border-radius:50%}.difficulty-mark .very-hard[data-v-56a8e818]{background:#f02525}.difficulty-mark .hard[data-v-56a8e818]{background:#ef9644}.difficulty-mark .medium[data-v-56a8e818]{background:#fbc70a}.difficulty-mark .easy[data-v-56a8e818]{background:#1c8d3a}.difficulty-mark .very-easy[data-v-56a8e818]{background:#20d898}.quiz-instance[data-v-0741d2f0]{height:100%}.init[data-v-0741d2f0]{transform:scale(0);height:0;position:relative;z-index:2}.init .ui-preview-image[data-v-0741d2f0]{height:100%;margin:auto}.init .ui-icon-btn[data-v-0741d2f0]{position:relative;z-index:2000}.init .audioIcon[data-v-0741d2f0]{font-size:.8rem;color:#aaa;position:absolute;bottom:5px;left:5px}.ui-icon-btn[data-v-0741d2f0]{position:absolute;top:5px;right:5px;padding:0}.ui-icon-btn .action-menu[data-v-0741d2f0]{border-radius:50px;height:1.5rem;width:1.5rem;display:flex;align-items:center;justify-content:center}.ui-icon-btn .action-menu i[data-v-0741d2f0]{color:silver}.ui-icon-btn .action-menu:hover i[data-v-0741d2f0]{color:#777}.ui-icon-btn .action-menu .icon-btn:focus i[data-v-0741d2f0]{color:red}.fadein[data-v-0741d2f0]{height:100%;transform:scale(1);transition:all .2s;transition-timing-function:ease-in-out}.quiz-instance-card[data-v-0741d2f0]{height:100%;transform:scale(1);overflow:hidden}.fadeout[data-v-0741d2f0]{height:0;transform:scale(0);transition:all .2s;transition-timing-function:ease-in-out}.vue-dialog-button:focus{outline:none}.action-menu .btn{padding:0!important;z-index:8!important}.action-menu .btn.focus,.action-menu .btn:focus{outline:0;box-shadow:0 0 0 0 transparent}.action-menu .dropdown-menu{left:-5px!important}.grab-vue[data-v-f68309fe]{height:100%}.grab-vue .list-group[data-v-f68309fe]{height:100%;display:flex;flex-direction:column}.grab-vue .list-group .list-group-item[data-v-f68309fe]{min-height:100px;height:100px;border:none;border-radius:10px;background-color:#fff;border-style:solid;border-color:#eee}.grab-vue .list-group .list-group-item[data-v-f68309fe]:hover{box-shadow:0 0 11px rgba(33,33,33,.3);cursor:pointer}.grab-vue .list-group .list-group-item[data-v-f68309fe]{transition:all .5s;display:inline-block}.grab-vue .list-group .list-group-enter[data-v-f68309fe],.grab-vue .list-group .list-group-leave-to[data-v-f68309fe]{opacity:0}.grab-vue .list-group .list-group-leave-active[data-v-f68309fe]{position:absolute}.flip-list-move[data-v-f68309fe]{transition:transform .5s}.no-move[data-v-f68309fe]{transition:transform 0s}.ghost[data-v-f68309fe]{opacity:.5;background:#c8ebfb}.center[data-v-2d3042fe]{display:flex;justify-content:center;align-items:center}.toolbar[data-v-2d3042fe]{background-color:#fff;width:100%;height:50px;border-bottom-style:solid;border-bottom-width:thin;border-bottom-color:#ddd;display:flex;justify-content:flex-end;align-items:center}.toolbar .selectState[data-v-2d3042fe]{display:flex;justify-content:center;align-items:center;font-weight:600;margin-right:20px}.toolbar .selectState .reminder[data-v-2d3042fe]{display:flex}.toolbar .selectState p[data-v-2d3042fe]{margin:0;border-radius:50px;padding:0 8px;background-color:#fff}.toolbar .selectState .multipleSelect[data-v-2d3042fe]{color:#008b3f;border:1px solid #008b3f}.toolbar .selectState .oneSelect[data-v-2d3042fe]{color:#09f;border:1px solid #09f}.toolbar .selectState .warn[data-v-2d3042fe]{color:#ffa024;border:1px solid #ffa024}.toolbar .char-button[data-v-2d3042fe]{text-align:center;cursor:pointer}.toolbar .char-button[data-v-2d3042fe]:hover{background-color:#ddd}.bg-multipleSelect[data-v-2d3042fe]{background-color:#008b3f}.bg-oneSelect[data-v-2d3042fe]{background-color:#09f}.quiz-audio[data-v-530191c6]{height:100%;width:100%;display:flex;justify-content:center;position:relative;border-top-style:solid;border-top-width:thin;border-top-color:#ddd}.quiz-audio .dragBackground[data-v-530191c6]{background-color:#ddd}.quiz-audio .content[data-v-530191c6]{width:100%;display:flex;justify-content:center;align-items:center}.quiz-audio .content label[data-v-530191c6]{margin:0}.quiz-audio .content .controller[data-v-530191c6]{display:flex}.quiz-audio .content .changeBtn[data-v-530191c6]{position:absolute;right:20px}.quiz-audio .content .changeBtn i[data-v-530191c6]{color:#555}.quiz-audio .content .changeBtn i[data-v-530191c6]:hover{color:#000}.quiz-audio .content audio[data-v-530191c6]{height:20px}[data-v-af801168]{padding:0;margin:0}.custom-scrollbar[data-v-af801168]::-webkit-scrollbar{width:6px}.custom-scrollbar[data-v-af801168]::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);border-radius:3px}.quiz-maker[data-v-af801168]{height:calc(100vh - 50px);overflow:hidden;position:relative}.quiz-maker button[data-v-af801168]{margin:0 10px;padding:5px 20px;border-radius:50px}.quiz-maker .content[data-v-af801168]{display:flex;flex-wrap:nowrap}.quiz-maker .content .tool-area[data-v-af801168]{display:flex}.quiz-maker .content .tool-area .function-list[data-v-af801168]{width:80px;z-index:2;background-color:#333;flex-direction:column;display:flex;align-items:center;padding:0;margin:0}.quiz-maker .content .tool-area .function-list button[data-v-af801168]{background-color:#333;border:2px solid transparent;border-radius:5px;width:50px;height:50px;margin-bottom:10px;display:flex;justify-content:center;align-items:center;transition:.2s ease}.quiz-maker .content .tool-area .function-list button i[data-v-af801168]{font-size:1.5rem;color:#fff}.quiz-maker .content .tool-area .function-list button[data-v-af801168]:hover{background-color:#444}.quiz-maker .content .tool-area .function-list button[data-v-af801168]:focus{outline:none}.quiz-maker .content .tool-area .function-list .active[data-v-af801168]{border:2px solid #fff;border-radius:5px;transition:.2s ease}.quiz-maker .content .tool-area .detial-area[data-v-af801168]{width:250px;background-color:#ececec;transition:all .3s ease}.quiz-maker .content .tool-area .detial-area .title[data-v-af801168]{height:50px;padding:15px;display:flex;justify-content:space-between;align-items:center}.quiz-maker .content .tool-area .detial-area .title h2[data-v-af801168]{font-size:1.2rem;font-weight:600}.quiz-maker .content .tool-area .detial-area .title button[data-v-af801168]{margin:0;padding:0}.quiz-maker .content .tool-area .detial-area .title button i[data-v-af801168]{display:flex;align-self:center;font-size:1.2rem}.quiz-maker .content .tool-area .detial-area .title button[data-v-af801168]:focus{outline:none;box-shadow:none}.quiz-maker .content .tool-area .detial-area .title button:hover i[data-v-af801168]{color:#777}.quiz-maker .content .tool-area .detial-area .detail[data-v-af801168]{width:100%;height:calc(100% - 50px);display:flex;flex-direction:column;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow-x:hidden;overflow-y:auto}.quiz-maker .content .tool-area .detial-area .detail .templates .preview-area[data-v-af801168]{flex-shrink:0;width:150px;padding:0;margin-bottom:20px;transition:.2s;cursor:pointer}.quiz-maker .content .tool-area .detial-area .detail .templates .preview-area[data-v-af801168]:hover{box-shadow:0 0 11px rgba(33,33,33,.2)}.quiz-maker .content .tool-area .detial-area .detail .templates .preview-area img[data-v-af801168]{vertical-align:middle;padding:0;margin:0;width:100%}.quiz-maker .content .tool-area .detial-area .detail .others[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option[data-v-af801168]{display:flex;flex-direction:column;justify-content:center;padding:15px;width:100%}.quiz-maker .content .tool-area .detial-area .detail .others .itemControl[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .itemControl[data-v-af801168]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;width:100%}.quiz-maker .content .tool-area .detial-area .detail .others .itemControl span[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .itemControl span[data-v-af801168]{font-weight:600}.quiz-maker .content .tool-area .detial-area .detail .others .itemControl span[data-v-af801168]:hover,.quiz-maker .content .tool-area .detial-area .detail .stage-option .itemControl span[data-v-af801168]:hover{cursor:pointer}.quiz-maker .content .tool-area .detial-area .detail .others .score-editor input[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .score-editor input[data-v-af801168]{width:100px;background-color:transparent;border-radius:2px;border:1px solid #ddd;padding:1px 0;padding-left:10px;text-align:right}.quiz-maker .content .tool-area .detial-area .detail .others .score-editor input[data-v-af801168]:focus,.quiz-maker .content .tool-area .detial-area .detail .stage-option .score-editor input[data-v-af801168]:focus{outline-color:#ccc;text-align:left}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty[data-v-af801168]{align-items:flex-start}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result[data-v-af801168]{display:flex}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result div[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result div[data-v-af801168]{display:flex;justify-content:center;min-width:100px;padding:1px 10px;padding-right:20px;border-radius:2px;border:1px solid transparent;position:relative}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result div .fa-caret-down[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result div .fa-caret-down[data-v-af801168]{position:absolute;right:6px;top:4px}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .very-hard[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .very-hard[data-v-af801168]{color:#fff;background:#f02525}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .hard[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .hard[data-v-af801168]{color:#fff;background:#f05725}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .medium[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .medium[data-v-af801168]{color:#fff;background:#fb9b0a}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .easy[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .easy[data-v-af801168]{color:#fff;background:#1c8d7b}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .very-easy[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .very-easy[data-v-af801168]{color:#fff;background:#14ccad}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result .noDifficulty[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result .noDifficulty[data-v-af801168]{border:1px solid #ddd}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-result .result[data-v-af801168]:hover,.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-result .result[data-v-af801168]:hover{cursor:pointer}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit[data-v-af801168]{display:flex}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit .edited-content[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit .edited-content[data-v-af801168]{display:flex;flex-direction:column;align-items:center}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit .edited-content .radio-input label[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit .edited-content .radio-input label[data-v-af801168]{border:1px solid #ddd;border-radius:2px;min-width:100px;margin:1px}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit .edited-content input[type=radio][data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit .edited-content input[type=radio][data-v-af801168]{display:none}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit .edited-content input[type=radio]+label[data-v-af801168]:hover,.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit .edited-content input[type=radio]+label[data-v-af801168]:hover{cursor:pointer}.quiz-maker .content .tool-area .detial-area .detail .others .difficulty .difficulty-edit .edited-content input[type=radio]:checked+label[data-v-af801168],.quiz-maker .content .tool-area .detial-area .detail .stage-option .difficulty .difficulty-edit .edited-content input[type=radio]:checked+label[data-v-af801168]{background-color:#ddd}.quiz-maker .content .tool-area .close[data-v-af801168]{margin-left:-250px;transition:all .3s ease}.quiz-maker .content .center-area[data-v-af801168]{width:100%}.quiz-maker .content .center-area .editarea[data-v-af801168]{transition:all .3s ease;background-color:#f8f9fa;height:calc(100% - 50px);position:relative;overflow-y:auto}.quiz-maker .content .center-area .editarea .layout[data-v-af801168]{display:flex;justify-content:center;align-items:center;min-height:100%}.quiz-maker .content .center-area .editarea .layout .blank-area[data-v-af801168]{margin-top:5px}.quiz-maker .content .center-area .editarea .layout .blank-area textarea[data-v-af801168]{width:100%;height:100px;resize:none;padding:5px;font-size:1rem}.quiz-maker .content .center-area .audio-area[data-v-af801168]{height:50px}.quiz-maker .content .center-area .showAudioArea[data-v-af801168]{height:calc(100% - 100px);transition:all .3s ease}.quiz-maker .content .right-area[data-v-af801168]{min-width:200px;border-left-style:solid;border-left-width:thin;border-left-color:#ddd}.quiz-maker .content .right-area .quiz-instances[data-v-af801168]{height:calc(100vh - 200px);overflow-x:hidden;overflow-y:auto}.quiz-maker .content .right-area .add-quiz[data-v-af801168]{display:flex;justify-content:center;align-items:center}.quiz-maker .content .right-area .add-quiz .add-icon[data-v-af801168]{display:flex;justify-content:center;align-items:center;font-size:2rem;color:#ddd;border:1px solid #ddd;background-color:transparent;border-radius:50px;height:50px;width:50px}.quiz-maker .content .right-area .add-quiz .add-icon[data-v-af801168]:hover{border:1px solid #ccc;color:#ccc}.quiz-maker .content .right-area .ui-right-bottom[data-v-af801168]{height:150px;background-color:#fff;display:flex;justify-content:center;flex-direction:column;align-items:center;border-top-style:solid;border-top-width:thin;border-top-color:#ddd}.quiz-maker .content .right-area .ui-right-bottom .tag[data-v-af801168]{font-size:24px;font-weight:600;padding:5px 20px;margin:5px auto;cursor:pointer;text-align:left;border-radius:50px;transition:all .2s ease;width:175px}.quiz-maker .content .right-area .ui-right-bottom .tag i[data-v-af801168]{margin-right:10px}.quiz-maker .content .right-area .ui-right-bottom .tag[data-v-af801168]:hover{transition:all .2s ease}.quiz-maker .content .right-area .ui-right-bottom .edit-button[data-v-af801168]{color:#f4b237;background-color:rgba(254,229,183,.45098039215686275);border:2px solid #f4b237}.quiz-maker .content .right-area .ui-right-bottom .edit-button[data-v-af801168]:hover{color:#fff;background-color:#ffa600}.quiz-maker .content .right-area .ui-right-bottom .add-button[data-v-af801168]{color:#2cb52c;background-color:rgba(166,226,147,.3803921568627451);border:2px solid #2cb52c}.quiz-maker .content .right-area .ui-right-bottom .add-button[data-v-af801168]:hover{color:#fff;background-color:#2cb52c}.quiz-maker .content .right-area .ui-right-bottom .copyId-button[data-v-af801168]{color:#5cb85c;background-color:#3d3d3d;border:2px solid #0f0c0c}.quiz-maker .content .right-area .ui-right-bottom .copyId-button[data-v-af801168]:hover{background-color:#241c1c}.quiz-maker .content .instances[data-v-af801168]{padding:0;margin:0;background-color:#ececec;width:100%;height:30vh;position:fixed;bottom:0;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;overflow-y:hidden;overflow-x:auto;box-shadow:0 0 11px rgba(33,33,33,.2)}.quiz-maker .content .instances .button-area[data-v-af801168]{padding-right:20px}.quiz-maker .content .instances .button-area .upload[data-v-af801168]{display:block;flex-shrink:0;width:150px}.quiz-maker .part[data-v-af801168]{position:relative}.quiz-maker .guided-tour[data-v-af801168]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:9}@media screen and (max-height:700px),screen and (max-width:1000px){.quiz-maker .ui-right-bottom .tag[data-v-af801168]{height:2.5rem;width:2.5rem;font-size:1.1rem;padding:0;margin:10px 15px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px #ddc}.quiz-maker .ui-right-bottom .tag i[data-v-af801168]{margin-right:0;font-size:1.1rem}.quiz-maker .ui-right-bottom .tag span[data-v-af801168]{font-size:1.1rem}}