iobroker.javascript
Version:
Rules Engine for ioBroker
1 lines • 33.5 kB
Source Map (JSON)
{"version":3,"file":"static/css/864.42bfc5f3.chunk.css","mappings":"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","sources":["index.css","../node_modules/react-splitter-layout/lib/index.css","Components/RulesEditor/style.module.scss","Components/RulesEditor/components/CardMenu/style.module.scss","Components/RulesEditor/components/CurrentItem/style.module.scss","Components/RulesEditor/components/GenericBlock/style.module.scss","Components/RulesEditor/components/CustomButton/style.module.scss","Components/RulesEditor/components/CustomCheckbox/style.module.scss","Components/RulesEditor/components/CustomInput/style.module.scss","Components/RulesEditor/components/CustomModal/style.module.scss","Components/RulesEditor/components/CustomSelect/style.module.scss","Components/RulesEditor/components/CustomSlider/style.module.scss","Components/RulesEditor/components/CustomSwitch/style.module.scss","Components/RulesEditor/components/CustomTime/style.module.scss","Components/RulesEditor/components/CustomDate/style.module.scss","Components/RulesEditor/components/ContentBlockItems/style.module.scss","Components/RulesEditor/components/DragWrapper/style.module.scss","Components/RulesEditor/components/Menu/style.module.scss","Components/RulesEditor/components/HamburgerMenu/hamburgerMenu.module.scss","Components/RulesEditor/helpers/stylesVariables.scss"],"sourcesContent":["html {\n width: 100%;\n height: 100%;\n}\n\nbody {\n overflow: hidden;\n margin: 0;\n padding: 0;\n font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Roboto\", \"Oxygen\",\n \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\",\n sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n width: 100%;\n height: 100%;\n}\n\n.iobVerticalSplitter .layout-pane-primary {\n overflow: hidden !important;\n}\n\n#root {\n width: 100%;\n height: 100%;\n}\n#___reactour > div:first-of-type {\n opacity: 0.4;\n}\n.layout-pane-primary {\n height: 100%\n}\n\n.blocklyToolboxDiv {\n /*left: -180px !important;*/\n left: 0 !important;\n width: 180px;\n top: 0 !important;\n height: 100% !important;\n}\n\n.no-underline:before {\n border-bottom: 0 !important;\n}\n.monaco-aria-container {\n top: 0;\n}\n\n.iobVerticalSplitter .layout-pane-primary {\n overflow: hidden;\n}\n\n.monacoCurrentLine {\n background: #59fd8c;\n}\n.monacoCurrentLineDark {\n background: #165b2c;\n}\n.monacoCurrentFullLine {\n background: #cbffdc;\n opacity: 0.7;\n}\n.monacoCurrentFullLineDark {\n background: #0e3b1f;\n opacity: 0.7;\n}\n.monacoBreakPointDark {\n background: #800000;\n border-radius: 50%;\n width: 16px !important;\n height: 16px !important;\n margin-left: 4px;\n}\n.monacoBreakPoint {\n background: #d71a1a;\n border-radius: 50%;\n width: 16px !important;\n height: 16px !important;\n margin-left: 4px;\n}",".splitter-layout {\n position: absolute;\n display: flex;\n flex-direction: row;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n\n.splitter-layout .layout-pane {\n position: relative;\n flex: 0 0 auto;\n overflow: auto;\n}\n\n.splitter-layout .layout-pane.layout-pane-primary {\n flex: 1 1 auto;\n}\n\n.splitter-layout > .layout-splitter {\n flex: 0 0 auto;\n width: 4px;\n height: 100%;\n cursor: col-resize;\n background-color: #ccc;\n}\n\n.splitter-layout .layout-splitter:hover {\n background-color: #bbb;\n}\n\n.splitter-layout.layout-changing {\n cursor: col-resize;\n}\n\n.splitter-layout.layout-changing > .layout-splitter {\n background-color: #aaa;\n}\n\n.splitter-layout.splitter-layout-vertical {\n flex-direction: column;\n}\n\n.splitter-layout.splitter-layout-vertical.layout-changing {\n cursor: row-resize;\n}\n\n.splitter-layout.splitter-layout-vertical > .layout-splitter {\n width: 100%;\n height: 4px;\n cursor: row-resize;\n}\n",".wrapperRules {\n background: linear-gradient(0deg, var(--backgroundGlobalColor), var(--backgroundGlobalColor)), url(\"../assets/back.jpg\");\n background-repeat: no-repeat;\n background-size: cover;\n height: 100%;\n display: flex;\n}\n.rootWrapper {\n display: flex;\n width: 100%;\n}\n.addClass {\n flex-direction: column;\n height: auto;\n overflow: auto;\n}\n@media screen and (max-width: 835px) {\n .rootWrapper {\n flex-direction: column;\n height: auto;\n overflow: auto;\n }\n}\n",".switchesItem {\n max-width: 200px;\n width: auto;\n display: flex;\n margin: 5px 0;\n padding: 12px 0;\n align-items: center;\n border: 1px solid rgba(255, 255, 255, 0);\n transition: all 0.7s;\n color: var(--colorInput);\n span {\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n margin-left: 15px;\n color: var(--lineColorActive);\n white-space: nowrap;\n }\n &:hover {\n border: 1px solid var(--lineColor);\n color: var(--lineColorHover);\n border-radius: 6px;\n background: var(--backgroundColor);\n cursor: pointer;\n }\n}\n.switchesItemActive {\n border: 1px solid var(--lineColor);\n color: var(--lineColorHover);\n border-radius: 6px;\n background: var(--backgroundColor);\n cursor: pointer;\n}\n.iconTheme {\n width: 30px !important;\n height: 30px !important;\n margin-left: 5px;\n * {\n color: var(--lineColorActive) !important;\n }\n}\n",".cardStyle {\n cursor: pointer;\n position: relative;\n min-width: 200px;\n width: calc(100% - 72px);\n height: fit-content;\n min-height: 70px;\n display: flex;\n padding: 10px;\n margin: 23px 12px 4px 12px;\n align-items: center;\n background: #ffffff6b;\n border-radius: 4px;\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n}\n.cardStyleActive {\n width: 300px;\n z-index: 100;\n}\n.controlMenu {\n display: flex;\n position: absolute;\n right: -31px;\n width: 30px;\n height: 100%;\n transition: opacity 0.5s;\n}\n.closeBtn {\n width: 20px;\n height: 20px;\n border-radius: 20px;\n position: relative;\n z-index: 1;\n margin: 5px auto;\n cursor: pointer;\n &:before {\n content: \"+\";\n color: #f7060684;\n position: absolute;\n z-index: 2;\n transform: rotate(45deg);\n font-size: 30px;\n line-height: 1;\n top: -6px;\n left: 2px;\n transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);\n }\n &:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: var(--backgroundColorHumburger);\n z-index: 1;\n transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);\n transform: scale(0.01);\n }\n &:hover:after {\n transform: scale(1);\n }\n &:hover:before {\n transform: scale(0.8) rotate(45deg);\n color: #fff;\n }\n}\n.isDelete {\n height: 0;\n min-height: 0;\n overflow: hidden;\n padding: 0 10px;\n margin: 0 12px 0 12px;\n transition: all 0.25s;\n background: rgb(255, 255, 255);\n opacity: 0.8;\n box-shadow: 0 0 10px rgb(106 204 255);\n}\n@media screen and (max-width: 835px) {\n .controlMenu {\n opacity: 1 !important;\n }\n}\n.drag_mobile {\n display: none;\n}\n@media screen and (max-width: 600px) {\n .drag_mobile {\n display: flex;\n width: 30px;\n height: 20px;\n background: repeating-linear-gradient(\n 180deg,\n var(--lineColorActive),\n var(--lineColorActive) 4px,\n var(--backgroundColorHumburger) 4px,\n var(--backgroundColorHumburger) 8px\n );\n border: 1px solid var(--lineColorActive);\n border-radius: 5px 0 0 0;\n position: absolute;\n top: 0;\n left: 0;\n cursor: pointer;\n }\n}\n","@keyframes fadeIn {\n 0% {\n opacity: 0;\n }\n\n 1% {\n opacity: 0;\n }\n\n 100% {\n opacity: 1;\n }\n}\n\n\n.cardStyle {\n cursor: pointer;\n position: relative;\n min-width: 200px;\n width: calc(100% - 72px);\n height: fit-content;\n min-height: 70px;\n display: flex;\n padding: 10px;\n margin: 23px 12px 4px 12px;\n align-items: center;\n background: var(--backgroundBlock);\n border-radius: 4px;\n box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14),\n 0 1px 3px 0 rgba(0, 0, 0, 0.12);\n}\n.nameCard {\n margin-top: 0;\n font-size: 19px;\n color: var(--colorBlock);\n font-weight: 500;\n}\n.cardStyleActive {\n width: 300px;\n z-index: 100;\n}\n.iconThemCard {\n width: 40px !important;\n height: 40px !important;\n margin-left: 5px;\n * {\n color: var(--colorBlock) !important;\n }\n}\n.iconThemCardSelectable {\n cursor: pointer;\n}\n.iconHelp {\n color: var(--colorBlock) !important;\n position: absolute !important;\n top: 0;\n right: 5px;\n}\n.inputCard {\n margin-top: 10px !important;\n}\n.blockName {\n margin-left: 10px;\n width: 100%;\n display: flex;\n flex-direction: column;\n position: relative;\n}\n.controlMenu {\n display: flex;\n position: absolute;\n right: -31px;\n width: 30px;\n height: 100%;\n transition: opacity 0.5s;\n}\n.closeBtn {\n width: 20px;\n height: 20px;\n border-radius: 20px;\n position: relative;\n z-index: 1;\n margin: 5px auto;\n cursor: pointer;\n &:before {\n content: \"+\";\n color: #f7060684;\n position: absolute;\n z-index: 2;\n transform: rotate(45deg);\n font-size: 30px;\n line-height: 1;\n top: -6px;\n left: 2px;\n transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);\n }\n &:after {\n content: \"\";\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border-radius: 100%;\n background: #994e9e7d;\n z-index: 1;\n transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);\n transform: scale(0.01);\n }\n &:hover:after {\n transform: scale(1);\n }\n &:hover:before {\n transform: scale(0.8) rotate(45deg);\n color: #fff;\n }\n}\n.controlMenuTop {\n display: flex;\n position: absolute;\n left: 0;\n width: 100%;\n overflow: hidden;\n transition: opacity 0.5s, height 0.5s, top 0.5s;\n}\n.debugInfo {\n font-size: 12px;\n font-style: italic;\n color: var(--debugColor);\n position: absolute;\n display: flex;\n opacity: 0;\n animation: fadeIn 0.3s ease-out;\n}\n.tagCard {\n text-align: center;\n color: var(--lineColorActive);\n min-width: 100px;\n padding: 0 2px;\n height: 22px;\n background: var(--backgroundColorHumburger);\n border-radius: 5px 5px 0 0;\n position: relative;\n margin-left: auto;\n margin-right: 8px;\n cursor: pointer;\n border-top: 1px solid var(--lineColor);\n border-left: 1px solid var(--lineColor);\n border-right: 1px solid var(--lineColor);\n font-size: 12px;\n padding-top: 2px;\n}\n.displayFlex {\n display: flex;\n align-items: center;\n}\n.blockMarginTop,\n.nameBlock {\n margin-top: 7px;\n}\n.frontText {\n margin-right: 7px;\n min-width: 80px;\n display: inline-table;\n}\n.backText {\n margin-left: 7px;\n}\n.iconTag {\n font-size: 40px;\n color: var(--colorBlock);\n display: flex;\n align-items: center;\n min-width: 40px;\n margin-bottom: 10px;\n margin-left: 12px;\n}\n.displayItalic {\n font-style: italic;\n font-size: 11px;\n margin-top: 0;\n}\n",".root {\n color: var(--colorBlock) !important;\n border-color: var(--colorBlock) !important;\n &:hover {\n border-color: var(--colorBlockHover) !important;\n color: var(--colorBlockHover) !important;\n background-color: inherit !important;\n }\n}\n.square{\n min-width: auto !important;\n padding: 6px 16px !important;\n}\n.icon {\n width: 24px;\n height: 24px;\n}",".root {\n * {\n color: var(--colorBlock) !important;\n }\n}\n",".root {\n background: var(--backgroundColorHumburger);\n border-radius: 5px;\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n * {\n color: var(--colorInput) !important;\n }\n [class*=\"MuiInputLabel-shrink\"] {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInput-underline\"] {\n :after {\n border-bottom-color: var(--lineColor) !important;\n }\n }\n &:hover {\n [class*=\"MuiOutlinedInput-notchedOutline\"] {\n border-color: var(--lineColor) !important;\n }\n }\n [class*=\"MuiOutlinedInput-notchedOutline\"] {\n border-color: var(--lineColor) !important;\n &:hover {\n border-color: var(--lineColor) !important;\n }\n [class*=\"Mui-focused\"] {\n border-color: var(--lineColor) !important;\n }\n [class*=\"Mui-disabled\"] {\n border-color: var(--lineColor) !important;\n }\n }\n}\n\n.icon {\n\n}\n",".modalContentWrapper {\n margin: 20px 0;\n padding: 0 35px;\n overflow-x: hidden;\n min-width: 320px;\n}\n.modalButtonBlock {\n display: flex;\n justify-content: flex-end;\n margin-top: 20px;\n flex-flow: wrap;\n border-top: 1px solid var(--lineColorActive);\n border-color: var(--lineColorActive);\n background: var(--backgroundColorHumburger);\n border-radius: 3px;\n & button {\n color: var(--lineColorActive) !important;\n flex: 1;\n }\n}\n.modalButtonBlockTwo {\n justify-content: space-around;\n flex-flow: wrap-reverse;\n position: sticky;\n bottom: 0;\n & button {\n margin: 5px;\n }\n}\n.modalWrapper {\n /*position: relative;*/\n [class*=\"MuiPaper-root MuiDialog-paper MuiPaper-elevation24 MuiDialog-paperScrollPaper MuiDialog-paperWidthXl MuiPaper-elevation24 MuiPaper-rounded\"] {\n background-color: #f6f6f6;\n }\n}\n.modalDialog {\n min-width: 400px;\n}\n.close {\n position: absolute;\n right: -14px;\n top: -16px;\n width: 32px;\n height: 32px;\n opacity: 0.9;\n cursor: pointer;\n transition: all 0.6s ease;\n &:hover {\n transform: rotate(90deg);\n }\n &:before {\n position: absolute;\n left: 15px;\n content: \"\";\n height: 33px;\n width: 4px;\n background-color: #ff4f4f;\n transform: rotate(45deg);\n }\n &:after {\n position: absolute;\n left: 15px;\n content: \"\";\n height: 33px;\n width: 4px;\n background-color: #ff4f4f;\n transform: rotate(-45deg);\n }\n}\n@media screen and (max-width: 460px) {\n .modalContentWrapper {\n min-width: auto;\n }\n}\n",".root {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n max-width: 440px;\n * {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInputLabel-shrink\"] {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInput-underline\"] {\n &:after {\n border-bottom-color: var(--lineColor) !important;\n }\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n &:hover {\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n }\n }\n}\n",".root {\n color: var(--lineColorActive) !important;\n height: 8px !important;\n [class*=\"MuiSlider-rail\"] {\n height: 8px !important;\n border-radius: 4px;\n }\n [class*=\"MuiSlider-track\"] {\n height: 8px !important;\n border-radius: 4px;\n }\n [class*=\"MuiSlider-valueLabel\"] {\n left: calc(-50% + 4px);\n }\n [class*=\"MuiSlider-thumb\"] {\n height: 24px;\n width: 24px;\n background-color: var(--colorBlock);\n border: 2px solid currentColor;\n margin-top: -8px;\n margin-left: -12px;\n &:focus,\n &:hover,\n &[class*=\"MuiSlider-active\"] {\n box-shadow: inherit !important;\n }\n }\n .mark {\n background-color: #00000000 !important;\n }\n}\n\n",".root {\n * {\n color: var(--colorBlock) !important;\n }\n [class*=\"Mui-checked\"] {\n color: var(--lineColor) !important;\n }\n [class*=\"Mui-checked\"] + [class*=\"MuiSwitch-track\"] {\n background-color: var(--lineColor) !important;\n }\n}\n",".root {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n * {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInputLabel-shrink\"] {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInput-underline\"] {\n &:after {\n border-bottom-color: var(--lineColor) !important;\n }\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n &:hover {\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n }\n }\n}\n",".root {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n * {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInputLabel-shrink\"] {\n color: var(--colorBlock) !important;\n }\n [class*=\"MuiInput-underline\"] {\n &:after {\n border-bottom-color: var(--lineColor) !important;\n }\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n &:hover {\n &:before {\n border-bottom-color: var(--lineColor) !important;\n }\n }\n }\n}\n",".border {\n border-left: 1px solid var(--lineColor);\n border-right: 1px solid var(--lineColor);\n}\n.emptyBlockStyle {\n cursor: pointer;\n width: auto;\n background: #ffffff1f;\n display: flex;\n // padding: 10px;\n margin: 10px 40px 10px 10px;\n align-items: center;\n border-radius: 4px;\n // transition: height 0.2s;\n}\n.emptyBlock {\n padding: 10px;\n // height: 76px;\n margin-top: 10px;\n animation: marginTop 0.12s;\n // transition: margin-top 0.1s;\n}\n.selectOnChange {\n margin-left: 12px;\n color: var(--lineColor) !important;\n width: calc(100% - 42px);\n}\n.selectOnChangeHelp {\n color: var(--lineColor);\n vertical-align: middle;\n cursor: pointer;\n}\n.selectOnChangeHelpIcon {\n color: var(--lineColor);\n}\n@keyframes marginTop {\n 0% {\n padding: 0;\n margin-top: 70px;\n height: 0;\n }\n 100% {\n padding: 10px;\n margin-top: 10px;\n // height: 100%;\n }\n}\n.emptyBlockNone {\n height: 0;\n animation: none;\n transition: height 0.02s;\n}\n\n.mainBlockItemRules {\n display: flex;\n flex: 1 3;\n flex-direction: column;\n transition: all 0.5s;\n z-index: 9;\n overflow: auto;\n .nameBlockItems {\n color: var(--lineColor);\n margin-top: 10px;\n width: 100%;\n display: flex;\n height: fit-content;\n justify-content: center;\n align-items: center;\n }\n}\n.contentBlockItem {\n height: 100%;\n display: flex;\n flex-direction: column;\n overflow: auto;\n transition: height 0.3s, background 0.5s;\n}\n\n.wrapperMargin {\n margin: auto 0;\n display: flex;\n flex-direction: column;\n}\n.contentHeightOn {\n animation: heightBlock 0.3s;\n}\n@keyframes heightBlock {\n 0% {\n height: 0;\n }\n 100% {\n height: 100%;\n }\n}\n.contentHeightOff {\n height: 0;\n overflow: hidden;\n animation: none;\n}\n.cardAdd {\n display: flex;\n align-items: center;\n text-align: center;\n margin: 0 10px;\n width: 100%;\n color: var(--lineColor);\n &::after,\n &::before {\n content: \"\";\n flex: 1;\n border-bottom: 1px solid;\n }\n &::after {\n margin-left: 0.25em;\n }\n &::before {\n margin-right: 0.25em;\n }\n}\n.blockCardAdd {\n display: flex;\n padding: 0 10px 6px 10px;\n align-items: center;\n color: white;\n cursor: pointer;\n * {\n color: #ffffffb3;\n }\n}\n.addClassOverflow {\n overflow: initial;\n}\n.addClassHeight {\n min-height: 300px;\n}\n@media screen and (max-width: 835px) {\n .mainBlockItemRules {\n overflow: initial;\n }\n .contentBlockItem {\n min-height: 300px;\n }\n .contentHeightOff {\n min-height: 0;\n transition: min-height 0.3s;\n }\n .contentHeightOn {\n transition: min-height 0.3s;\n }\n .border {\n border-left: initial;\n border-right: initial;\n }\n}\n",".drag {\n width: 32px;\n height: 22px;\n position: absolute;\n top: 23px;\n left: 12px;\n z-index: 1;\n cursor: pointer;\n}\n.root {\n position: relative;\n}\n",".menuRules {\n width: 200px;\n display: flex;\n flex-direction: column;\n background: var(--backgroundColor);\n border-right: 1px solid var(--lineColor);\n padding: 10px;\n opacity: 1;\n overflow-x: hidden;\n transition: width 0.5s, opacity 0.2s, padding 0.5s, background 0.2s, border-right 0.2s;\n}\n.switchesRenderWrapper {\n overflow-x: hidden;\n overflow-y: auto;\n direction: rtl;\n span {\n direction: ltr;\n }\n}\n.menuOff {\n width: 0;\n opacity: 0;\n padding: 0;\n}\n.menuTitle {\n display: flex;\n align-items: center;\n text-align: center;\n color: var(--lineColor);\n white-space: nowrap;\n transition: color 0.2s;\n &::after,\n &::before {\n content: \"\";\n flex: 1;\n border-bottom: 1px solid;\n }\n}\n.marginAuto {\n margin-top: auto;\n margin-bottom: 20px;\n}\n.inputWidth {\n margin-top: 0 !important;\n margin-bottom: 5px !important;\n}\n.menuWrapper {\n display: flex;\n height: 100%;\n}\n.hamburgerWrapper {\n position: absolute;\n width: 32px;\n height: 26px;\n background: var(--backgroundColorHumburger);\n border-radius: 0 5px 5px 0;\n display: flex;\n justify-content: center;\n padding-top: 10px;\n left: 221px;\n top: 30px;\n border: 1px solid var(--lineColor);\n cursor: pointer;\n transition: left 0.5s, border-radius 0.7s, width 0.7s, height 0.7s, background 0.2s, border 0.2s;\n z-index: 10;\n}\n.hamburgerOff {\n left: 20px;\n padding-top: 12px;\n border-radius: 20px;\n width: 40px;\n height: 28px;\n}\n.nothingFound {\n color: var(--lineColor);\n margin: 16px;\n font-size: 21px;\n transition: color 0.2s;\n}\n.resetSearch {\n font-weight: bold;\n color: var(--lineColor);\n cursor: pointer;\n margin: 10px 0;\n transition: color 0.3s, font-size 0.3s;\n &:hover {\n color: var(--lineColorHover);\n font-size: 22px;\n }\n}\n.controlPanel {\n display: flex;\n align-items: center;\n width: 200px;\n button {\n width: calc(100% / 3);\n min-width: auto;\n color: var(--lineColor);\n transition: color 0.2s;\n }\n .controlPanelAppBar {\n background: none;\n box-shadow: none;\n }\n [class*=\"Mui-selected\"] {\n color: var(--lineColorActive) !important;\n }\n [class*=\"MuiTabs-indicator\"] {\n background-color: var(--lineColorActive);\n }\n [class*=\"Mui-disabled\"] {\n color: #210025cc !important;\n }\n}\n.addClassMenu {\n position: absolute;\n z-index: 12;\n top: 0;\n}\n.addClassBackground {\n background: var(--backgroundMobile);\n}\n.addClassPosition {\n position: sticky;\n top: 0;\n left: 0;\n z-index: 2222;\n}\n@media screen and (max-width: 1035px) {\n .menuWrapper {\n position: absolute;\n z-index: 12;\n top: 0;\n }\n .menuRules {\n background: var(--backgroundMobile);\n }\n}\n@media screen and (max-width: 835px) {\n .menuRules {\n position: sticky;\n top: 0;\n left: 0;\n z-index: 2222;\n }\n}\n","$bar-width: 20px;\n$bar-height: 2px;\n$bar-spacing: 7px;\n\n.menu_wrapper {\n outline: 0;\n outline-offset: 0;\n margin-top: 12px;\n\tcursor: pointer;\n}\n\n.hamburgerMenu,\n.hamburgerMenu:after,\n.hamburgerMenu:before {\n width: $bar-width;\n\theight: $bar-height;\n}\n\n.hamburgerMenu {\n\tposition: relative;\n\ttransform: translateY($bar-spacing);\n\tbackground: var(--lineColorActive);\n\ttransition: all 0ms 300ms;\n \n &.animate {\n background: #dfbdec00; \n }\n}\n\n.hamburgerMenu:before {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: 0;\n\tbottom: $bar-spacing;\n\tbackground: var(--lineColorActive);\n\ttransition: bottom 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.hamburgerMenu:after {\n\tcontent: \"\";\n\tposition: absolute;\n\tleft: 0;\n\ttop: $bar-spacing;\n\tbackground: var(--lineColorActive);\n\ttransition: top 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms cubic-bezier(0.23, 1, 0.32, 1);\n}\n\n.hamburgerMenu.animate:after {\n\ttop: 0;\n\ttransform: rotate(45deg);\n\ttransition: top 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;\n}\n\n.hamburgerMenu.animate:before {\n\tbottom: 0;\n\ttransform: rotate(-45deg);\n\ttransition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), transform 300ms 300ms cubic-bezier(0.23, 1, 0.32, 1);;\n}\n.menu_conatiner_wrapper{\n display: none;\n}\n","$themeStandard: (\n --backgroundColor: #3052813b,\n --lineColor: #4caaf47d,\n --lineColorHover: #ccceff,\n --lineColorActive: #4caaf4,\n --backgroundColorHumburger: #436a93b8,\n --colorBlock: #02124b,\n --colorBlockHover: #02124b8c,\n --colorInput: #02124b,\n --backgroundBlock: #c9e7ffab,\n --backgroundGlobalColor: #ffffff00,\n --backgroundMobile: #041c35d4,\n --debugColor: #c6511b\n);\n$themeGreen: (\n --backgroundColor: #3081333b,\n --lineColor: #4cf4577d,\n --lineColorHover: #cdffcc,\n --lineColorActive: #4ff44c,\n --backgroundColorHumburger: #439346b8,\n --colorBlock: #024b04,\n --colorBlockHover: #024b048c,\n --colorInput: #024b04,\n --backgroundBlock: #c9ffcfab,\n --backgroundGlobalColor: #51ff001b,\n --backgroundMobile: #3081333b,\n --debugColor: #c6511b\n);\n$themeSilver: (\n --backgroundColor: rgba(31, 31, 31, 0.23),\n --lineColor: #f3f3f37d,\n --lineColorHover: #a0a0a0,\n --lineColorActive: #dedede,\n --backgroundColorHumburger: #3e3e3eb8,\n --colorBlock: #080808,\n --colorBlockHover: #0808088c,\n --colorInput: #ddd,\n --backgroundBlock: #c1c1c1ab,\n --backgroundGlobalColor: rgba(28, 28, 28, 0.93),\n --backgroundMobile: #040303eb,\n --debugColor: #c6511b\n);\n$themeLight: (\n --backgroundColor: #3131313b,\n --lineColor: #0001257d,\n --lineColorHover: #a0a0a0,\n --lineColorActive: #07002f,\n --backgroundColorHumburger: #333542a3,\n --colorBlock: #090929,\n --colorBlockHover: #c7c6c68c,\n --colorInput: #090929,\n --backgroundBlock: #000000,\n --backgroundGlobalColor: #ffffff40,\n --backgroundMobile: #b4b2c7bf,\n --debugColor: #c6511b\n);\n@mixin spread-map($map: ()) {\n @each $key, $value in $map {\n #{$key}: $value;\n }\n}\n:root.blue {\n @include spread-map($themeStandard);\n}\n:root.colored {\n @include spread-map($themeStandard);\n}\n:root.dark {\n @include spread-map($themeSilver);\n}\n:root.light {\n @include spread-map($themeLight);\n}"],"names":[],"sourceRoot":""}