{"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":""}