diff --git a/client/demo/dist/index.js b/client/demo/dist/index.js
index 682f2ef3..4d125454 100644
--- a/client/demo/dist/index.js
+++ b/client/demo/dist/index.js
@@ -543,7 +543,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_101_RotatedButton_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./101_RotatedButton.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/101_RotatedButton.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_Error_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./Error.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/Error.css\");\n// Imports\n\n\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Chicle&family=Poppins:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap);\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_101_RotatedButton_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_Error_css__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root {\r\n    --text-color: #333;\r\n    --company-color1: rgba(64, 119, 187, 1);\r\n    --company-color2: rgba(29, 47, 78, 1);\r\n    --company-color3: rgba(255, 255, 255, 1);\r\n    --company-color1-alpha: rgba(64, 119, 187, 0.3);\r\n    --company-color2-alpha: rgba(29, 47, 78, 0.3);\r\n    --company-color3-alpha: rgba(255, 255, 255, 0.3);\r\n    --global-shadow-color: rgba(0, 0, 0, 0.4);\r\n\r\n    --sidebar-transition-time: 0.2s;\r\n    --sidebar-transition-time-quick: 0.1s;\r\n    --sidebar-transition-animation: ease-in-out;\r\n\r\n    --header-height: 1.5rem;\r\n    --right-sidebar-width: 320px;\r\n\r\n    --dialog-border-color: rgba(100, 100, 100, 1);\r\n    --dialog-shadow-color: rgba(0, 0, 0, 0.3);\r\n    --dialog-background-color: rgba(255, 255, 255, 1);\r\n    --dialog-primary-color: rgba(19, 70, 209, 1);\r\n    --dialog-active-color: rgba(40, 70, 209, 1);\r\n    --dialog-input-border-color: rgba(200, 200, 200, 1);\r\n    --dialog-submit-button-color: rgba(180, 190, 230, 1);\r\n    --dialog-cancel-button-color: rgba(235, 80, 80, 1);\r\n\r\n    --body-video-seeker-height: 3rem;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: \"Poppins\", sans-serif;\r\n}\r\nhtml {\r\n    font-size: 16px;\r\n}\r\nbody {\r\n    height: 100%;\r\n    width: 100%;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    color: var(--text-color);\r\n    /* background: linear-gradient(45deg, var(--company-color1) 0, 5%, var(--company-color2) 5% 10%, var(--company-color3) 10% 80%, var(--company-color1) 80% 85%, var(--company-color2) 85% 100%); */\r\n    background: linear-gradient(45deg, var(--company-color1) 0, 1%, var(--company-color2) 1% 5%, var(--company-color3) 5% 90%, var(--company-color1) 90% 95%, var(--company-color2) 95% 100%);\r\n}\r\n#app {\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.first-gesture {\r\n    background: rgba(200, 0, 0, 0.2);\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n}\r\n\r\n/* Main + Section Partition*/\r\n.main-body {\r\n    height: 100%;\r\n    width: 100%;\r\n    padding: 2rem;\r\n    font-family: \"Yusei Magic\", sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    font-size: 1rem;\r\n    -webkit-user-select: none;\r\n       -moz-user-select: none;\r\n            user-select: none;\r\n}\r\n/* Title */\r\n.main-body .top-title .title {\r\n            font-size: 3rem;\r\n        }\r\n.main-body .top-title .top-title-version {\r\n            margin-left: 2rem;\r\n            font-size: 1.2rem;\r\n            background: linear-gradient(transparent 60%, yellow 30%);\r\n        }\r\n.main-body .top-title .top-title-version-number {\r\n            margin-left: 0.3rem;\r\n            font-size: 0.8rem;\r\n        }\r\n.main-body .top-title .belongings {\r\n            margin-left: 1rem;\r\n            margin-right: 1rem;\r\n        }\r\n.main-body .top-title .belongings .link {\r\n                margin-left: 1rem;\r\n                font-weight: 700;\r\n                text-decoration: underline;\r\n            }\r\n/* Partition */\r\n.main-body .partition {\r\n        width: 100%;\r\n    }\r\n.main-body .partition .partition-header {\r\n            font-weight: 700;\r\n            color: rgb(71, 69, 69);\r\n            display: flex;\r\n        }\r\n.main-body .partition .partition-header .caret {\r\n                width: 2rem;\r\n            }\r\n.main-body .partition .partition-header .title {\r\n                font-size: 1.1rem;\r\n            }\r\n.main-body .partition .partition-header .belongings {\r\n                font-weight: 400;\r\n                font-size: 0.8rem;\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: flex-end;\r\n                margin-left: 10px;\r\n            }\r\n.main-body .partition .partition-header .belongings .belongings-checkbox {\r\n                    margin-bottom: 3px;\r\n                }\r\n.main-body .partition .partition-content {\r\n            position: static;\r\n            overflow-y: hidden;\r\n        }\r\n.main-body .partition .row-split {\r\n        }\r\n.state-control-checkbox:checked + .partition .partition-content {\r\n    max-height: 700px;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    transition: all var(--sidebar-transition-time) var(--sidebar-transition-animation);\r\n}\r\n.state-control-checkbox + .partition .partition-content {\r\n    max-height: 0px;\r\n    background: rgba(233, 233, 255, 0.3);\r\n    transition: all var(--sidebar-transition-time) var(--sidebar-transition-animation);\r\n}\r\n/* ROW */\r\n\r\n.split-8-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-8-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 80%;\r\n    }\r\n\r\n.split-8-2 > div:nth-child(2) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-6-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-6-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 60%;\r\n    }\r\n.split-6-4 > div:nth-child(2) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-5-5 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-5-5 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 50%;\r\n    }\r\n.split-5-5 > div:nth-child(2) {\r\n        left: 50%;\r\n        width: 50%;\r\n    }\r\n.split-4-6 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-4-6 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 40%;\r\n    }\r\n.split-4-6 > div:nth-child(2) {\r\n        left: 40%;\r\n        width: 60%;\r\n    }\r\n.split-3-7 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-7 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-7 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 70%;\r\n    }\r\n\r\n.split-2-8 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-2-8 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n\r\n.split-2-8 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 80%;\r\n    }\r\n\r\n.split-1-8-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-1-8-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 10%;\r\n    }\r\n\r\n.split-1-8-1 > div:nth-child(2) {\r\n        left: 10%;\r\n        width: 80%;\r\n    }\r\n\r\n.split-1-8-1 > div:nth-child(3) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n.split-2-2-6 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-2-2-6 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n.split-2-2-6 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 20%;\r\n    }\r\n.split-2-2-6 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 60%;\r\n    }\r\n.split-3-3-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-3-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-3-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 30%;\r\n    }\r\n.split-3-3-4 > div:nth-child(3) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n\r\n.split-3-4-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-3-4-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n\r\n.split-3-4-3 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 40%;\r\n    }\r\n\r\n.split-3-4-3 > div:nth-child(3) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-2-5-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-2-5-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n.split-2-5-3 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 50%;\r\n    }\r\n.split-2-5-3 > div:nth-child(3) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-4-4-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-4-4-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 40%;\r\n    }\r\n.split-4-4-2 > div:nth-child(2) {\r\n        left: 40%;\r\n        width: 40%;\r\n    }\r\n.split-4-4-2 > div:nth-child(3) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-1-4-4-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-1-4-4-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 10%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(2) {\r\n        left: 10%;\r\n        width: 40%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 40%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(4) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n\r\n.split-3-2-2-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-3-2-2-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 20%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(4) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-3-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(4) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-3-1-2-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-1-2-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 20%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(4) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-3-2-1-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-1-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 10%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(4) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-3-2-2-2-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-2-2-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(4) {\r\n        left: 70%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(5) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-1-1-1-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(4) {\r\n        left: 50%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(5) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.w20 {\r\n    width: 20%;\r\n}\r\n.bold {\r\n    font-weight: 700;\r\n}\r\n.w40 {\r\n    width: 40%;\r\n}\r\n\r\n.underline {\r\n    border-bottom: 3px solid #333;\r\n}\r\n.left-padding-05 {\r\n    padding-left: 0.5rem;\r\n}\r\n.left-padding-1 {\r\n    padding-left: 1rem;\r\n}\r\n.left-padding-2 {\r\n    padding-left: 2rem;\r\n}\r\n.left-margin-1 {\r\n    margin-left: 1rem;\r\n}\r\n.left-margin-2 {\r\n    margin-left: 2rem;\r\n}\r\n.highlight {\r\n    background-color: rgba(200, 200, 255, 0.3);\r\n}\r\n.guided {\r\n    /* background-color: rgba(9, 133, 67, 0.3); */\r\n    background-color: rgba(159, 165, 162, 0.1);\r\n    /* border-bottom: 1px solid rgba(9, 133, 67, 0.3); */\r\n}\r\n\r\n.divider {\r\n    height: 0.8rem;\r\n    /* background-color: rgba(16, 210, 113, 0.1); */\r\n    background-color: rgba(31, 42, 36, 0.1);\r\n}\r\n\r\n.body-section-title {\r\n    font-size: 1.5rem;\r\n    color: rgb(51, 49, 49);\r\n}\r\n.body-sub-section-title {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: rgb(3, 53, 12);\r\n}\r\n\r\n.body-item-title {\r\n    color: rgb(51, 99, 49);\r\n    display: flex;\r\n}\r\n.body-item-text {\r\n    color: rgb(30, 30, 30);\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n.body-item-text .body-item-text-item {\r\n        padding-left: 1rem;\r\n    }\r\n.body-item-text-small {\r\n    color: rgb(30, 30, 30);\r\n    font-size: 0.7rem;\r\n}\r\n.body-item-text-em {\r\n    color: rgb(250, 30, 30);\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    font-weight: 700;\r\n}\r\n\r\n.body-input-container {\r\n    display: flex;\r\n}\r\n.body-item-input {\r\n    width: 60%;\r\n}\r\n.body-item-input-slider {\r\n    width: 60%;\r\n}\r\n.body-item-input-slider-label {\r\n    margin-right: 1rem;\r\n}\r\n.body-item-input-slider-val {\r\n    margin-left: 1rem;\r\n}\r\n.body-item-input-slider-2nd {\r\n    width: 60%;\r\n    accent-color: #33f;\r\n}\r\n\r\n.body-button-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.body-button-container > div {\r\n        margin-left: 5px;\r\n        margin-right: 5px;\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n.body-button-container .body-button {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        cursor: pointer;\r\n        vertical-align: middle;\r\n        text-align: center;\r\n    }\r\n\r\n.body-button-container .body-button:hover {\r\n            border: solid 1px #000;\r\n        }\r\n\r\n.body-button-container .body-button-disabled {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        vertical-align: middle;\r\n        background: #ddd;\r\n    }\r\n\r\n.body-button-container .body-button-active {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #333;\r\n        border-radius: 2px;\r\n        background: #ada;\r\n    }\r\n\r\n.body-button-container .body-button-stanby {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        background: #aba;\r\n        cursor: pointer;\r\n    }\r\n\r\n.body-button-container .body-button-stanby:hover {\r\n            border: solid 1px #000;\r\n        }\r\n\r\n.body-button-container-space-around {\r\n    justify-content: space-around;\r\n}\r\n\r\n.body-select {\r\n    color: rgb(30, 30, 30);\r\n    max-width: 100%;\r\n}\r\n\r\n.body-select-50 {\r\n    color: rgb(30, 30, 30);\r\n    max-width: 50%;\r\n    height: 1.5rem;\r\n}\r\n.select-option-red {\r\n    color: #f66;\r\n    font-weight: 700;\r\n}\r\n\r\n.body-image-container,\r\n.body-wav-container {\r\n    display: flex;\r\n    width: 100%;\r\n}\r\n\r\n.body-image-container .body-image-container-title,\r\n    .body-image-container .body-wav-container-title,\r\n    .body-wav-container .body-image-container-title,\r\n    .body-wav-container .body-wav-container-title {\r\n        width: 20%;\r\n    }\r\n\r\n.body-image-container .body-image-container-img,\r\n    .body-image-container .body-wav-container-wav,\r\n    .body-wav-container .body-image-container-img,\r\n    .body-wav-container .body-wav-container-wav {\r\n        width: 80%;\r\n    }\r\n\r\n.donate-img {\r\n    border-radius: 35px;\r\n    height: 1.5rem;\r\n}\r\n\r\n/* Dialog */\r\n.dialog-container,\r\n.dialog-container2 {\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: -1;\r\n    display: none;\r\n}\r\n.dialog-container .dialog-frame, .dialog-container2 .dialog-frame {\r\n        color: var(--company-color2);\r\n        width: 40rem;\r\n        max-height: 80vh;\r\n        border: 2px solid var(--dialog-border-color);\r\n        border-radius: 20px;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-shadow: 5px 5px 5px var(--dialog-shadow-color);\r\n        background: var(--dialog-background-color);\r\n        overflow: hidden;\r\n        display: flex;\r\n    }\r\n.dialog-container .dialog-frame .dialog-title, .dialog-container2 .dialog-frame .dialog-title {\r\n            margin-top: 20px;\r\n            background: var(--company-color2);\r\n            color: #fff;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n.dialog-container .dialog-frame .dialog-content, .dialog-container2 .dialog-frame .dialog-content {\r\n            width: 90%;\r\n        }\r\n.dialog-container .dialog-frame .dialog-content .dialog-application-title, .dialog-container2 .dialog-frame .dialog-content .dialog-application-title {\r\n                font-family: \"Chicle\", cursive;\r\n                font-size: 3rem;\r\n                text-align: center;\r\n            }\r\n.dialog-container .dialog-frame .dialog-content .dialog-content-part, .dialog-container2 .dialog-frame .dialog-content .dialog-content-part {\r\n                margin-top: 1rem;\r\n                margin-bottom: 1rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-content .input-text-container, .dialog-container2 .dialog-frame .dialog-content .input-text-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                margin: 20px;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content, .dialog-container2 .dialog-frame .dialog-fixed-size-content {\r\n            width: 90%;\r\n            max-height: 70vh;\r\n        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header,\r\n            .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header {\r\n                font-weight: 700;\r\n                margin: 5px 5px 5px 5px;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button {\r\n                    font-weight: 400;\r\n                    font-size: 0.8rem;\r\n                    -webkit-user-select: none;\r\n                       -moz-user-select: none;\r\n                            user-select: none;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    cursor: pointer;\r\n                    vertical-align: middle;\r\n                    text-align: center;\r\n                    padding: 1px 5px 1px 5px;\r\n                    margin-left: 1rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container {\r\n                max-height: 60vh;\r\n                width: 100%;\r\n                overflow-y: scroll;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot {\r\n                    height: 5rem;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon {\r\n                        width: 5rem;\r\n                        height: 5rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon-pointable, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon-pointable {\r\n                        width: 5rem;\r\n                        height: 5rem;\r\n                        cursor: pointer;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        font-size: 0.8rem;\r\n                        border-bottom: solid 1px #aaa;\r\n                        width: 80%;\r\n                        overflow-y: scroll;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar {\r\n                            width: 10px;\r\n                            height: 10px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-track, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-track {\r\n                            background-color: #eee;\r\n                            border-radius: 3px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-thumb, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-thumb {\r\n                            background: #f7cfec80;\r\n                            border-radius: 3px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row {\r\n                            display: flex;\r\n                            flex-direction: row;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-label, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-label {\r\n                                width: 20%;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-download, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-download {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                                cursor: pointer;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-pointable, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-pointable {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                                cursor: pointer;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-edit, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-edit {\r\n                                width: 55%;\r\n                                font-weight: 700;\r\n                                color: #f00;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-button {\r\n                                width: 15%;\r\n                                height: 90%;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-buttons, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-buttons {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        border-bottom: solid 1px #a00;\r\n                        width: 20%;\r\n                        font-size: 0.8rem;\r\n                        padding: 4px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        cursor: pointer;\r\n                        vertical-align: middle;\r\n                        text-align: center;\r\n                        padding: 1px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-disabled, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-disabled {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        vertical-align: middle;\r\n                        background: #ddd;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-active, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-active {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #333;\r\n                        border-radius: 2px;\r\n                        background: #ada;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        background: #aba;\r\n                        cursor: pointer;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-voice-changer-select,\r\n            .dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-title,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-voice-changer-select,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-title {\r\n                font-size: 1rem;\r\n                padding-left: 0.5rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container {\r\n                font-size: 0.9rem;\r\n                padding-left: 1rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    margin: 0.2rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-label, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-label {\r\n                        width: 10rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-value, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-value {\r\n                        width: 15rem;\r\n                        color: #f00;\r\n                        white-space: nowrap;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        cursor: pointer;\r\n                        vertical-align: middle;\r\n                        text-align: center;\r\n                        padding: 1px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                margin-top: 1rem;\r\n                margin-bottom: 0.5rem;\r\n                justify-content: center;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button {\r\n                    /* width: 12rem; */\r\n                    -webkit-user-select: none;\r\n                       -moz-user-select: none;\r\n                            user-select: none;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    cursor: pointer;\r\n                    vertical-align: middle;\r\n                    text-align: center;\r\n                    padding: 1px 10px 1px 10px;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row {\r\n                display: flex;\r\n                flex-direction: row;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-title, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-title {\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    margin: 0px 0px 0px 1rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-id-label,\r\n                    .dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-name-label,\r\n                    .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-id-label,\r\n                    .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-name-label {\r\n                        margin: 0px 0px 0px 0.5rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons {\r\n                        margin: 0px 0px 0px 0.5rem;\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button {\r\n                            margin: 0px 0.5rem 0px 0.5rem;\r\n                            -webkit-user-select: none;\r\n                               -moz-user-select: none;\r\n                                    user-select: none;\r\n                            border: solid 1px #999;\r\n                            border-radius: 2px;\r\n                            cursor: pointer;\r\n                            vertical-align: middle;\r\n                            text-align: center;\r\n                            padding: 0px 10px 0px 10px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button:hover {\r\n                                border: solid 1px #000;\r\n                            }\r\n.dialog-container-show {\r\n    display: flex;\r\n}\r\n\r\n.state-control-checkbox:checked ~ .dialog-container {\r\n    background: rgba(200, 200, 200, 0.4);\r\n    animation-name: dialog-show;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox ~ .dialog-container {\r\n    background: rgba(100, 100, 100, 0.4);\r\n    animation-name: dialog-hide;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox:checked + .dialog-frame {\r\n    display: flex;\r\n}\r\n.state-control-checkbox + .dialog-frame {\r\n    display: none;\r\n}\r\n\r\n@keyframes dialog-hide {\r\n    from {\r\n        opacity: 1;\r\n        z-index: 200;\r\n    }\r\n    90% {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    to {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n@keyframes dialog-show {\r\n    from {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    10% {\r\n        z-index: 200;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        z-index: 200;\r\n    }\r\n}\r\n\r\n.state-control-checkbox:checked ~ .dialog-container2 {\r\n    background: rgba(200, 200, 200, 0.4);\r\n    animation-name: dialog-show2;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox ~ .dialog-container2 {\r\n    background: rgba(100, 100, 100, 0.4);\r\n    animation-name: dialog-hide2;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n/* .state-control-checkbox:checked + .dialog-frame {\r\n    display: flex;\r\n}\r\n.state-control-checkbox + .dialog-frame {\r\n    display: none;\r\n} */\r\n\r\n@keyframes dialog-hide2 {\r\n    from {\r\n        opacity: 1;\r\n        z-index: 400;\r\n    }\r\n    90% {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    to {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n@keyframes dialog-show2 {\r\n    from {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    10% {\r\n        z-index: 400;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        z-index: 400;\r\n    }\r\n}\r\n\r\n.tooltip-text {\r\n    display: none;\r\n    position: absolute;\r\n    padding: 4px;\r\n    font-size: 0.7rem;\r\n    line-height: 2rem;\r\n    color: #ddd;\r\n    border-radius: 5px;\r\n    background: #444;\r\n    /* width: 100px; */\r\n}\r\n.tooltip-text-100px {\r\n    width: 100px;\r\n}\r\n.tooltip-text-thin {\r\n    line-height: 1rem;\r\n}\r\n.tooltip-text-right {\r\n    line-height: 1rem;\r\n}\r\n.tooltip-text:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1.4rem;\r\n    border: 12px solid transparent;\r\n    border-top: 16px solid #444;\r\n    margin-left: 0rem;\r\n    transform: rotateZ(180deg);\r\n}\r\n.tooltip:hover .tooltip-text {\r\n    display: inline-block;\r\n    top: 30px;\r\n    left: 0px;\r\n}\r\n.tooltip:hover .tooltip-text-lower {\r\n    display: inline-block;\r\n    top: 60px;\r\n    left: 0px;\r\n}\r\n\r\n.tooltip {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n}\r\n\r\n/* ##################  */\r\n.merge-field-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.merge-field-container .merge-field {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-field-container .merge-field .merge-field-elem {\r\n            padding-left: 5px;\r\n        }\r\n.merge-field-container .merge-field .red {\r\n            color: #f00;\r\n        }\r\n.merge-field-container .merge-field .purple {\r\n            color: #33f;\r\n        }\r\n.merge-field-container .merge-field .grey-bold {\r\n            color: #555;\r\n            font-weight: 800;\r\n        }\r\n.model-slot-area {\r\n    display: inline-block;\r\n    background: var(--company-color2);\r\n    border-radius: 10px;\r\n    padding: 20px;\r\n}\r\n.model-slot-area .model-slot-panel {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n    }\r\n.model-slot-area .model-slot-panel .model-slot-tiles-container {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 2px;\r\n            flex-wrap: wrap;\r\n            /* width: calc(30rem + 40px + 10px); */\r\n        }\r\n.model-slot-area .model-slot-panel .model-slot-buttons {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n        }\r\n.model-slot-area .model-slot-panel .model-slot-buttons .model-slot-button {\r\n                border: solid 2px #999;\r\n                color: white;\r\n                font-size: 0.8rem;\r\n                border-radius: 2px;\r\n                background: #333;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n            }\r\n.model-slot-area .model-slot-panel .model-slot-buttons .model-slot-button:hover {\r\n                border: solid 2px #faa;\r\n            }\r\n.model-slot-tile-container,\r\n.model-slot-tile-container-selected {\r\n    width: 6rem;\r\n    height: 6rem;\r\n    border-radius: 2px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.model-slot-tile-container-selected {\r\n    background: #43030c;\r\n}\r\n.model-slot-tile-container:hover {\r\n    background: #43030c;\r\n}\r\n\r\n.model-slot-tile-icon-div {\r\n    width: 5rem;\r\n    height: 5rem;\r\n    padding-top: 4px;\r\n    position: relative;\r\n}\r\n.model-slot-tile-icon {\r\n    width: 5rem;\r\n    height: 5rem;\r\n    -o-object-fit: contain;\r\n       object-fit: contain;\r\n    border-radius: 10px;\r\n    position: absolute;\r\n}\r\n.model-slot-tile-vctype {\r\n    position: absolute;\r\n    font-size: 0.6rem;\r\n    font-weight: 800;\r\n    top: 5px;\r\n    left: 2px;\r\n    background: RGBA(10, 200, 100, 0.6);\r\n    border-radius: 5px;\r\n    padding: 0px 2px 0px 2px;\r\n}\r\n.model-slot-tile-icon-no-entry {\r\n    color: gray;\r\n    position: absolute;\r\n    top: 2rem;\r\n}\r\n.model-slot-tile-dscription {\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    color: navajowhite;\r\n    padding-top: 4px;\r\n}\r\n\r\n.character-area {\r\n    display: flex;\r\n    gap: 5px;\r\n    padding: 20px;\r\n}\r\n\r\n.character-area .portrait-area {\r\n        width: 20rem;\r\n        height: 20rem;\r\n    }\r\n\r\n.character-area .portrait-area .portrait-container {\r\n            position: relative;\r\n            width: 20rem;\r\n            height: 20rem;\r\n        }\r\n\r\n.character-area .portrait-area .portrait-container .portrait {\r\n                width: 20rem;\r\n                height: 20rem;\r\n                -o-object-fit: contain;\r\n                   object-fit: contain;\r\n                border-radius: 10px;\r\n                position: absolute;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-status {\r\n                width: 5rem;\r\n                background: rgba(100, 100, 100, 0.5);\r\n                color: white;\r\n                position: absolute;\r\n                padding: 0px 0px 0px 3px;\r\n                font-size: 0.7rem;\r\n                left: 5px;\r\n                top: 5px;\r\n                border-radius: 2px;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-status .portrait-area-status-vctype {\r\n                    font-weight: 800;\r\n                    color: #866;\r\n                }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-terms-of-use {\r\n                width: 5rem;\r\n                background: rgba(100, 100, 100, 0.5);\r\n                color: white;\r\n                position: absolute;\r\n                paddig: 2px;\r\n                font-size: 0.7rem;\r\n                right: 5px;\r\n                bottom: 5px;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-terms-of-use .portrait-area-terms-of-use-link {\r\n                    color: white;\r\n                }\r\n\r\n.character-area .character-area-control-area {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n.character-area .character-area-control-area .character-area-control {\r\n            display: flex;\r\n            gap: 3px;\r\n        }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons {\r\n                display: flex;\r\n                flex-direction: row;\r\n                gap: 10px;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-active {\r\n                    width: 5rem;\r\n                    border: solid 1px #333;\r\n                    border-radius: 2px;\r\n                    background: #ada;\r\n                    font-weight: 700;\r\n                    text-align: center;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-stanby {\r\n                    width: 5rem;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    background: #aba;\r\n                    cursor: pointer;\r\n                    font-weight: 700;\r\n                    text-align: center;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-stanby:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-title {\r\n                width: 4rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field {\r\n                /* width: 20rem; */\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-kind {\r\n                        width: 2rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-slider {\r\n                        width: 10rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-val {\r\n                        width: 3rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-text {\r\n                        padding: 0px 1px 0px 1px;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons .character-area-button {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 2px;\r\n                        background: #666;\r\n                        cursor: pointer;\r\n                        padding: 5px;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons .character-area-button:hover {\r\n                        border: solid 2px #faa;\r\n                    }\r\n\r\n/* audio::-webkit-media-controls-play-button,\r\naudio::-webkit-media-controls-panel {\r\n    background-color: #ff0;\r\n    height: 1rem;\r\n}\r\naudio::-webkit-media-controls-enclosure {\r\n    max-height: 1rem;\r\n}\r\naudio::-webkit-media-controls {\r\n    justify-content: start;\r\n}\r\naudio::-webkit-media-controls-overlay-enclosure{\r\n    height: 1rem;\r\n} */\r\n\r\n.config-area {\r\n    display: flex;\r\n    gap: 5px;\r\n    padding: 20px;\r\n}\r\n\r\n.config-area .config-sub-area {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3px;\r\n    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control {\r\n            display: flex;\r\n        }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-title {\r\n                width: 5rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-title-long {\r\n                width: 20rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field {\r\n                width: 15rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-noise-container {\r\n                    display: flex;\r\n                    gap: 10px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-noise-container .config-sub-area-noise-checkbox-container {\r\n                        display: flex;\r\n                        gap: 5px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-kind {\r\n                        width: 1rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-slider {\r\n                        width: 10rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-val {\r\n                        width: 3rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                    align-items: center;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        background: #666;\r\n\r\n                        cursor: pointer;\r\n\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button:hover {\r\n                        border: solid 2px #faa;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button-active {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        background: #844;\r\n\r\n                        cursor: pointer;\r\n\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io .config-sub-area-control-field-auido-io-filter {\r\n                        max-width: 30%;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io .config-sub-area-control-field-auido-io-select {\r\n                        max-width: 70%;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select {\r\n                    display: flex;\r\n                    flex-direction: row-reverse;\r\n                    gap: 5px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select .config-sub-area-control-field-screen-select-button-active {\r\n                        font-size: 0.8rem;\r\n                        border: solid 1px #333;\r\n                        border-radius: 5px;\r\n                        background: #ada;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select .config-sub-area-control-field-screen-select-button {\r\n                        border: solid 1px #333;\r\n                        background: #fff;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-audio-container {\r\n                        height: 1rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-audio-container .config-sub-area-control-field-wav-file-audio {\r\n                            height: 1rem;\r\n                            width: 15rem;\r\n                        }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-folder {\r\n                        height: 1rem;\r\n                        width: 1rem;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-echoback-button {\r\n                        border: solid 1px #333;\r\n                        background: #fff;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-echoback-button-active {\r\n                        font-size: 0.8rem;\r\n                        border: solid 1px #333;\r\n                        border-radius: 5px;\r\n                        background: #ada;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field-long {\r\n                width: 30rem;\r\n            }\r\n\r\n.headerArea {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.headerArea .title1 {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n        align-items: flex-end;\r\n    }\r\n\r\n.headerArea .title1 .title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            text-shadow: 0 0 2px #333;\r\n        }\r\n\r\n.headerArea .title1 .title-version {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.headerArea .title1 .title-version-number {\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n.headerArea .icons {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 20px;\r\n    }\r\n\r\n.headerArea .icons .belongings {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 3px;\r\n        }\r\n\r\n.headerArea .icons .belongings .belongings-button {\r\n                border: solid 2px #999;\r\n                color: white;\r\n                font-size: 0.8rem;\r\n                border-radius: 5px;\r\n                background: #666;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n                height: 1.7rem;\r\n                top: -2px;\r\n            }\r\n\r\n.headerArea .icons .belongings .belongings-button:hover {\r\n                border: solid 2px #cc6;\r\n            }\r\n\r\n.advanced-setting-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    margin: 10px;\r\n}\r\n\r\n.advanced-setting-container .advanced-setting-container-row {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n    }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-title {\r\n            width: 7rem;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field {\r\n            width: 15rem;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                gap: 5px;\r\n                width: 10rem;\r\n            }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 3px;\r\n                }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div > div:nth-child(1) {\r\n                        color: #333;\r\n                    }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div > div:nth-child(2) {\r\n                    }\r\n.get-server-information-container {\r\n    margin: 10px;\r\n}\r\n.get-server-information-container .get-server-information-text-area {\r\n        width: 100%;\r\n        height: 20rem;\r\n    }\r\n.merge-lab-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin: 10px;\r\n    gap: 10px;\r\n}\r\n.merge-lab-container .merge-lab-type-filter {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-lab-container .merge-lab-type-filter > div:nth-child(1) {\r\n            width: 50%;\r\n        }\r\n.merge-lab-container .merge-lab-type-filter > div:nth-child(2) {\r\n            width: 50%;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list {\r\n            width: 70%;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item {\r\n                display: flex;\r\n                flex-direction: row;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item > div:nth-child(1) {\r\n                    width: 50%;\r\n                }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item > div:nth-child(2) {\r\n                    width: 50%;\r\n                }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n            width: 30%;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-button {\r\n                border: solid 2px #ddd;\r\n                color: black;\r\n                font-size: 0.8rem;\r\n                border-radius: 5px;\r\n                background: #eee;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n                height: 1.7rem;\r\n                text-align: center;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-button:hover {\r\n                border: solid 2px #aaa;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-buttons-notice {\r\n                font-size: 0.7rem;\r\n                font-weight: 700;\r\n                color: #333;\r\n                text-align: center;\r\n            }\r\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://demo/./src/css/App.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B2%5D.use%5B1%5D!./node_modules/postcss-loader/dist/cjs.js");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_101_RotatedButton_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./101_RotatedButton.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/101_RotatedButton.css\");\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_Error_css__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! -!../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!../../node_modules/postcss-loader/dist/cjs.js!./Error.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[2].use[1]!./node_modules/postcss-loader/dist/cjs.js!./src/css/Error.css\");\n// Imports\n\n\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Chicle&family=Poppins:ital,wght@0,200;0,400;0,600;1,200;1,400;1,600&display=swap);\"]);\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Yusei+Magic&display=swap);\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_101_RotatedButton_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"]);\n___CSS_LOADER_EXPORT___.i(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_2_use_1_node_modules_postcss_loader_dist_cjs_js_Error_css__WEBPACK_IMPORTED_MODULE_3__[\"default\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `:root {\r\n    --text-color: #333;\r\n    --company-color1: rgba(64, 119, 187, 1);\r\n    --company-color2: rgba(29, 47, 78, 1);\r\n    --company-color3: rgba(255, 255, 255, 1);\r\n    --company-color1-alpha: rgba(64, 119, 187, 0.3);\r\n    --company-color2-alpha: rgba(29, 47, 78, 0.3);\r\n    --company-color3-alpha: rgba(255, 255, 255, 0.3);\r\n    --global-shadow-color: rgba(0, 0, 0, 0.4);\r\n\r\n    --sidebar-transition-time: 0.2s;\r\n    --sidebar-transition-time-quick: 0.1s;\r\n    --sidebar-transition-animation: ease-in-out;\r\n\r\n    --header-height: 1.5rem;\r\n    --right-sidebar-width: 320px;\r\n\r\n    --dialog-border-color: rgba(100, 100, 100, 1);\r\n    --dialog-shadow-color: rgba(0, 0, 0, 0.3);\r\n    --dialog-background-color: rgba(255, 255, 255, 1);\r\n    --dialog-primary-color: rgba(19, 70, 209, 1);\r\n    --dialog-active-color: rgba(40, 70, 209, 1);\r\n    --dialog-input-border-color: rgba(200, 200, 200, 1);\r\n    --dialog-submit-button-color: rgba(180, 190, 230, 1);\r\n    --dialog-cancel-button-color: rgba(235, 80, 80, 1);\r\n\r\n    --body-video-seeker-height: 3rem;\r\n}\r\n\r\n* {\r\n    margin: 0;\r\n    padding: 0;\r\n    box-sizing: border-box;\r\n    font-family: \"Poppins\", sans-serif;\r\n}\r\nhtml {\r\n    font-size: 16px;\r\n}\r\nbody {\r\n    height: 100%;\r\n    width: 100%;\r\n    overflow-y: scroll;\r\n    overflow-x: hidden;\r\n    color: var(--text-color);\r\n    /* background: linear-gradient(45deg, var(--company-color1) 0, 5%, var(--company-color2) 5% 10%, var(--company-color3) 10% 80%, var(--company-color1) 80% 85%, var(--company-color2) 85% 100%); */\r\n    background: linear-gradient(45deg, var(--company-color1) 0, 1%, var(--company-color2) 1% 5%, var(--company-color3) 5% 90%, var(--company-color1) 90% 95%, var(--company-color2) 95% 100%);\r\n}\r\n#app {\r\n    height: 100%;\r\n    width: 100%;\r\n}\r\n.first-gesture {\r\n    background: rgba(200, 0, 0, 0.2);\r\n    width: 100%;\r\n    height: 100%;\r\n    position: absolute;\r\n}\r\n\r\n/* Main + Section Partition*/\r\n.main-body {\r\n    height: 100%;\r\n    width: 100%;\r\n    padding: 2rem;\r\n    font-family: \"Yusei Magic\", sans-serif;\r\n    display: flex;\r\n    flex-direction: column;\r\n    font-size: 1rem;\r\n    -webkit-user-select: none;\r\n       -moz-user-select: none;\r\n            user-select: none;\r\n}\r\n/* Title */\r\n.main-body .top-title .title {\r\n            font-size: 3rem;\r\n        }\r\n.main-body .top-title .top-title-version {\r\n            margin-left: 2rem;\r\n            font-size: 1.2rem;\r\n            background: linear-gradient(transparent 60%, yellow 30%);\r\n        }\r\n.main-body .top-title .top-title-version-number {\r\n            margin-left: 0.3rem;\r\n            font-size: 0.8rem;\r\n        }\r\n.main-body .top-title .belongings {\r\n            margin-left: 1rem;\r\n            margin-right: 1rem;\r\n        }\r\n.main-body .top-title .belongings .link {\r\n                margin-left: 1rem;\r\n                font-weight: 700;\r\n                text-decoration: underline;\r\n            }\r\n/* Partition */\r\n.main-body .partition {\r\n        width: 100%;\r\n    }\r\n.main-body .partition .partition-header {\r\n            font-weight: 700;\r\n            color: rgb(71, 69, 69);\r\n            display: flex;\r\n        }\r\n.main-body .partition .partition-header .caret {\r\n                width: 2rem;\r\n            }\r\n.main-body .partition .partition-header .title {\r\n                font-size: 1.1rem;\r\n            }\r\n.main-body .partition .partition-header .belongings {\r\n                font-weight: 400;\r\n                font-size: 0.8rem;\r\n                display: flex;\r\n                flex-direction: row;\r\n                align-items: flex-end;\r\n                margin-left: 10px;\r\n            }\r\n.main-body .partition .partition-header .belongings .belongings-checkbox {\r\n                    margin-bottom: 3px;\r\n                }\r\n.main-body .partition .partition-content {\r\n            position: static;\r\n            overflow-y: hidden;\r\n        }\r\n.main-body .partition .row-split {\r\n        }\r\n.state-control-checkbox:checked + .partition .partition-content {\r\n    max-height: 700px;\r\n    background: rgba(255, 255, 255, 0.3);\r\n    transition: all var(--sidebar-transition-time) var(--sidebar-transition-animation);\r\n}\r\n.state-control-checkbox + .partition .partition-content {\r\n    max-height: 0px;\r\n    background: rgba(233, 233, 255, 0.3);\r\n    transition: all var(--sidebar-transition-time) var(--sidebar-transition-animation);\r\n}\r\n/* ROW */\r\n\r\n.split-8-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-8-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 80%;\r\n    }\r\n\r\n.split-8-2 > div:nth-child(2) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-6-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-6-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 60%;\r\n    }\r\n.split-6-4 > div:nth-child(2) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-5-5 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-5-5 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 50%;\r\n    }\r\n.split-5-5 > div:nth-child(2) {\r\n        left: 50%;\r\n        width: 50%;\r\n    }\r\n.split-4-6 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-4-6 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 40%;\r\n    }\r\n.split-4-6 > div:nth-child(2) {\r\n        left: 40%;\r\n        width: 60%;\r\n    }\r\n.split-3-7 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-7 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-7 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 70%;\r\n    }\r\n\r\n.split-2-8 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-2-8 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n\r\n.split-2-8 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 80%;\r\n    }\r\n\r\n.split-1-8-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-1-8-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 10%;\r\n    }\r\n\r\n.split-1-8-1 > div:nth-child(2) {\r\n        left: 10%;\r\n        width: 80%;\r\n    }\r\n\r\n.split-1-8-1 > div:nth-child(3) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n.split-2-2-6 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-2-2-6 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n.split-2-2-6 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 20%;\r\n    }\r\n.split-2-2-6 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 60%;\r\n    }\r\n.split-3-3-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-3-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-3-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 30%;\r\n    }\r\n.split-3-3-4 > div:nth-child(3) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n\r\n.split-3-4-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-3-4-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n\r\n.split-3-4-3 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 40%;\r\n    }\r\n\r\n.split-3-4-3 > div:nth-child(3) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-2-5-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-2-5-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 20%;\r\n    }\r\n.split-2-5-3 > div:nth-child(2) {\r\n        left: 20%;\r\n        width: 50%;\r\n    }\r\n.split-2-5-3 > div:nth-child(3) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-4-4-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-4-4-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 40%;\r\n    }\r\n.split-4-4-2 > div:nth-child(2) {\r\n        left: 40%;\r\n        width: 40%;\r\n    }\r\n.split-4-4-2 > div:nth-child(3) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-1-4-4-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-1-4-4-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 10%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(2) {\r\n        left: 10%;\r\n        width: 40%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 40%;\r\n    }\r\n.split-1-4-4-1 > div:nth-child(4) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n\r\n.split-3-2-2-3 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n\r\n.split-3-2-2-3 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 20%;\r\n    }\r\n\r\n.split-3-2-2-3 > div:nth-child(4) {\r\n        left: 70%;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-3-2 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 30%;\r\n    }\r\n.split-3-2-3-2 > div:nth-child(4) {\r\n        left: 80%;\r\n        width: 20%;\r\n    }\r\n.split-3-1-2-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-1-2-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 20%;\r\n    }\r\n.split-3-1-2-4 > div:nth-child(4) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-3-2-1-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-1-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 10%;\r\n    }\r\n.split-3-2-1-4 > div:nth-child(4) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.split-3-2-2-2-1 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-2-2-2-1 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(3) {\r\n        left: 50%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(4) {\r\n        left: 70%;\r\n        width: 20%;\r\n    }\r\n.split-3-2-2-2-1 > div:nth-child(5) {\r\n        left: 90%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 {\r\n    display: flex;\r\n    width: 100%;\r\n    justify-content: center;\r\n    margin: 1px 0px 1px 0px;\r\n}\r\n.split-3-1-1-1-4 > div:nth-child(1) {\r\n        left: 0px;\r\n        width: 30%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(2) {\r\n        left: 30%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(3) {\r\n        left: 40%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(4) {\r\n        left: 50%;\r\n        width: 10%;\r\n    }\r\n.split-3-1-1-1-4 > div:nth-child(5) {\r\n        left: 60%;\r\n        width: 40%;\r\n    }\r\n.w20 {\r\n    width: 20%;\r\n}\r\n.bold {\r\n    font-weight: 700;\r\n}\r\n.w40 {\r\n    width: 40%;\r\n}\r\n\r\n.underline {\r\n    border-bottom: 3px solid #333;\r\n}\r\n.left-padding-05 {\r\n    padding-left: 0.5rem;\r\n}\r\n.left-padding-1 {\r\n    padding-left: 1rem;\r\n}\r\n.left-padding-2 {\r\n    padding-left: 2rem;\r\n}\r\n.left-margin-1 {\r\n    margin-left: 1rem;\r\n}\r\n.left-margin-2 {\r\n    margin-left: 2rem;\r\n}\r\n.highlight {\r\n    background-color: rgba(200, 200, 255, 0.3);\r\n}\r\n.guided {\r\n    /* background-color: rgba(9, 133, 67, 0.3); */\r\n    background-color: rgba(159, 165, 162, 0.1);\r\n    /* border-bottom: 1px solid rgba(9, 133, 67, 0.3); */\r\n}\r\n\r\n.divider {\r\n    height: 0.8rem;\r\n    /* background-color: rgba(16, 210, 113, 0.1); */\r\n    background-color: rgba(31, 42, 36, 0.1);\r\n}\r\n\r\n.body-section-title {\r\n    font-size: 1.5rem;\r\n    color: rgb(51, 49, 49);\r\n}\r\n.body-sub-section-title {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    color: rgb(3, 53, 12);\r\n}\r\n\r\n.body-item-title {\r\n    color: rgb(51, 99, 49);\r\n    display: flex;\r\n}\r\n.body-item-text {\r\n    color: rgb(30, 30, 30);\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n}\r\n.body-item-text .body-item-text-item {\r\n        padding-left: 1rem;\r\n    }\r\n.body-item-text-small {\r\n    color: rgb(30, 30, 30);\r\n    font-size: 0.7rem;\r\n}\r\n.body-item-text-em {\r\n    color: rgb(250, 30, 30);\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\n    font-weight: 700;\r\n}\r\n\r\n.body-input-container {\r\n    display: flex;\r\n}\r\n.body-item-input {\r\n    width: 60%;\r\n}\r\n.body-item-input-slider {\r\n    width: 60%;\r\n}\r\n.body-item-input-slider-label {\r\n    margin-right: 1rem;\r\n}\r\n.body-item-input-slider-val {\r\n    margin-left: 1rem;\r\n}\r\n.body-item-input-slider-2nd {\r\n    width: 60%;\r\n    accent-color: #33f;\r\n}\r\n\r\n.body-button-container {\r\n    display: flex;\r\n    flex-direction: row;\r\n    align-items: center;\r\n}\r\n\r\n.body-button-container > div {\r\n        margin-left: 5px;\r\n        margin-right: 5px;\r\n        padding-left: 20px;\r\n        padding-right: 20px;\r\n    }\r\n\r\n.body-button-container .body-button {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        cursor: pointer;\r\n        vertical-align: middle;\r\n        text-align: center;\r\n    }\r\n\r\n.body-button-container .body-button:hover {\r\n            border: solid 1px #000;\r\n        }\r\n\r\n.body-button-container .body-button-disabled {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        vertical-align: middle;\r\n        background: #ddd;\r\n    }\r\n\r\n.body-button-container .body-button-active {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #333;\r\n        border-radius: 2px;\r\n        background: #ada;\r\n    }\r\n\r\n.body-button-container .body-button-stanby {\r\n        -webkit-user-select: none;\r\n           -moz-user-select: none;\r\n                user-select: none;\r\n        border: solid 1px #999;\r\n        border-radius: 2px;\r\n        background: #aba;\r\n        cursor: pointer;\r\n    }\r\n\r\n.body-button-container .body-button-stanby:hover {\r\n            border: solid 1px #000;\r\n        }\r\n\r\n.body-button-container-space-around {\r\n    justify-content: space-around;\r\n}\r\n\r\n.body-select {\r\n    color: rgb(30, 30, 30);\r\n    max-width: 100%;\r\n}\r\n\r\n.body-select-50 {\r\n    color: rgb(30, 30, 30);\r\n    max-width: 50%;\r\n    height: 1.5rem;\r\n}\r\n.select-option-red {\r\n    color: #f66;\r\n    font-weight: 700;\r\n}\r\n\r\n.body-image-container,\r\n.body-wav-container {\r\n    display: flex;\r\n    width: 100%;\r\n}\r\n\r\n.body-image-container .body-image-container-title,\r\n    .body-image-container .body-wav-container-title,\r\n    .body-wav-container .body-image-container-title,\r\n    .body-wav-container .body-wav-container-title {\r\n        width: 20%;\r\n    }\r\n\r\n.body-image-container .body-image-container-img,\r\n    .body-image-container .body-wav-container-wav,\r\n    .body-wav-container .body-image-container-img,\r\n    .body-wav-container .body-wav-container-wav {\r\n        width: 80%;\r\n    }\r\n\r\n.donate-img {\r\n    border-radius: 35px;\r\n    height: 1.5rem;\r\n}\r\n\r\n/* Dialog */\r\n.dialog-container,\r\n.dialog-container2 {\r\n    justify-content: center;\r\n    align-items: center;\r\n    position: absolute;\r\n    top: 0px;\r\n    left: 0px;\r\n    width: 100vw;\r\n    height: 100vh;\r\n    z-index: -1;\r\n    display: none;\r\n}\r\n.dialog-container .dialog-frame, .dialog-container2 .dialog-frame {\r\n        color: var(--company-color2);\r\n        width: 40rem;\r\n        max-height: 80vh;\r\n        border: 2px solid var(--dialog-border-color);\r\n        border-radius: 20px;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        box-shadow: 5px 5px 5px var(--dialog-shadow-color);\r\n        background: var(--dialog-background-color);\r\n        overflow: hidden;\r\n        display: flex;\r\n    }\r\n.dialog-container .dialog-frame .dialog-title, .dialog-container2 .dialog-frame .dialog-title {\r\n            margin-top: 20px;\r\n            background: var(--company-color2);\r\n            color: #fff;\r\n            width: 100%;\r\n            text-align: center;\r\n        }\r\n.dialog-container .dialog-frame .dialog-content, .dialog-container2 .dialog-frame .dialog-content {\r\n            width: 90%;\r\n        }\r\n.dialog-container .dialog-frame .dialog-content .dialog-application-title, .dialog-container2 .dialog-frame .dialog-content .dialog-application-title {\r\n                font-family: \"Chicle\", cursive;\r\n                font-size: 3rem;\r\n                text-align: center;\r\n            }\r\n.dialog-container .dialog-frame .dialog-content .dialog-content-part, .dialog-container2 .dialog-frame .dialog-content .dialog-content-part {\r\n                margin-top: 1rem;\r\n                margin-bottom: 1rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-content .input-text-container, .dialog-container2 .dialog-frame .dialog-content .input-text-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                margin: 20px;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content, .dialog-container2 .dialog-frame .dialog-fixed-size-content {\r\n            width: 90%;\r\n            max-height: 70vh;\r\n        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header,\r\n            .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header {\r\n                font-weight: 700;\r\n                margin: 5px 5px 5px 5px;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button,\r\n                .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button,\r\n                .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button {\r\n                    font-weight: 400;\r\n                    font-size: 0.8rem;\r\n                    -webkit-user-select: none;\r\n                       -moz-user-select: none;\r\n                            user-select: none;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    cursor: pointer;\r\n                    vertical-align: middle;\r\n                    text-align: center;\r\n                    padding: 1px 5px 1px 5px;\r\n                    margin-left: 1rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button:hover, .dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .model-slot-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-header .file-uploader-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .model-slot-header-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-header .file-uploader-header-button:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container {\r\n                max-height: 60vh;\r\n                width: 100%;\r\n                overflow-y: scroll;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot {\r\n                    height: 5rem;\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon {\r\n                        width: 5rem;\r\n                        height: 5rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon-pointable, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-icon-pointable {\r\n                        width: 5rem;\r\n                        height: 5rem;\r\n                        cursor: pointer;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        font-size: 0.8rem;\r\n                        border-bottom: solid 1px #aaa;\r\n                        width: 80%;\r\n                        overflow-y: scroll;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar {\r\n                            width: 10px;\r\n                            height: 10px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-track, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-track {\r\n                            background-color: #eee;\r\n                            border-radius: 3px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-thumb, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail::-webkit-scrollbar-thumb {\r\n                            background: #f7cfec80;\r\n                            border-radius: 3px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row {\r\n                            display: flex;\r\n                            flex-direction: row;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-label, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-label {\r\n                                width: 20%;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-download, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-download {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                                cursor: pointer;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-pointable, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-pointable {\r\n                                width: 55%;\r\n                                white-space: nowrap;\r\n                                cursor: pointer;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-edit, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-value-edit {\r\n                                width: 55%;\r\n                                font-weight: 700;\r\n                                color: #f00;\r\n                                white-space: nowrap;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-detail .model-slot-detail-row .model-slot-detail-row-button {\r\n                                width: 15%;\r\n                                height: 90%;\r\n                            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-buttons, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-buttons {\r\n                        display: flex;\r\n                        flex-direction: column;\r\n                        border-bottom: solid 1px #a00;\r\n                        width: 20%;\r\n                        font-size: 0.8rem;\r\n                        padding: 4px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        cursor: pointer;\r\n                        vertical-align: middle;\r\n                        text-align: center;\r\n                        padding: 1px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-disabled, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-disabled {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        vertical-align: middle;\r\n                        background: #ddd;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-active, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-active {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #333;\r\n                        border-radius: 2px;\r\n                        background: #ada;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        background: #aba;\r\n                        cursor: pointer;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .model-slot-container .model-slot .model-slot-button-stanby:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-voice-changer-select,\r\n            .dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-title,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-voice-changer-select,\r\n            .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-title {\r\n                font-size: 1rem;\r\n                padding-left: 0.5rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container {\r\n                font-size: 0.9rem;\r\n                padding-left: 1rem;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    margin: 0.2rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-label, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-label {\r\n                        width: 10rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-value, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-value {\r\n                        width: 15rem;\r\n                        color: #f00;\r\n                        white-space: nowrap;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button {\r\n                        -webkit-user-select: none;\r\n                           -moz-user-select: none;\r\n                                user-select: none;\r\n                        border: solid 1px #999;\r\n                        border-radius: 2px;\r\n                        cursor: pointer;\r\n                        vertical-align: middle;\r\n                        text-align: center;\r\n                        padding: 1px;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-container .file-uploader-file-select-row .file-uploader-file-select-row-button:hover {\r\n                            border: solid 1px #000;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                margin-top: 1rem;\r\n                margin-bottom: 0.5rem;\r\n                justify-content: center;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button {\r\n                    /* width: 12rem; */\r\n                    -webkit-user-select: none;\r\n                       -moz-user-select: none;\r\n                            user-select: none;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    cursor: pointer;\r\n                    vertical-align: middle;\r\n                    text-align: center;\r\n                    padding: 1px 10px 1px 10px;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .file-uploader-file-select-upload-button-container .file-uploader-file-select-upload-button:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row {\r\n                display: flex;\r\n                flex-direction: row;\r\n            }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-title, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-title {\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    margin: 0px 0px 0px 1rem;\r\n                }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-id-label,\r\n                    .dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-name-label,\r\n                    .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-id-label,\r\n                    .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-name-label {\r\n                        margin: 0px 0px 0px 0.5rem;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons {\r\n                        margin: 0px 0px 0px 0.5rem;\r\n                        display: flex;\r\n                        flex-direction: row;\r\n                    }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button {\r\n                            margin: 0px 0.5rem 0px 0.5rem;\r\n                            -webkit-user-select: none;\r\n                               -moz-user-select: none;\r\n                                    user-select: none;\r\n                            border: solid 1px #999;\r\n                            border-radius: 2px;\r\n                            cursor: pointer;\r\n                            vertical-align: middle;\r\n                            text-align: center;\r\n                            padding: 0px 10px 0px 10px;\r\n                        }\r\n.dialog-container .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button:hover, .dialog-container2 .dialog-frame .dialog-fixed-size-content .edit-model-slot-row .edit-model-slot-speakers .edit-model-slot-speakers-buttons .edit-model-slot-speakers-button:hover {\r\n                                border: solid 1px #000;\r\n                            }\r\n.dialog-container-show {\r\n    display: flex;\r\n}\r\n\r\n.state-control-checkbox:checked ~ .dialog-container {\r\n    background: rgba(200, 200, 200, 0.4);\r\n    animation-name: dialog-show;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox ~ .dialog-container {\r\n    background: rgba(100, 100, 100, 0.4);\r\n    animation-name: dialog-hide;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox:checked + .dialog-frame {\r\n    display: flex;\r\n}\r\n.state-control-checkbox + .dialog-frame {\r\n    display: none;\r\n}\r\n\r\n@keyframes dialog-hide {\r\n    from {\r\n        opacity: 1;\r\n        z-index: 200;\r\n    }\r\n    90% {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    to {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n@keyframes dialog-show {\r\n    from {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    10% {\r\n        z-index: 200;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        z-index: 200;\r\n    }\r\n}\r\n\r\n.state-control-checkbox:checked ~ .dialog-container2 {\r\n    background: rgba(200, 200, 200, 0.4);\r\n    animation-name: dialog-show2;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n.state-control-checkbox ~ .dialog-container2 {\r\n    background: rgba(100, 100, 100, 0.4);\r\n    animation-name: dialog-hide2;\r\n    animation-duration: 0.4s;\r\n    animation-iteration-count: 1;\r\n    animation-fill-mode: forwards;\r\n    animation-direction: normal;\r\n}\r\n/* .state-control-checkbox:checked + .dialog-frame {\r\n    display: flex;\r\n}\r\n.state-control-checkbox + .dialog-frame {\r\n    display: none;\r\n} */\r\n\r\n@keyframes dialog-hide2 {\r\n    from {\r\n        opacity: 1;\r\n        z-index: 400;\r\n    }\r\n    90% {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    to {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n}\r\n\r\n@keyframes dialog-show2 {\r\n    from {\r\n        opacity: 0;\r\n        z-index: -1;\r\n    }\r\n    10% {\r\n        z-index: 400;\r\n    }\r\n    to {\r\n        opacity: 1;\r\n        z-index: 400;\r\n    }\r\n}\r\n\r\n.tooltip-text {\r\n    display: none;\r\n    position: absolute;\r\n    padding: 4px;\r\n    font-size: 0.7rem;\r\n    line-height: 2rem;\r\n    color: #ddd;\r\n    border-radius: 5px;\r\n    background: #444;\r\n    /* width: 100px; */\r\n}\r\n.tooltip-text-100px {\r\n    width: 100px;\r\n}\r\n.tooltip-text-thin {\r\n    line-height: 1rem;\r\n}\r\n.tooltip-text-right {\r\n    line-height: 1rem;\r\n}\r\n.tooltip-text:before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -1.4rem;\r\n    border: 12px solid transparent;\r\n    border-top: 16px solid #444;\r\n    margin-left: 0rem;\r\n    transform: rotateZ(180deg);\r\n}\r\n.tooltip:hover .tooltip-text {\r\n    display: inline-block;\r\n    top: 30px;\r\n    left: 0px;\r\n}\r\n.tooltip:hover .tooltip-text-lower {\r\n    display: inline-block;\r\n    top: 60px;\r\n    left: 0px;\r\n}\r\n\r\n.tooltip {\r\n    position: relative;\r\n    cursor: pointer;\r\n    display: inline-block;\r\n}\r\n\r\n/* ##################  */\r\n.merge-field-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n.merge-field-container .merge-field {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-field-container .merge-field .merge-field-elem {\r\n            padding-left: 5px;\r\n        }\r\n.merge-field-container .merge-field .red {\r\n            color: #f00;\r\n        }\r\n.merge-field-container .merge-field .purple {\r\n            color: #33f;\r\n        }\r\n.merge-field-container .merge-field .grey-bold {\r\n            color: #555;\r\n            font-weight: 800;\r\n        }\r\n.model-slot-area {\r\n    display: inline-block;\r\n    background: var(--company-color2);\r\n    border-radius: 10px;\r\n    padding: 20px;\r\n}\r\n.model-slot-area .model-slot-panel {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n    }\r\n.model-slot-area .model-slot-panel .model-slot-tiles-container {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 2px;\r\n            flex-wrap: wrap;\r\n            overflow-y: scroll;\r\n            max-height: 12rem;\r\n            /* width: calc(30rem + 40px + 10px); */\r\n        }\r\n.model-slot-area .model-slot-panel .model-slot-buttons {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n        }\r\n.model-slot-area .model-slot-panel .model-slot-buttons .model-slot-button {\r\n                border: solid 2px #999;\r\n                color: white;\r\n                font-size: 0.8rem;\r\n                border-radius: 2px;\r\n                background: #333;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n            }\r\n.model-slot-area .model-slot-panel .model-slot-buttons .model-slot-button:hover {\r\n                border: solid 2px #faa;\r\n            }\r\n.model-slot-tile-container,\r\n.model-slot-tile-container-selected {\r\n    width: 6rem;\r\n    height: 6rem;\r\n    border-radius: 2px;\r\n    display: flex;\r\n    flex-direction: column;\r\n    align-items: center;\r\n}\r\n.model-slot-tile-container-selected {\r\n    background: #43030c;\r\n}\r\n.model-slot-tile-container:hover {\r\n    background: #43030c;\r\n}\r\n\r\n.model-slot-tile-icon-div {\r\n    width: 5rem;\r\n    height: 5rem;\r\n    padding-top: 4px;\r\n    position: relative;\r\n}\r\n.model-slot-tile-icon {\r\n    width: 5rem;\r\n    height: 5rem;\r\n    -o-object-fit: contain;\r\n       object-fit: contain;\r\n    border-radius: 10px;\r\n    position: absolute;\r\n}\r\n.model-slot-tile-vctype {\r\n    position: absolute;\r\n    font-size: 0.6rem;\r\n    font-weight: 800;\r\n    top: 5px;\r\n    left: 2px;\r\n    background: RGBA(10, 200, 100, 0.6);\r\n    border-radius: 5px;\r\n    padding: 0px 2px 0px 2px;\r\n}\r\n.model-slot-tile-icon-no-entry {\r\n    color: gray;\r\n    position: absolute;\r\n    top: 2rem;\r\n}\r\n.model-slot-tile-dscription {\r\n    font-size: 0.7rem;\r\n    font-weight: 700;\r\n    color: navajowhite;\r\n    padding-top: 4px;\r\n}\r\n\r\n.character-area {\r\n    display: flex;\r\n    gap: 5px;\r\n    padding: 20px;\r\n}\r\n\r\n.character-area .portrait-area {\r\n        width: 20rem;\r\n        height: 20rem;\r\n    }\r\n\r\n.character-area .portrait-area .portrait-container {\r\n            position: relative;\r\n            width: 20rem;\r\n            height: 20rem;\r\n        }\r\n\r\n.character-area .portrait-area .portrait-container .portrait {\r\n                width: 20rem;\r\n                height: 20rem;\r\n                -o-object-fit: contain;\r\n                   object-fit: contain;\r\n                border-radius: 10px;\r\n                position: absolute;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-status {\r\n                width: 5rem;\r\n                background: rgba(100, 100, 100, 0.5);\r\n                color: white;\r\n                position: absolute;\r\n                padding: 0px 0px 0px 3px;\r\n                font-size: 0.7rem;\r\n                left: 5px;\r\n                top: 5px;\r\n                border-radius: 2px;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-status .portrait-area-status-vctype {\r\n                    font-weight: 800;\r\n                    color: #866;\r\n                }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-terms-of-use {\r\n                width: 5rem;\r\n                background: rgba(100, 100, 100, 0.5);\r\n                color: white;\r\n                position: absolute;\r\n                paddig: 2px;\r\n                font-size: 0.7rem;\r\n                right: 5px;\r\n                bottom: 5px;\r\n            }\r\n\r\n.character-area .portrait-area .portrait-container .portrait-area-terms-of-use .portrait-area-terms-of-use-link {\r\n                    color: white;\r\n                }\r\n\r\n.character-area .character-area-control-area {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 10px;\r\n    }\r\n\r\n.character-area .character-area-control-area .character-area-control {\r\n            display: flex;\r\n            gap: 3px;\r\n        }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons {\r\n                display: flex;\r\n                flex-direction: row;\r\n                gap: 10px;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-active {\r\n                    width: 5rem;\r\n                    border: solid 1px #333;\r\n                    border-radius: 2px;\r\n                    background: #ada;\r\n                    font-weight: 700;\r\n                    text-align: center;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-stanby {\r\n                    width: 5rem;\r\n                    border: solid 1px #999;\r\n                    border-radius: 2px;\r\n                    background: #aba;\r\n                    cursor: pointer;\r\n                    font-weight: 700;\r\n                    text-align: center;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-buttons .character-area-control-button-stanby:hover {\r\n                        border: solid 1px #000;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-title {\r\n                width: 4rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field {\r\n                /* width: 20rem; */\r\n                display: flex;\r\n                flex-direction: column;\r\n            }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-kind {\r\n                        width: 2rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-slider {\r\n                        width: 10rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-val {\r\n                        width: 3rem;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-slider-control .character-area-slider-control-text {\r\n                        padding: 0px 1px 0px 1px;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons .character-area-button {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 2px;\r\n                        background: #666;\r\n                        cursor: pointer;\r\n                        padding: 5px;\r\n                    }\r\n\r\n.character-area .character-area-control-area .character-area-control .character-area-control-field .character-area-buttons .character-area-button:hover {\r\n                        border: solid 2px #faa;\r\n                    }\r\n\r\n/* audio::-webkit-media-controls-play-button,\r\naudio::-webkit-media-controls-panel {\r\n    background-color: #ff0;\r\n    height: 1rem;\r\n}\r\naudio::-webkit-media-controls-enclosure {\r\n    max-height: 1rem;\r\n}\r\naudio::-webkit-media-controls {\r\n    justify-content: start;\r\n}\r\naudio::-webkit-media-controls-overlay-enclosure{\r\n    height: 1rem;\r\n} */\r\n\r\n.config-area {\r\n    display: flex;\r\n    gap: 5px;\r\n    padding: 20px;\r\n}\r\n\r\n.config-area .config-sub-area {\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 3px;\r\n    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control {\r\n            display: flex;\r\n        }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-title {\r\n                width: 5rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-title-long {\r\n                width: 20rem;\r\n                font-weight: 700;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field {\r\n                width: 15rem;\r\n                display: flex;\r\n                flex-direction: column;\r\n                justify-content: center;\r\n            }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-noise-container {\r\n                    display: flex;\r\n                    gap: 10px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-noise-container .config-sub-area-noise-checkbox-container {\r\n                        display: flex;\r\n                        gap: 5px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-kind {\r\n                        width: 1rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-slider {\r\n                        width: 10rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-slider-control .config-sub-area-slider-control-val {\r\n                        width: 3rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                    align-items: center;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        background: #666;\r\n\r\n                        cursor: pointer;\r\n\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button:hover {\r\n                        border: solid 2px #faa;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-buttons .config-sub-area-button-active {\r\n                        border: solid 2px #999;\r\n                        color: white;\r\n                        background: #844;\r\n\r\n                        cursor: pointer;\r\n\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io .config-sub-area-control-field-auido-io-filter {\r\n                        max-width: 30%;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-auido-io .config-sub-area-control-field-auido-io-select {\r\n                        max-width: 70%;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select {\r\n                    display: flex;\r\n                    flex-direction: row-reverse;\r\n                    gap: 5px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select .config-sub-area-control-field-screen-select-button-active {\r\n                        font-size: 0.8rem;\r\n                        border: solid 1px #333;\r\n                        border-radius: 5px;\r\n                        background: #ada;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-screen-select .config-sub-area-control-field-screen-select-button {\r\n                        border: solid 1px #333;\r\n                        background: #fff;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 5px;\r\n                }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-audio-container {\r\n                        height: 1rem;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-audio-container .config-sub-area-control-field-wav-file-audio {\r\n                            height: 1rem;\r\n                            width: 15rem;\r\n                        }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-folder {\r\n                        height: 1rem;\r\n                        width: 1rem;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-echoback-button {\r\n                        border: solid 1px #333;\r\n                        background: #fff;\r\n                        font-size: 0.8rem;\r\n                        border-radius: 5px;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field .config-sub-area-control-field-wav-file .config-sub-area-control-field-wav-file-echoback-button-active {\r\n                        font-size: 0.8rem;\r\n                        border: solid 1px #333;\r\n                        border-radius: 5px;\r\n                        background: #ada;\r\n                        height: 1.2rem;\r\n                        padding-left: 2px;\r\n                        padding-right: 2px;\r\n                        cursor: pointer;\r\n                    }\r\n\r\n.config-area .config-sub-area .config-sub-area-control .config-sub-area-control-field-long {\r\n                width: 30rem;\r\n            }\r\n\r\n.headerArea {\r\n    display: flex;\r\n    flex-direction: column;\r\n}\r\n\r\n.headerArea .title1 {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n        align-items: flex-end;\r\n    }\r\n\r\n.headerArea .title1 .title {\r\n            font-size: 1.8rem;\r\n            font-weight: 700;\r\n            color: #333;\r\n            text-shadow: 0 0 2px #333;\r\n        }\r\n\r\n.headerArea .title1 .title-version {\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.headerArea .title1 .title-version-number {\r\n            font-size: 0.7rem;\r\n        }\r\n\r\n.headerArea .icons {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 20px;\r\n    }\r\n\r\n.headerArea .icons .belongings {\r\n            display: flex;\r\n            flex-direction: row;\r\n            gap: 3px;\r\n        }\r\n\r\n.headerArea .icons .belongings .belongings-button {\r\n                border: solid 2px #999;\r\n                color: white;\r\n                font-size: 0.8rem;\r\n                border-radius: 5px;\r\n                background: #666;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n                height: 1.7rem;\r\n                top: -2px;\r\n            }\r\n\r\n.headerArea .icons .belongings .belongings-button:hover {\r\n                border: solid 2px #cc6;\r\n            }\r\n\r\n.advanced-setting-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 5px;\r\n    margin: 10px;\r\n}\r\n\r\n.advanced-setting-container .advanced-setting-container-row {\r\n        display: flex;\r\n        flex-direction: row;\r\n        gap: 5px;\r\n    }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-title {\r\n            width: 7rem;\r\n            font-weight: 700;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field {\r\n            width: 15rem;\r\n            font-size: 0.9rem;\r\n        }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container {\r\n                display: flex;\r\n                flex-direction: row;\r\n                gap: 5px;\r\n                width: 10rem;\r\n            }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div {\r\n                    display: flex;\r\n                    flex-direction: row;\r\n                    gap: 3px;\r\n                }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div > div:nth-child(1) {\r\n                        color: #333;\r\n                    }\r\n\r\n.advanced-setting-container .advanced-setting-container-row .advanced-setting-container-row-field .advanced-setting-container-row-field-crossfade-container > div > div:nth-child(2) {\r\n                    }\r\n.get-server-information-container {\r\n    margin: 10px;\r\n}\r\n.get-server-information-container .get-server-information-text-area {\r\n        width: 100%;\r\n        height: 20rem;\r\n    }\r\n.merge-lab-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n    margin: 10px;\r\n    gap: 10px;\r\n}\r\n.merge-lab-container .merge-lab-type-filter {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-lab-container .merge-lab-type-filter > div:nth-child(1) {\r\n            width: 50%;\r\n        }\r\n.merge-lab-container .merge-lab-type-filter > div:nth-child(2) {\r\n            width: 50%;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator {\r\n        display: flex;\r\n        flex-direction: row;\r\n    }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list {\r\n            width: 70%;\r\n            overflow-y: scroll;\r\n            max-height: 20rem;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item {\r\n                display: flex;\r\n                flex-direction: row;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item > div:nth-child(1) {\r\n                    width: 50%;\r\n                }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-model-list .merge-lab-model-item > div:nth-child(2) {\r\n                    width: 50%;\r\n                }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons {\r\n            display: flex;\r\n            flex-direction: column-reverse;\r\n            width: 30%;\r\n        }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-button {\r\n                border: solid 2px #ddd;\r\n                color: black;\r\n                font-size: 0.8rem;\r\n                border-radius: 5px;\r\n                background: #eee;\r\n                cursor: pointer;\r\n                padding: 5px;\r\n                height: 1.7rem;\r\n                text-align: center;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-button:hover {\r\n                border: solid 2px #aaa;\r\n            }\r\n.merge-lab-container .merge-lab-manipulator .merge-lab-merge-buttons .merge-lab-merge-buttons-notice {\r\n                font-size: 0.7rem;\r\n                font-weight: 700;\r\n                color: #333;\r\n                text-align: center;\r\n            }\r\n`, \"\"]);\n// Exports\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://demo/./src/css/App.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B2%5D.use%5B1%5D!./node_modules/postcss-loader/dist/cjs.js");
 
 /***/ }),
 
diff --git a/client/demo/src/css/App.css b/client/demo/src/css/App.css
index 485cf1bf..f4929254 100644
--- a/client/demo/src/css/App.css
+++ b/client/demo/src/css/App.css
@@ -1150,6 +1150,8 @@ body {
             flex-direction: row;
             gap: 2px;
             flex-wrap: wrap;
+            overflow-y: scroll;
+            max-height: 12rem;
             /* width: calc(30rem + 40px + 10px); */
         }
 
@@ -1635,6 +1637,8 @@ audio::-webkit-media-controls-overlay-enclosure{
         flex-direction: row;
         .merge-lab-model-list {
             width: 70%;
+            overflow-y: scroll;
+            max-height: 20rem;
             .merge-lab-model-item {
                 display: flex;
                 flex-direction: row;
diff --git a/server/fillSlot.sh b/server/fillSlot.sh
index 3c90179b..795b3720 100644
--- a/server/fillSlot.sh
+++ b/server/fillSlot.sh
@@ -1,3 +1,3 @@
-for i in {5..199}; do
+for i in {1..199}; do
     cp -r model_dir/0 model_dir/$i
 done