img,video{width:100%;height:100%}.resizable-component{position:absolute!important}.component{position:absolute;width:100%;height:100%;-webkit-user-drag:none}.hiddenCatch-component{display:flex;flex-direction:row}.component img{width:100%;height:100%;-webkit-user-drag:none}.component>.catch-div{width:100%;height:100%;position:relative}.component>textarea{border:none;overflow:auto;outline:none;height:100%;box-shadow:none;resize:none;font-size:24px}.page-menu-bar{display:flex;justify-content:center;border-bottom:1px solid #c9c9c9}.page-menu-bar button{width:50%;height:100%}.page-menu-bar button i{font-size:18px;color:#222}.component-menu-bar{margin-top:40px}.component-menu-bar>button{display:block;margin-top:10px;background-color:#fff;border-color:#e2e2e2;border-left:none;border-top:none;border-right:none}.component-menu-bar>button:first-child{border-top:1px solid #e2e2e2}.component-menu-bar>button>i{color:#222;font-size:24px}.studio-contents:not(.active):hover{background-color:#e4e4e4;transition:.2s}.studio-contents{height:70px;padding:10px 2px;border-radius:5px}.studio-contents.active>.studio-contents-thumb{border:2px solid #222}.studio-page{width:1360px;height:765px;background:#fff;box-shadow:0 0 5px 2px rgba(0,0,0,.05);margin:70px auto;position:relative}.studio-contents-thumb{width:100px;height:56px;border:1px solid #e2e2e2}.ai-studio-center-wrap{width:1492px;min-width:1360px;position:relative;background-color:#e4e4e4!important;min-height:800px;height:100%;border-right:none!important}.ai-studio-container{margin:0;height:100%;min-width:1820px;background-color:#fff}.ai-studio-container>.row>div{min-height:calc(100vh - 50px);border:1px solid #e2e2e2;background-color:#fff}.studio-contents-wrap{flex-wrap:nowrap!important;justify-content:center;height:calc(100% - 150px)}.ai-studio-left-wrap{min-height:800px;height:800px;width:154px;min-width:154px}.ai-studio-left-wrap>.page-list{height:calc(100vh - 92px);padding:10px;overflow-y:auto}.page-list::-webkit-scrollbar{width:5px}.page-list::-webkit-scrollbar-thumb{background-color:#222}.page-list::-webkit-scrollbar-track{background-color:#d3d3d3}.ai-studio-left-wrap::-webkit-scrollbar{width:5px}.ai-studio-left-wrap::-webkit-scrollbar-thumb{background-color:#c5c5c5;border-radius:10px}.ai-studio-left-wrap::-webkit-scrollbar-track{background-color:#e4e4e4;border-radius:10px;box-shadow:inset 0 0 5px #fff}.ai-studio-right-wrap{min-height:800px;height:100%;width:214px;min-width:214px}.ai-studio-side-wrap{width:60px;min-width:60px;border-left:none!important;border-right:none!important}.ai-studio-side-wrap>.component-menu-bar>.btn{margin:0 auto;width:100%;height:56px}.ai-studio-side-wrap>.component-menu-bar>.btn:hover{background-color:#999}.menu-bar{width:1920px;margin:0 auto;background-color:#000}#sound-clip{display:none}#container{width:600px;height:400px;position:absolute}.resizable-b,.resizable-l,.resizable-lb,.resizable-lt,.resizable-r,.resizable-rb,.resizable-rt,.resizable-t{display:none!important}.active .resizable-lb,.active .resizable-lt,.active .resizable-rb,.active .resizable-rt{display:block!important;border:1px solid #007bff}.active .resizable-b,.active .resizable-l,.active .resizable-r,.active .resizable-t{display:block!important;border:1px solid #007bff;height:12px!important;width:12px!important}.active .resizable-l,.active .resizable-r{top:50%!important;margin-top:-6px}.active .resizable-b,.active .resizable-t{left:50%!important;margin-left:-6px}.component{border:1px solid transparent}.active .component{border:1px solid #007bff;z-index:85!important}.menu-bar i{font-size:25px;color:#fff}.menu-bar button{border-radius:0;width:60px;height:50px;background-color:#000;border:0}.menu-bar>.btn.btn-danger{background-color:#dc3545}.menu-bar button:hover>i{opacity:.4}.ai-curator-bottom-wrap{min-height:400px;height:100%;width:100%}.ai-curator-bottom{margin:30px auto;width:280px}.ai-curator-bottom-button{margin:150px auto;width:280px}.ai-curator-bottom-button #record{width:100%;height:100%;font-size:44px;border-radius:50px;padding:20px}.ai-curator-bottom-language{margin:30px auto;width:100px}.ai-curator-bottom-ox-button{margin:0 auto;text-align:center;width:100%}.ai-curator-bottom-language-button{margin:100px auto;text-align:center;width:600px}.ai-curator-bottom-language-button>.btn{margin:10px;font-size:32px;padding:10px;width:250px;height:100px}.ai-curator-bottom-language{margin:20px auto;text-align:center;width:212px}.ai-curator-bottom-language>.btn{font-size:16px;padding:10px;width:170px;border-bottom:none;height:50px}.ai-curator-bottom-language>.btn:nth-child(4){border-bottom:1px solid #e4e4e4}.ai-curator-bottom-language>.btn.btn-danger{background-color:#fff;color:#000;border-color:#e4e4e4}.ai-curator-bottom-language>.btn.btn-primary{background-color:#222;border-color:#222}.ai-curator-bottom-language>.btn>p{padding-top:2px}.ai-curator-bottom-language>.btn>img{float:left;width:0;height:0;width:28px;height:28px}.main-header{display:none}.option-select{margin-top:.5rem}.animation-wrap{margin-top:20px;padding:0 10px;min-height:500px}.animation-wrap>.active{background-color:#c5c5c5}.animation-component{padding-top:5px;padding-left:10px;border-bottom:1px solid #c5c5c5}.animation-aside{justify-content:space-between;width:100%}.question_num{font-size:24px;color:#dc3545}.question_data{font-size:24px;color:#222}.ai-studio-project-name{position:absolute;left:0;top:-28px;width:-moz-fit-content;width:fit-content;text-align:center}.studio-contents-wrap.row{margin-left:0;margin-right:0}.avatar-80{height:80px;width:80px;min-width:80px;line-height:80px;font-size:1.6rem}.hidden-catch-image{width:500px;height:600px}.custom-control-input:checked~.custom-control-label:before{background-color:#dc3545!important;border-color:#dc3545!important;background-color:#dc3545;border-color:#dc3545}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label:before,.custom-radio .custom-control-input:disabled:checked~.custom-control-label:before{background-color:#007bff;color:#dc3545}.btn-primary.disabled,.btn-primary:disabled{background-color:#000}