@babylonjs/inspector 5.39.0 → 5.40.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -36,7 +36,7 @@ var ___CSS_LOADER_URL_IMPORT_0___ = new URL(/* asset import */ __webpack_require
|
|
|
36
36
|
var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
|
|
37
37
|
var ___CSS_LOADER_URL_REPLACEMENT_0___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(___CSS_LOADER_URL_IMPORT_0___);
|
|
38
38
|
// Module
|
|
39
|
-
___CSS_LOADER_EXPORT___.push([module.id, "#inspector-host {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px; }\n\n#__resizable_base__ {\n display: none; }\n\n#actionTabs {\n background: #333333;\n height: 100%;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-rows: auto 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .hoverIcon:hover {\n opacity: 0.8; }\n #actionTabs #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: #222222;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr 50px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs #header #logo {\n grid-column: 1;\n width: 24px;\n height: 24px;\n display: flex;\n align-self: center;\n justify-self: center; }\n #actionTabs #header #back {\n grid-column: 1;\n display: grid;\n align-self: center;\n justify-self: center;\n cursor: pointer; }\n #actionTabs #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #actionTabs #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #actionTabs #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs {\n display: grid;\n grid-row: 2;\n grid-template-rows: 40px 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .tabs .labels {\n grid-row: 1;\n display: flex;\n align-items: center;\n justify-items: center;\n border-bottom: 1px solid #ffffff;\n margin: 0;\n padding: 0; }\n #actionTabs .tabs .labels .label {\n font-size: 24px;\n color: white;\n width: 40px;\n display: flex;\n align-content: center;\n justify-content: center;\n border: 1px solid transparent;\n border-bottom: none;\n background: #333333;\n padding: 5px;\n height: 28px;\n cursor: pointer; }\n #actionTabs .tabs .labels .label.active {\n border-color: #ffffff;\n border-bottom: 2px solid transparent;\n margin-bottom: -2px; }\n #actionTabs .tabs .panes {\n grid-row: 2;\n display: grid;\n grid-template-rows: 100%;\n overflow: hidden; }\n #actionTabs .tabs .panes .infoMessage {\n opacity: 0.5;\n color: white;\n margin: 15px 5px 0px 5px; }\n #actionTabs .tabs .panes .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center; }\n #actionTabs .tabs .panes .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .gradient-step .icon {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 12px; }\n #actionTabs .tabs .panes .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range {\n -webkit-appearance: none;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .step-slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabs .panes .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #actionTabs .tabs .panes .pane {\n color: white;\n overflow-x: hidden;\n overflow-y: auto;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs .tabs .panes .pane .animation-info {\n border-left: greenyellow 3px solid;\n margin-left: 5px;\n padding-left: 5px !important; }\n #actionTabs .tabs .panes .pane .underline {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); }\n #actionTabs .tabs .panes .pane .textureLinkLine {\n display: grid;\n grid-template-columns: auto 1fr; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug {\n grid-column: 1;\n margin-left: 5px;\n margin-right: 5px;\n display: block;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n opacity: 0.5; }\n #actionTabs .tabs .panes .pane .textureLinkLine .debug.selected {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .textureLinkLine .textLine {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLinkLine .actionIcon {\n display: inline-block;\n margin-top: 6px;\n margin-right: 4px; }\n #actionTabs .tabs .panes .pane .messageLine {\n text-align: center;\n font-size: 12px;\n font-style: italic;\n opacity: 0.6; }\n #actionTabs .tabs .panes .pane .iconMessageLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 30px 1fr; }\n #actionTabs .tabs .panes .pane .iconMessageLine .icon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #actionTabs .tabs .panes .pane .iconMessageLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color-picker {\n height: calc(100% - 8px);\n margin: 4px;\n width: 100%; }\n #actionTabs .tabs .panes .pane .color-picker .color-rect {\n height: calc(100% - 4px);\n border: 2px white solid;\n cursor: pointer;\n min-height: 18px; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 100; }\n #actionTabs .tabs .panes .pane .color-picker .color-picker-float {\n position: absolute; }\n #actionTabs .tabs .panes .pane .linkButtonLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link {\n grid-column: 1;\n display: flex;\n align-items: center;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-button button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .linkButtonLine .link-icon {\n grid-column: 3;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .textLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .textLine.indented {\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .textLine.indented .link-value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.indented .value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabs .panes .pane .textLine.reduced-opacity {\n opacity: 0.6;\n padding-left: 25px; }\n #actionTabs .tabs .panes .pane .textLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .textLine .value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #actionTabs .tabs .panes .pane .textLine .value.check {\n color: green; }\n #actionTabs .tabs .panes .pane .textLine .value.uncheck {\n color: red; }\n #actionTabs .tabs .panes .pane .gradient-container {\n margin-top: 3px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-label {\n height: 30px;\n display: grid;\n align-content: center; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center;\n border-left: orange 3px solid; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 4;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabs .panes .pane .gradient-container .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabs .panes .pane .textInputLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .textInputLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textInputLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .buttonLine {\n height: 30px;\n display: grid;\n align-items: center;\n justify-items: stretch; }\n #actionTabs .tabs .panes .pane .buttonLine input[type=\"file\"] {\n display: none; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n font-size: 13px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #actionTabs .tabs .panes .pane .buttonLine button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .buttonLine button:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .buttonLine button:active {\n background: #282828; }\n #actionTabs .tabs .panes .pane .buttonLine button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabs .panes .pane .radioLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 24px; }\n #actionTabs .tabs .panes .pane .radioLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer {\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio {\n grid-column: 2;\n display: none; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:before {\n border-color: #337ab7; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .radio:checked + label:after {\n transform: scale(1); }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio {\n display: inline-block;\n height: 14px;\n position: relative;\n padding: 0 24px;\n margin-bottom: 0;\n cursor: pointer;\n vertical-align: bottom; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before, #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n position: absolute;\n content: \"\";\n border-radius: 50%;\n transition: all 0.3s ease;\n transition-property: transform, border-color; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:before {\n left: 0px;\n top: 0;\n width: 16px;\n height: 16px;\n border: 2px solid white; }\n #actionTabs .tabs .panes .pane .radioLine .radioContainer .labelForRadio:after {\n top: 6px;\n left: 6px;\n width: 8px;\n height: 8px;\n transform: scale(0);\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: 30px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8;\n padding-left: 5px; }\n #actionTabs .tabs .panes .pane .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .checkBoxLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n background: #898989;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl.checked {\n background: #337ab7; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: \"\";\n transition: all 0.15s ease; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:after.checked {\n left: 20px;\n background: #164975; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl.checked:after {\n position: absolute;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: \"\";\n transition: all 0.15s ease;\n left: 20px;\n background: #164975; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .hidden {\n display: none; }\n #actionTabs .tabs .panes .pane .checkBoxLine .checkBox .icon {\n display: none; }\n #actionTabs .tabs .panes .pane .textureLine {\n display: grid;\n grid-template-rows: 30px auto; }\n #actionTabs .tabs .panes .pane .textureLine .control {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control .red {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control .green {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control .blue {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control .alpha {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control .all {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .px {\n grid-column: 2; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nx {\n grid-column: 3; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .py {\n grid-column: 4; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .ny {\n grid-column: 5; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .pz {\n grid-column: 6; }\n #actionTabs .tabs .panes .pane .textureLine .control3D .nz {\n grid-column: 7; }\n #actionTabs .tabs .panes .pane .textureLine .command {\n border: 1px solid transparent;\n background: transparent;\n color: white; }\n #actionTabs .tabs .panes .pane .textureLine .selected {\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .textureLine .preview {\n grid-row: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n height: 256px;\n width: 256px;\n margin-top: 5px;\n margin-bottom: 5px;\n border: 1px solid white;\n background-size: 32px 32px;\n background-color: white;\n background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + "); }\n #actionTabs .tabs .panes .pane .gltf-extension-property {\n margin-left: 30px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .floatLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabs .panes .pane .floatLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .floatLine .value input {\n width: 110px; }\n #actionTabs .tabs .panes .pane .sliderLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 1fr 50px auto; }\n #actionTabs .tabs .panes .pane .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .withMargins {\n margin-left: 5px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine {\n padding-left: 2px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input {\n width: 35px; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #actionTabs .tabs .panes .pane .sliderLine .floatLine .short input[type=\"number\"] {\n -moz-appearance: textfield; }\n #actionTabs .tabs .panes .pane .sliderLine .slider {\n grid-column: 3;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range {\n -webkit-appearance: none;\n width: 100%;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range:hover {\n opacity: 1; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .sliderLine .slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine {\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 {\n grid-column: 2;\n width: 50px;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .copy img {\n height: 100%; }\n #actionTabs .tabs .panes .pane .color3Line .firstLine .expand {\n grid-column: 4;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabs .panes .pane .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabs .panes .pane .listLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabs .panes .pane .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #actionTabs .tabs .panes .pane .listLine .options select {\n width: 115px; }\n #actionTabs .tabs .panes .pane .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #actionTabs .tabs .panes .pane .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #actionTabs .tabs .panes .pane .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n margin-bottom: -5px;\n z-index: 100;\n transition: opacity 250ms;\n pointer-events: none; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #555555;\n height: 30px;\n padding-right: 5px;\n cursor: pointer; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #actionTabs .tabs .panes .pane .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n", "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/actionTabs/actionTabs.scss"],"names":[],"mappings":"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","sourcesContent":["$line-padding-left: 2px;\r\n\r\n#inspector-host {\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n#actionTabs {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .hoverIcon:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #back {\r\n grid-column: 1;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n cursor: pointer;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .tabs {\r\n display: grid;\r\n grid-row: 2;\r\n grid-template-rows: 40px 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .labels {\r\n grid-row: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n border-bottom: 1px solid #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n\r\n .label {\r\n font-size: 24px;\r\n color: white;\r\n width: 40px;\r\n display: flex;\r\n align-content: center;\r\n justify-content: center;\r\n border: 1px solid transparent;\r\n border-bottom: none;\r\n background: #333333;\r\n padding: 5px;\r\n height: 28px;\r\n cursor: pointer;\r\n\r\n &.active {\r\n border-color: #ffffff;\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n }\r\n }\r\n }\r\n\r\n .panes {\r\n grid-row: 2;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n\r\n overflow: hidden;\r\n\r\n .infoMessage {\r\n opacity: 0.5;\r\n color: white;\r\n margin: 15px 5px 0px 5px;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n align-items: center;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2 {\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n\r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .icon {\r\n cursor: pointer;\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 12px;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .gradient-copy {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: 100%;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n .animation-info {\r\n border-left: greenyellow 3px solid;\r\n margin-left: 5px;\r\n padding-left: 5px !important;\r\n }\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .textureLinkLine {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n .debug {\r\n grid-column: 1;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n display: block;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .textLine {\r\n grid-column: 2;\r\n }\r\n\r\n .actionIcon {\r\n display: inline-block;\r\n margin-top: 6px;\r\n margin-right: 4px;\r\n }\r\n }\r\n\r\n .messageLine {\r\n text-align: center;\r\n font-size: 12px;\r\n font-style: italic;\r\n opacity: 0.6;\r\n }\r\n\r\n .iconMessageLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n\r\n .icon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: 100%;\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 100;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute;\r\n }\r\n }\r\n\r\n .linkButtonLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n\r\n .link {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .link-button {\r\n grid-column: 2;\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .link-icon {\r\n grid-column: 3;\r\n display: grid;\r\n align-content: center;\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n &.indented {\r\n grid-template-columns: 100%;\r\n\r\n .link-value {\r\n grid-column: 1;\r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n\r\n .value {\r\n grid-column: 1;\r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n }\r\n\r\n &.reduced-opacity {\r\n opacity: 0.6;\r\n padding-left: 25px;\r\n }\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 7px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 7px;\r\n max-width: 200px;\r\n -webkit-user-select: text;\r\n -moz-user-select: text;\r\n -ms-user-select: text;\r\n user-select: text;\r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n }\r\n }\r\n }\r\n\r\n .gradient-container {\r\n margin-top: 3px;\r\n\r\n .gradient-label {\r\n height: 30px;\r\n display: grid;\r\n align-content: center;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n align-items: center;\r\n border-left: orange 3px solid;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2 {\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n\r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 4;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 5px;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n font-size: 13px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .radioLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 24px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .radioContainer {\r\n display: flex;\r\n align-items: center;\r\n\r\n .radio {\r\n grid-column: 2;\r\n display: none;\r\n\r\n &:checked + label:before {\r\n border-color: rgb(51, 122, 183);\r\n }\r\n &:checked + label:after {\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n .labelForRadio {\r\n display: inline-block;\r\n height: 14px;\r\n position: relative;\r\n padding: 0 24px;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n vertical-align: bottom;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n content: \"\";\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n transition-property: transform, border-color;\r\n }\r\n &:before {\r\n left: 0px;\r\n top: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 2px solid white;\r\n }\r\n &:after {\r\n top: 6px;\r\n left: 6px;\r\n width: 8px;\r\n height: 8px;\r\n transform: scale(0);\r\n background: rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n padding-left: 5px;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n\r\n &.checked {\r\n background: rgb(51, 122, 183);\r\n }\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n\r\n &.checked {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n }\r\n\r\n .lbl.checked:after {\r\n position: absolute;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .lbl:active:after {\r\n transform: scale(1.15, 0.85);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n .icon {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .textureLine {\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n\r\n .control {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr;\r\n\r\n .red {\r\n grid-column: 2;\r\n }\r\n\r\n .green {\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-column: 4;\r\n }\r\n\r\n .alpha {\r\n grid-column: 5;\r\n }\r\n\r\n .all {\r\n grid-column: 6;\r\n }\r\n }\r\n\r\n .control3D {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr;\r\n\r\n .px {\r\n grid-column: 2;\r\n }\r\n\r\n .nx {\r\n grid-column: 3;\r\n }\r\n\r\n .py {\r\n grid-column: 4;\r\n }\r\n\r\n .ny {\r\n grid-column: 5;\r\n }\r\n\r\n .pz {\r\n grid-column: 6;\r\n }\r\n\r\n .nz {\r\n grid-column: 7;\r\n }\r\n }\r\n\r\n .command {\r\n border: 1px solid transparent;\r\n background: transparent;\r\n color: white;\r\n }\r\n\r\n .selected {\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .preview {\r\n grid-row: 2;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n height: 256px;\r\n width: 256px;\r\n margin-top: 5px;\r\n margin-bottom: 5px;\r\n border: 1px solid white;\r\n background-size: 32px 32px;\r\n background-color: white;\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\");\r\n }\r\n }\r\n\r\n .gltf-extension-property {\r\n margin-left: 30px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .withMargins {\r\n margin-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n\r\n .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 35px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n img {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .listLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover {\r\n .paneList {\r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n margin-bottom: -5px;\r\n z-index: 100;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n\r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
39
|
+
___CSS_LOADER_EXPORT___.push([module.id, "#inspector-host {\n position: absolute;\n right: 0px;\n top: 0px;\n bottom: 0px; }\n\n#__resizable_base__ {\n display: none; }\n\n#actionTabs {\n background: #333333;\n height: 100%;\n margin: 0;\n padding: 0;\n display: grid;\n grid-template-rows: auto 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .hoverIcon:hover {\n opacity: 0.8; }\n #actionTabs #header {\n height: 30px;\n font-size: 16px;\n color: white;\n background: #222222;\n grid-row: 1;\n text-align: center;\n display: grid;\n grid-template-columns: 30px 1fr 50px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs #header #logo {\n grid-column: 1;\n width: 24px;\n height: 24px;\n display: flex;\n align-self: center;\n justify-self: center; }\n #actionTabs #header #back {\n grid-column: 1;\n display: grid;\n align-self: center;\n justify-self: center;\n cursor: pointer; }\n #actionTabs #header #title {\n grid-column: 2;\n display: grid;\n align-items: center;\n text-align: center; }\n #actionTabs #header #commands {\n grid-column: 3;\n display: grid;\n align-items: center;\n grid-template-columns: 1fr 1fr; }\n #actionTabs #header #commands .expand {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs #header #commands .close {\n grid-column: 2;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabsMenu {\n display: grid;\n grid-row: 2;\n grid-template-rows: 40px 1fr;\n font: 14px \"Arial\";\n overflow: hidden; }\n #actionTabs .tabsMenu .labels {\n grid-row: 1;\n display: flex;\n align-items: center;\n justify-items: center;\n border-bottom: 1px solid #ffffff;\n margin: 0;\n padding: 0; }\n #actionTabs .tabsMenu .labels .label {\n font-size: 24px;\n color: white;\n width: 40px;\n display: flex;\n align-content: center;\n justify-content: center;\n border: 1px solid transparent;\n border-bottom: none;\n background: #333333;\n padding: 5px;\n height: 28px;\n cursor: pointer; }\n #actionTabs .tabsMenu .labels .label.active {\n border-color: #ffffff;\n border-bottom: 2px solid transparent;\n margin-bottom: -2px; }\n #actionTabs .tabsMenu .panes {\n grid-row: 2;\n display: grid;\n grid-template-rows: 100%;\n overflow: hidden; }\n #actionTabs .tabsMenu .panes .infoMessage {\n opacity: 0.5;\n color: white;\n margin: 15px 5px 0px 5px; }\n #actionTabs .tabsMenu .panes .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 20px 30px 40px auto 20px 30px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center; }\n #actionTabs .tabsMenu .panes .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabsMenu .panes .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabsMenu .panes .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabsMenu .panes .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabsMenu .panes .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabsMenu .panes .gradient-step .icon {\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 3;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 4;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 12px; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider .range:hover {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider .range {\n -webkit-appearance: none;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .step-slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-copy {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-copy .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-copy .img:hover {\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-delete .img {\n height: 20px;\n width: 20px; }\n #actionTabs .tabsMenu .panes .gradient-step .gradient-delete .img:hover {\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane {\n color: white;\n overflow-x: hidden;\n overflow-y: auto;\n height: 100%;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none; }\n #actionTabs .tabsMenu .panes .pane .animation-info {\n border-left: greenyellow 3px solid;\n margin-left: 5px;\n padding-left: 5px !important; }\n #actionTabs .tabsMenu .panes .pane .underline {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); }\n #actionTabs .tabsMenu .panes .pane .textureLinkLine {\n display: grid;\n grid-template-columns: auto 1fr; }\n #actionTabs .tabsMenu .panes .pane .textureLinkLine .debug {\n grid-column: 1;\n margin-left: 5px;\n margin-right: 5px;\n display: block;\n align-items: center;\n justify-items: center;\n cursor: pointer;\n opacity: 0.5; }\n #actionTabs .tabsMenu .panes .pane .textureLinkLine .debug.selected {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .pane .textureLinkLine .textLine {\n grid-column: 2; }\n #actionTabs .tabsMenu .panes .pane .textureLinkLine .actionIcon {\n display: inline-block;\n margin-top: 6px;\n margin-right: 4px; }\n #actionTabs .tabsMenu .panes .pane .messageLine {\n text-align: center;\n font-size: 12px;\n font-style: italic;\n opacity: 0.6; }\n #actionTabs .tabsMenu .panes .pane .iconMessageLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 30px 1fr; }\n #actionTabs .tabsMenu .panes .pane .iconMessageLine .icon {\n grid-column: 1;\n display: grid;\n align-items: center;\n justify-items: center; }\n #actionTabs .tabsMenu .panes .pane .iconMessageLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .color-picker {\n height: calc(100% - 8px);\n margin: 4px;\n width: 100%; }\n #actionTabs .tabsMenu .panes .pane .color-picker .color-rect {\n height: calc(100% - 4px);\n border: 2px white solid;\n cursor: pointer;\n min-height: 18px; }\n #actionTabs .tabsMenu .panes .pane .color-picker .color-picker-cover {\n position: fixed;\n top: 0px;\n right: 0px;\n bottom: 0px;\n left: 0px;\n z-index: 100; }\n #actionTabs .tabsMenu .panes .pane .color-picker .color-picker-float {\n position: absolute; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link {\n grid-column: 1;\n display: flex;\n align-items: center;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-button {\n grid-column: 2; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-button button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-button button:hover {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-button button:active {\n background: #282828; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-button button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabsMenu .panes .pane .linkButtonLine .link-icon {\n grid-column: 3;\n display: grid;\n align-content: center; }\n #actionTabs .tabsMenu .panes .pane .textLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabsMenu .panes .pane .textLine.indented {\n grid-template-columns: 100%; }\n #actionTabs .tabsMenu .panes .pane .textLine.indented .link-value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabsMenu .panes .pane .textLine.indented .value {\n grid-column: 1;\n text-align: start;\n margin-left: 20px;\n opacity: 0.6;\n max-width: unset; }\n #actionTabs .tabsMenu .panes .pane .textLine.reduced-opacity {\n opacity: 0.6;\n padding-left: 25px; }\n #actionTabs .tabsMenu .panes .pane .textLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .textLine .link-value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 140px;\n text-decoration: underline;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .textLine .value {\n grid-column: 2;\n white-space: nowrap;\n text-overflow: ellipsis;\n overflow: hidden;\n text-align: end;\n opacity: 0.8;\n margin: 5px;\n margin-top: 7px;\n max-width: 200px;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text; }\n #actionTabs .tabsMenu .panes .pane .textLine .value.check {\n color: green; }\n #actionTabs .tabsMenu .panes .pane .textLine .value.uncheck {\n color: red; }\n #actionTabs .tabsMenu .panes .pane .gradient-container {\n margin-top: 3px; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-label {\n height: 30px;\n display: grid;\n align-content: center; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step {\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\n padding-top: 5px;\n padding-left: 5px;\n padding-bottom: 5px;\n align-items: center;\n border-left: orange 3px solid; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .step {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .color1 {\n height: 100%; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .color2 {\n height: 100%;\n padding-left: 5px; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .factor1 {\n grid-row: 1;\n grid-column: 2;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .factor2 {\n padding-left: 5px;\n grid-row: 1;\n grid-column: 3;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .factor2 .grayed {\n background: gray;\n border-color: gray; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .numeric-input {\n width: calc(100% - 5px); }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .step-value {\n margin-left: 5px;\n grid-row: 1;\n grid-column: 4;\n text-align: right;\n margin-right: 5px; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .step-slider {\n grid-row: 1;\n grid-column: 5;\n display: grid;\n justify-content: stretch;\n align-content: center;\n margin-right: 5px; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .step-slider input {\n width: 100%; }\n #actionTabs .tabsMenu .panes .pane .gradient-container .gradient-step .gradient-delete {\n grid-row: 1;\n grid-column: 6;\n display: grid;\n align-content: center;\n justify-content: center; }\n #actionTabs .tabsMenu .panes .pane .textInputLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabsMenu .panes .pane .textInputLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .textInputLine .value {\n display: flex;\n align-items: center;\n grid-column: 2; }\n #actionTabs .tabsMenu .panes .pane .textInputLine .value input {\n width: 110px; }\n #actionTabs .tabsMenu .panes .pane .buttonLine {\n height: 30px;\n display: grid;\n align-items: center;\n justify-items: stretch; }\n #actionTabs .tabsMenu .panes .pane .buttonLine input[type=\"file\"] {\n display: none; }\n #actionTabs .tabsMenu .panes .pane .buttonLine .file-upload {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n font-size: 13px;\n opacity: 0.9;\n cursor: pointer;\n text-align: center; }\n #actionTabs .tabsMenu .panes .pane .buttonLine .file-upload:hover {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .pane .buttonLine .file-upload:active {\n transform: scale(0.98);\n transform-origin: 0.5 0.5; }\n #actionTabs .tabsMenu .panes .pane .buttonLine button {\n background: #222222;\n border: 1px solid #337ab7;\n margin: 5px 10px 5px 10px;\n color: white;\n padding: 4px 5px;\n opacity: 0.9;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .buttonLine button:hover {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .pane .buttonLine button:active {\n background: #282828; }\n #actionTabs .tabsMenu .panes .pane .buttonLine button:focus {\n border: 1px solid #337ab7;\n outline: 0px; }\n #actionTabs .tabsMenu .panes .pane .radioLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 24px; }\n #actionTabs .tabsMenu .panes .pane .radioLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer {\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .radio {\n grid-column: 2;\n display: none; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .radio:checked + label:before {\n border-color: #337ab7; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .radio:checked + label:after {\n transform: scale(1); }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .labelForRadio {\n display: inline-block;\n height: 14px;\n position: relative;\n padding: 0 24px;\n margin-bottom: 0;\n cursor: pointer;\n vertical-align: bottom; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .labelForRadio:before, #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .labelForRadio:after {\n position: absolute;\n content: \"\";\n border-radius: 50%;\n transition: all 0.3s ease;\n transition-property: transform, border-color; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .labelForRadio:before {\n left: 0px;\n top: 0;\n width: 16px;\n height: 16px;\n border: 2px solid white; }\n #actionTabs .tabsMenu .panes .pane .radioLine .radioContainer .labelForRadio:after {\n top: 6px;\n left: 6px;\n width: 8px;\n height: 8px;\n transform: scale(0);\n background: #337ab7; }\n #actionTabs .tabsMenu .panes .pane .vector3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .firstLine {\n display: grid;\n grid-template-columns: 1fr auto 20px;\n height: 30px; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center;\n white-space: nowrap;\n overflow: hidden; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .firstLine .vector {\n grid-column: 2;\n display: flex;\n align-items: center;\n text-align: right;\n opacity: 0.8;\n padding-left: 5px; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .firstLine .expand {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabsMenu .panes .pane .vector3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl {\n position: relative;\n display: block;\n height: 14px;\n width: 34px;\n margin-right: 5px;\n background: #898989;\n border-radius: 100px;\n cursor: pointer;\n transition: all 0.3s ease; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl.checked {\n background: #337ab7; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl:after {\n position: absolute;\n left: 3px;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: \"\";\n transition: all 0.15s ease; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl:after.checked {\n left: 20px;\n background: #164975; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl.checked:after {\n position: absolute;\n top: 2px;\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 100px;\n background: #fff;\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\n content: \"\";\n transition: all 0.15s ease;\n left: 20px;\n background: #164975; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .lbl:active:after {\n transform: scale(1.15, 0.85); }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .hidden {\n display: none; }\n #actionTabs .tabsMenu .panes .pane .checkBoxLine .checkBox .icon {\n display: none; }\n #actionTabs .tabsMenu .panes .pane .textureLine {\n display: grid;\n grid-template-rows: 30px auto; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control .red {\n grid-column: 2; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control .green {\n grid-column: 3; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control .blue {\n grid-column: 4; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control .alpha {\n grid-column: 5; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control .all {\n grid-column: 6; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D {\n margin-top: 2px;\n grid-row: 1;\n display: grid;\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .px {\n grid-column: 2; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .nx {\n grid-column: 3; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .py {\n grid-column: 4; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .ny {\n grid-column: 5; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .pz {\n grid-column: 6; }\n #actionTabs .tabsMenu .panes .pane .textureLine .control3D .nz {\n grid-column: 7; }\n #actionTabs .tabsMenu .panes .pane .textureLine .command {\n border: 1px solid transparent;\n background: transparent;\n color: white; }\n #actionTabs .tabsMenu .panes .pane .textureLine .selected {\n border: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .textureLine .preview {\n grid-row: 2;\n display: grid;\n align-self: center;\n justify-self: center;\n height: 256px;\n width: 256px;\n margin-top: 5px;\n margin-bottom: 5px;\n border: 1px solid white;\n background-size: 32px 32px;\n background-color: white;\n background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + "); }\n #actionTabs .tabsMenu .panes .pane .gltf-extension-property {\n margin-left: 30px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .floatLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr 120px; }\n #actionTabs .tabsMenu .panes .pane .floatLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .floatLine .value {\n grid-column: 2;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .floatLine .value input {\n width: 110px; }\n #actionTabs .tabsMenu .panes .pane .sliderLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 1fr 50px auto; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .withMargins {\n margin-left: 5px; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine {\n padding-left: 2px; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine .short {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine .short input {\n width: 35px; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine .short input::-webkit-outer-spin-button,\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine .short input::-webkit-inner-spin-button {\n -webkit-appearance: none;\n margin: 0; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .floatLine .short input[type=\"number\"] {\n -moz-appearance: textfield; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .slider {\n grid-column: 3;\n grid-row: 1;\n margin-right: 5px;\n width: 90%;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .slider .range {\n -webkit-appearance: none;\n width: 100%;\n height: 6px;\n background: #d3d3d3;\n border-radius: 5px;\n outline: none;\n opacity: 0.7;\n -webkit-transition: 0.2s;\n transition: opacity 0.2s; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .slider .range:hover {\n opacity: 1; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .slider .range::-webkit-slider-thumb {\n -webkit-appearance: none;\n appearance: none;\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .sliderLine .slider .range::-moz-range-thumb {\n width: 14px;\n height: 14px;\n border-radius: 50%;\n background: #337ab7;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .color3Line {\n padding-left: 2px;\n display: grid; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine {\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto 20px 20px; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .color3 {\n grid-column: 2;\n width: 50px;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .color3 input[type=\"color\"] {\n -webkit-appearance: none;\n border: 1px solid rgba(255, 255, 255, 0.5);\n padding: 0;\n width: 30px;\n height: 20px; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch-wrapper {\n padding: 0; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .color3 input[type=\"color\"]::-webkit-color-swatch {\n border: none; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .color3 input {\n margin-right: 5px; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .copy {\n grid-column: 3;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .copy img {\n height: 100%; }\n #actionTabs .tabsMenu .panes .pane .color3Line .firstLine .expand {\n grid-column: 4;\n display: grid;\n align-items: center;\n justify-items: center;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .color3Line .secondLine {\n display: grid;\n padding-right: 5px;\n border-left: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .color3Line .secondLine .numeric {\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabsMenu .panes .pane .color3Line .secondLine .numeric-label {\n text-align: right;\n grid-column: 1;\n display: flex;\n align-items: center;\n justify-self: right;\n margin-right: 10px; }\n #actionTabs .tabsMenu .panes .pane .color3Line .secondLine .numeric-value {\n width: 120px;\n grid-column: 2;\n display: flex;\n align-items: center;\n border: 1px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .listLine {\n padding-left: 2px;\n height: 30px;\n display: grid;\n grid-template-columns: 1fr auto; }\n #actionTabs .tabsMenu .panes .pane .listLine .label {\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .listLine .options {\n grid-column: 2;\n display: flex;\n align-items: center;\n margin-right: 5px; }\n #actionTabs .tabsMenu .panes .pane .listLine .options select {\n width: 115px; }\n #actionTabs .tabsMenu .panes .pane .paneContainer {\n margin-top: 3px;\n display: grid;\n grid-template-rows: 100%;\n grid-template-columns: 100%; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneList {\n border-left: 3px solid transparent; }\n #actionTabs .tabsMenu .panes .pane .paneContainer:hover .paneList {\n border-left: 3px solid rgba(51, 122, 183, 0.8); }\n #actionTabs .tabsMenu .panes .pane .paneContainer:hover .paneContainer-content .header .title {\n border-left: 3px solid #337ab7; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-highlight-border {\n grid-row: 1;\n grid-column: 1;\n opacity: 1;\n border: 3px solid red;\n margin-bottom: -5px;\n z-index: 100;\n transition: opacity 250ms;\n pointer-events: none; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-highlight-border.transparent {\n opacity: 0; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content {\n grid-row: 1;\n grid-column: 1; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .header {\n display: grid;\n grid-template-columns: 1fr auto;\n background: #555555;\n height: 30px;\n padding-right: 5px;\n cursor: pointer; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .header .title {\n border-left: 3px solid transparent;\n padding-left: 5px;\n grid-column: 1;\n display: flex;\n align-items: center; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .header .collapse {\n grid-column: 2;\n display: flex;\n align-items: center;\n justify-items: center;\n transform-origin: center; }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .header .collapse.closed {\n transform: rotate(180deg); }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .paneList > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n #actionTabs .tabsMenu .panes .pane .paneContainer .paneContainer-content .fragment > div:not(:last-child) {\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1); }\n", "",{"version":3,"sources":["webpack://./../../../dev/inspector/dist/components/actionTabs/actionTabs.scss"],"names":[],"mappings":"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","sourcesContent":["$line-padding-left: 2px;\r\n\r\n#inspector-host {\r\n position: absolute;\r\n right: 0px;\r\n top: 0px;\r\n bottom: 0px;\r\n}\r\n\r\n#__resizable_base__ {\r\n display: none;\r\n}\r\n\r\n#actionTabs {\r\n background: #333333;\r\n height: 100%;\r\n margin: 0;\r\n padding: 0;\r\n display: grid;\r\n grid-template-rows: auto 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .hoverIcon:hover {\r\n opacity: 0.8;\r\n }\r\n\r\n #header {\r\n height: 30px;\r\n font-size: 16px;\r\n color: white;\r\n background: #222222;\r\n grid-row: 1;\r\n text-align: center;\r\n display: grid;\r\n grid-template-columns: 30px 1fr 50px;\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n #logo {\r\n grid-column: 1;\r\n width: 24px;\r\n height: 24px;\r\n display: flex;\r\n align-self: center;\r\n justify-self: center;\r\n }\r\n\r\n #back {\r\n grid-column: 1;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n cursor: pointer;\r\n }\r\n\r\n #title {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n text-align: center;\r\n }\r\n\r\n #commands {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n grid-template-columns: 1fr 1fr;\r\n\r\n .expand {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n\r\n .close {\r\n grid-column: 2;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .tabsMenu {\r\n display: grid;\r\n grid-row: 2;\r\n grid-template-rows: 40px 1fr;\r\n font: 14px \"Arial\";\r\n overflow: hidden;\r\n\r\n .labels {\r\n grid-row: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n border-bottom: 1px solid #ffffff;\r\n margin: 0;\r\n padding: 0;\r\n\r\n .label {\r\n font-size: 24px;\r\n color: white;\r\n width: 40px;\r\n display: flex;\r\n align-content: center;\r\n justify-content: center;\r\n border: 1px solid transparent;\r\n border-bottom: none;\r\n background: #333333;\r\n padding: 5px;\r\n height: 28px;\r\n cursor: pointer;\r\n\r\n &.active {\r\n border-color: #ffffff;\r\n border-bottom: 2px solid transparent;\r\n margin-bottom: -2px;\r\n }\r\n }\r\n }\r\n\r\n .panes {\r\n grid-row: 2;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n\r\n overflow: hidden;\r\n\r\n .infoMessage {\r\n opacity: 0.5;\r\n color: white;\r\n margin: 15px 5px 0px 5px;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 20px 30px 40px auto 20px 30px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n align-items: center;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2 {\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n\r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .icon {\r\n cursor: pointer;\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 4;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 12px;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .gradient-copy {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n .img {\r\n height: 20px;\r\n width: 20px;\r\n }\r\n .img:hover {\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .pane {\r\n color: white;\r\n\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n height: 100%;\r\n\r\n -webkit-user-select: none;\r\n -moz-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n\r\n .animation-info {\r\n border-left: greenyellow 3px solid;\r\n margin-left: 5px;\r\n padding-left: 5px !important;\r\n }\r\n\r\n .underline {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.5);\r\n }\r\n\r\n .textureLinkLine {\r\n display: grid;\r\n grid-template-columns: auto 1fr;\r\n\r\n .debug {\r\n grid-column: 1;\r\n margin-left: 5px;\r\n margin-right: 5px;\r\n display: block;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n opacity: 0.5;\r\n\r\n &.selected {\r\n opacity: 1;\r\n }\r\n }\r\n\r\n .textLine {\r\n grid-column: 2;\r\n }\r\n\r\n .actionIcon {\r\n display: inline-block;\r\n margin-top: 6px;\r\n margin-right: 4px;\r\n }\r\n }\r\n\r\n .messageLine {\r\n text-align: center;\r\n font-size: 12px;\r\n font-style: italic;\r\n opacity: 0.6;\r\n }\r\n\r\n .iconMessageLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 30px 1fr;\r\n\r\n .icon {\r\n grid-column: 1;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n }\r\n }\r\n\r\n .color-picker {\r\n height: calc(100% - 8px);\r\n margin: 4px;\r\n width: 100%;\r\n\r\n .color-rect {\r\n height: calc(100% - 4px);\r\n border: 2px white solid;\r\n cursor: pointer;\r\n min-height: 18px;\r\n }\r\n\r\n .color-picker-cover {\r\n position: fixed;\r\n top: 0px;\r\n right: 0px;\r\n bottom: 0px;\r\n left: 0px;\r\n z-index: 100;\r\n }\r\n\r\n .color-picker-float {\r\n position: absolute;\r\n }\r\n }\r\n\r\n .linkButtonLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n\r\n .link {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .link-button {\r\n grid-column: 2;\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .link-icon {\r\n grid-column: 3;\r\n display: grid;\r\n align-content: center;\r\n }\r\n }\r\n\r\n .textLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n &.indented {\r\n grid-template-columns: 100%;\r\n\r\n .link-value {\r\n grid-column: 1;\r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n\r\n .value {\r\n grid-column: 1;\r\n text-align: start;\r\n margin-left: 20px;\r\n opacity: 0.6;\r\n max-width: unset;\r\n }\r\n }\r\n\r\n &.reduced-opacity {\r\n opacity: 0.6;\r\n padding-left: 25px;\r\n }\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .link-value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 7px;\r\n max-width: 140px;\r\n text-decoration: underline;\r\n cursor: pointer;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n text-align: end;\r\n opacity: 0.8;\r\n margin: 5px;\r\n margin-top: 7px;\r\n max-width: 200px;\r\n -webkit-user-select: text;\r\n -moz-user-select: text;\r\n -ms-user-select: text;\r\n user-select: text;\r\n\r\n &.check {\r\n color: green;\r\n }\r\n\r\n &.uncheck {\r\n color: red;\r\n }\r\n }\r\n }\r\n\r\n .gradient-container {\r\n margin-top: 3px;\r\n\r\n .gradient-label {\r\n height: 30px;\r\n display: grid;\r\n align-content: center;\r\n }\r\n\r\n .gradient-step {\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 25px 50px 55px 40px auto 20px 5px;\r\n padding-top: 5px;\r\n padding-left: 5px;\r\n padding-bottom: 5px;\r\n align-items: center;\r\n border-left: orange 3px solid;\r\n\r\n .step {\r\n grid-row: 1;\r\n grid-column: 1;\r\n }\r\n\r\n .color1 {\r\n height: 100%;\r\n }\r\n\r\n .color2 {\r\n height: 100%;\r\n padding-left: 5px;\r\n }\r\n\r\n .factor1 {\r\n grid-row: 1;\r\n grid-column: 2;\r\n cursor: pointer;\r\n }\r\n\r\n .factor2 {\r\n padding-left: 5px;\r\n grid-row: 1;\r\n grid-column: 3;\r\n cursor: pointer;\r\n\r\n .grayed {\r\n background: gray;\r\n border-color: gray;\r\n }\r\n }\r\n\r\n .numeric-input {\r\n width: calc(100% - 5px);\r\n }\r\n\r\n .step-value {\r\n margin-left: 5px;\r\n grid-row: 1;\r\n grid-column: 4;\r\n text-align: right;\r\n margin-right: 5px;\r\n }\r\n\r\n .step-slider {\r\n grid-row: 1;\r\n grid-column: 5;\r\n display: grid;\r\n justify-content: stretch;\r\n align-content: center;\r\n margin-right: 5px;\r\n\r\n input {\r\n width: 100%;\r\n }\r\n }\r\n\r\n .gradient-delete {\r\n grid-row: 1;\r\n grid-column: 6;\r\n display: grid;\r\n align-content: center;\r\n justify-content: center;\r\n }\r\n }\r\n }\r\n\r\n .textInputLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n display: flex;\r\n align-items: center;\r\n grid-column: 2;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .buttonLine {\r\n height: 30px;\r\n display: grid;\r\n align-items: center;\r\n justify-items: stretch;\r\n\r\n input[type=\"file\"] {\r\n display: none;\r\n }\r\n\r\n .file-upload {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n font-size: 13px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n text-align: center;\r\n }\r\n\r\n .file-upload:hover {\r\n opacity: 1;\r\n }\r\n\r\n .file-upload:active {\r\n transform: scale(0.98);\r\n transform-origin: 0.5 0.5;\r\n }\r\n\r\n button {\r\n background: #222222;\r\n border: 1px solid rgb(51, 122, 183);\r\n margin: 5px 10px 5px 10px;\r\n color: white;\r\n padding: 4px 5px;\r\n opacity: 0.9;\r\n cursor: pointer;\r\n }\r\n\r\n button:hover {\r\n opacity: 1;\r\n }\r\n\r\n button:active {\r\n background: #282828;\r\n }\r\n\r\n button:focus {\r\n border: 1px solid rgb(51, 122, 183);\r\n outline: 0px;\r\n }\r\n }\r\n\r\n .radioLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 24px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .radioContainer {\r\n display: flex;\r\n align-items: center;\r\n\r\n .radio {\r\n grid-column: 2;\r\n display: none;\r\n\r\n &:checked + label:before {\r\n border-color: rgb(51, 122, 183);\r\n }\r\n &:checked + label:after {\r\n transform: scale(1);\r\n }\r\n }\r\n\r\n .labelForRadio {\r\n display: inline-block;\r\n height: 14px;\r\n position: relative;\r\n padding: 0 24px;\r\n margin-bottom: 0;\r\n cursor: pointer;\r\n vertical-align: bottom;\r\n &:before,\r\n &:after {\r\n position: absolute;\r\n content: \"\";\r\n border-radius: 50%;\r\n transition: all 0.3s ease;\r\n transition-property: transform, border-color;\r\n }\r\n &:before {\r\n left: 0px;\r\n top: 0;\r\n width: 16px;\r\n height: 16px;\r\n border: 2px solid white;\r\n }\r\n &:after {\r\n top: 6px;\r\n left: 6px;\r\n width: 8px;\r\n height: 8px;\r\n transform: scale(0);\r\n background: rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .vector3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px;\r\n height: 30px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n }\r\n\r\n .vector {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n text-align: right;\r\n opacity: 0.8;\r\n padding-left: 5px;\r\n }\r\n\r\n .expand {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .checkBoxLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .checkBox {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n .lbl {\r\n position: relative;\r\n display: block;\r\n height: 14px;\r\n width: 34px;\r\n margin-right: 5px;\r\n background: #898989;\r\n border-radius: 100px;\r\n cursor: pointer;\r\n transition: all 0.3s ease;\r\n\r\n &.checked {\r\n background: rgb(51, 122, 183);\r\n }\r\n }\r\n\r\n .lbl:after {\r\n position: absolute;\r\n left: 3px;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n\r\n &.checked {\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n }\r\n\r\n .lbl.checked:after {\r\n position: absolute;\r\n top: 2px;\r\n display: block;\r\n width: 10px;\r\n height: 10px;\r\n border-radius: 100px;\r\n background: #fff;\r\n box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.05);\r\n content: \"\";\r\n transition: all 0.15s ease;\r\n left: 20px;\r\n background: rgb(22, 73, 117);\r\n }\r\n\r\n .lbl:active:after {\r\n transform: scale(1.15, 0.85);\r\n }\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n\r\n .icon {\r\n display: none;\r\n }\r\n }\r\n }\r\n\r\n .textureLine {\r\n display: grid;\r\n grid-template-rows: 30px auto;\r\n\r\n .control {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 1fr;\r\n\r\n .red {\r\n grid-column: 2;\r\n }\r\n\r\n .green {\r\n grid-column: 3;\r\n }\r\n\r\n .blue {\r\n grid-column: 4;\r\n }\r\n\r\n .alpha {\r\n grid-column: 5;\r\n }\r\n\r\n .all {\r\n grid-column: 6;\r\n }\r\n }\r\n\r\n .control3D {\r\n margin-top: 2px;\r\n grid-row: 1;\r\n display: grid;\r\n grid-template-columns: 1fr 40px 40px 40px 40px 40px 40px 1fr;\r\n\r\n .px {\r\n grid-column: 2;\r\n }\r\n\r\n .nx {\r\n grid-column: 3;\r\n }\r\n\r\n .py {\r\n grid-column: 4;\r\n }\r\n\r\n .ny {\r\n grid-column: 5;\r\n }\r\n\r\n .pz {\r\n grid-column: 6;\r\n }\r\n\r\n .nz {\r\n grid-column: 7;\r\n }\r\n }\r\n\r\n .command {\r\n border: 1px solid transparent;\r\n background: transparent;\r\n color: white;\r\n }\r\n\r\n .selected {\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .preview {\r\n grid-row: 2;\r\n display: grid;\r\n align-self: center;\r\n justify-self: center;\r\n height: 256px;\r\n width: 256px;\r\n margin-top: 5px;\r\n margin-bottom: 5px;\r\n border: 1px solid white;\r\n background-size: 32px 32px;\r\n background-color: white;\r\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2 2'%3E%3Cpath fill='rgba(1.0,1.0,1.0,0.3)' fill-rule='evenodd' d='M0 0h1v1H0V0zm1 1h1v1H1V1z'/%3E%3C/svg%3E\");\r\n }\r\n }\r\n\r\n .gltf-extension-property {\r\n margin-left: 30px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr 120px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .value {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 110px;\r\n }\r\n }\r\n }\r\n\r\n .sliderLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 1fr 50px auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .withMargins {\r\n margin-left: 5px;\r\n }\r\n\r\n .floatLine {\r\n padding-left: $line-padding-left;\r\n\r\n .short {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n\r\n input {\r\n width: 35px;\r\n }\r\n\r\n input::-webkit-outer-spin-button,\r\n input::-webkit-inner-spin-button {\r\n -webkit-appearance: none;\r\n margin: 0;\r\n }\r\n\r\n input[type=\"number\"] {\r\n -moz-appearance: textfield;\r\n }\r\n }\r\n }\r\n\r\n .slider {\r\n grid-column: 3;\r\n grid-row: 1;\r\n margin-right: 5px;\r\n width: 90%;\r\n display: flex;\r\n align-items: center;\r\n\r\n .range {\r\n -webkit-appearance: none;\r\n width: 100%;\r\n height: 6px;\r\n background: #d3d3d3;\r\n border-radius: 5px;\r\n outline: none;\r\n opacity: 0.7;\r\n -webkit-transition: 0.2s;\r\n transition: opacity 0.2s;\r\n }\r\n\r\n .range:hover {\r\n opacity: 1;\r\n }\r\n\r\n .range::-webkit-slider-thumb {\r\n -webkit-appearance: none;\r\n appearance: none;\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n\r\n .range::-moz-range-thumb {\r\n width: 14px;\r\n height: 14px;\r\n border-radius: 50%;\r\n background: rgb(51, 122, 183);\r\n cursor: pointer;\r\n }\r\n }\r\n }\r\n\r\n .color3Line {\r\n padding-left: $line-padding-left;\r\n display: grid;\r\n\r\n .firstLine {\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto 20px 20px;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .color3 {\r\n grid-column: 2;\r\n width: 50px;\r\n\r\n display: flex;\r\n align-items: center;\r\n\r\n input[type=\"color\"] {\r\n -webkit-appearance: none;\r\n border: 1px solid rgba(255, 255, 255, 0.5);\r\n padding: 0;\r\n width: 30px;\r\n height: 20px;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch-wrapper {\r\n padding: 0;\r\n }\r\n input[type=\"color\"]::-webkit-color-swatch {\r\n border: none;\r\n }\r\n\r\n input {\r\n margin-right: 5px;\r\n }\r\n }\r\n\r\n .copy {\r\n grid-column: 3;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n img {\r\n height: 100%;\r\n }\r\n }\r\n\r\n .expand {\r\n grid-column: 4;\r\n display: grid;\r\n align-items: center;\r\n justify-items: center;\r\n cursor: pointer;\r\n }\r\n }\r\n\r\n .secondLine {\r\n display: grid;\r\n padding-right: 5px;\r\n border-left: 1px solid rgb(51, 122, 183);\r\n\r\n .numeric {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n }\r\n\r\n .numeric-label {\r\n text-align: right;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n justify-self: right;\r\n margin-right: 10px;\r\n }\r\n\r\n .numeric-value {\r\n width: 120px;\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n border: 1px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n\r\n .listLine {\r\n padding-left: $line-padding-left;\r\n height: 30px;\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n\r\n .label {\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .options {\r\n grid-column: 2;\r\n\r\n display: flex;\r\n align-items: center;\r\n margin-right: 5px;\r\n\r\n select {\r\n width: 115px;\r\n }\r\n }\r\n }\r\n\r\n .paneContainer {\r\n margin-top: 3px;\r\n display: grid;\r\n grid-template-rows: 100%;\r\n grid-template-columns: 100%;\r\n\r\n .paneList {\r\n border-left: 3px solid transparent;\r\n }\r\n\r\n &:hover {\r\n .paneList {\r\n border-left: 3px solid rgba(51, 122, 183, 0.8);\r\n }\r\n\r\n .paneContainer-content {\r\n .header {\r\n .title {\r\n border-left: 3px solid rgb(51, 122, 183);\r\n }\r\n }\r\n }\r\n }\r\n\r\n .paneContainer-highlight-border {\r\n grid-row: 1;\r\n grid-column: 1;\r\n opacity: 1;\r\n border: 3px solid red;\r\n margin-bottom: -5px;\r\n z-index: 100;\r\n transition: opacity 250ms;\r\n pointer-events: none;\r\n\r\n &.transparent {\r\n opacity: 0;\r\n }\r\n }\r\n\r\n .paneContainer-content {\r\n grid-row: 1;\r\n grid-column: 1;\r\n\r\n .header {\r\n display: grid;\r\n grid-template-columns: 1fr auto;\r\n background: #555555;\r\n height: 30px;\r\n padding-right: 5px;\r\n cursor: pointer;\r\n\r\n .title {\r\n border-left: 3px solid transparent;\r\n padding-left: 5px;\r\n grid-column: 1;\r\n display: flex;\r\n align-items: center;\r\n }\r\n\r\n .collapse {\r\n grid-column: 2;\r\n display: flex;\r\n align-items: center;\r\n justify-items: center;\r\n transform-origin: center;\r\n\r\n &.closed {\r\n transform: rotate(180deg);\r\n }\r\n }\r\n }\r\n\r\n .paneList > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n\r\n .fragment > div:not(:last-child) {\r\n border-bottom: 0.5px solid rgba(255, 255, 255, 0.1);\r\n }\r\n }\r\n }\r\n }\r\n }\r\n }\r\n}\r\n"],"sourceRoot":""}]);
|
|
40
40
|
// Exports
|
|
41
41
|
___CSS_LOADER_EXPORT___.locals = {};
|
|
42
42
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
@@ -48978,7 +48978,7 @@ class TabsComponent extends react__WEBPACK_IMPORTED_MODULE_1__.Component {
|
|
|
48978
48978
|
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: activeClass, onClick: () => this.onSelect(index), title: child.props.title, children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { children: (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_fortawesome_react_fontawesome__WEBPACK_IMPORTED_MODULE_2__.FontAwesomeIcon, { icon: child.props.icon }) }) }, index));
|
|
48979
48979
|
}
|
|
48980
48980
|
render() {
|
|
48981
|
-
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "
|
|
48981
|
+
return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)("div", { className: "tabsMenu", onContextMenu: (e) => e.preventDefault(), children: [(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "labels", children: this.props.children.map((child, index) => {
|
|
48982
48982
|
return this.renderLabel(child, index);
|
|
48983
48983
|
}) }), (0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)("div", { className: "panes", children: this.props.children[this.props.selectedIndex] })] }));
|
|
48984
48984
|
}
|
|
@@ -53644,6 +53644,12 @@ class Tools {
|
|
|
53644
53644
|
}
|
|
53645
53645
|
return result;
|
|
53646
53646
|
}
|
|
53647
|
+
static GetNameString(obj) {
|
|
53648
|
+
if (obj?.name?.toString) {
|
|
53649
|
+
return obj.name.toString();
|
|
53650
|
+
}
|
|
53651
|
+
return "";
|
|
53652
|
+
}
|
|
53647
53653
|
static SortAndFilter(parent, items) {
|
|
53648
53654
|
if (!items) {
|
|
53649
53655
|
return [];
|
|
@@ -53653,8 +53659,8 @@ class Tools {
|
|
|
53653
53659
|
finalArray.push(...parent.reservedDataStore.detachedChildren);
|
|
53654
53660
|
}
|
|
53655
53661
|
return finalArray.sort((a, b) => {
|
|
53656
|
-
const lowerCaseA = (a
|
|
53657
|
-
const lowerCaseB = (b
|
|
53662
|
+
const lowerCaseA = Tools.GetNameString(a).toLowerCase();
|
|
53663
|
+
const lowerCaseB = Tools.GetNameString(b).toLowerCase();
|
|
53658
53664
|
if (lowerCaseA === lowerCaseB) {
|
|
53659
53665
|
return 0;
|
|
53660
53666
|
}
|