{"version":3,"file":"smartcharts.css","mappings":"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","sources":["webpack://smartcharts/./sass/components/_icons.scss","webpack://smartcharts/./sass/_variables.scss","webpack://smartcharts/./sass/_themes.scss","webpack://smartcharts/./sass/components/_chart-types.scss","webpack://smartcharts/./sass/components/_scroll.scss","webpack://smartcharts/./sass/components/_ciq-list.scss","webpack://smartcharts/./sass/components/_menu-dropdown.scss","webpack://smartcharts/./sass/components/_dialog.scss","webpack://smartcharts/./sass/components/_chart-mode.scss","webpack://smartcharts/./sass/components/_timeperiod.scss","webpack://smartcharts/./sass/components/_studylegend.scss","webpack://smartcharts/./sass/components/_search.scss","webpack://smartcharts/./sass/components/_view.scss","webpack://smartcharts/./sass/components/_form.scss","webpack://smartcharts/./sass/components/_chart-size.scss","webpack://smartcharts/./sass/components/_draw_tools.scss","webpack://smartcharts/./sass/components/_chart-setting.scss","webpack://smartcharts/./sass/components/_download.scss","webpack://smartcharts/./node_modules/react-tabs/style/react-tabs.css","webpack://smartcharts/./sass/styles/chart.scss","webpack://smartcharts/./sass/styles/main.scss","webpack://smartcharts/./sass/styles/_menu.scss","webpack://smartcharts/./sass/components/_barrier.scss","webpack://smartcharts/./sass/components/_loader.scss","webpack://smartcharts/./sass/components/_last-digits.scss","webpack://smartcharts/./sass/components/_bottom-widget-container.scss","webpack://smartcharts/./sass/components/_chart-controls.scss","webpack://smartcharts/./sass/components/_chart-footer.scss","webpack://smartcharts/./sass/components/_chart-title.scss","webpack://smartcharts/./sass/components/_categorical-display.scss","webpack://smartcharts/./sass/components/_crosshair.scss","webpack://smartcharts/./sass/components/_highest-lowest-marker.scss","webpack://smartcharts/./sass/components/_indicator_prediction_dialog.scss","webpack://smartcharts/./sass/components/_navigation-widget.scss","webpack://smartcharts/./sass/components/_pagination-loader.scss","webpack://smartcharts/./sass/components/_settings-dialog.scss","webpack://smartcharts/./sass/components/_toolbar-widget.scss"],"sourcesContent":["@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @import '../_variables';\n\n.ic-icon {\n    display: block;\n    height: $normal-icon-size;\n    width: $normal-icon-size;\n    line-height: 32px;\n    transition: all 0.2s 0.15s;\n    border-radius: 2px;\n    box-sizing: border-box;\n    text-align: center;\n\n    &.ciq-favorite,\n    &.ic-favorite {\n        svg {\n            fill: none !important;\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n    &.ciq-active-favorite {\n        svg {\n            @include themify($themes) {\n                fill: themed('StarIconFav') !important;\n                stroke: themed('StarIconFav') !important;\n            }\n        }\n    }\n    &.margin {\n        margin: 0 5px;\n    }\n    svg {\n        position: relative;\n    }\n    br,\n    .ic-subtitle {\n        display: none;\n    }\n    &.ic-frxXAUUSD > svg {\n        fill: #ffd700;\n    }\n    &.ic-frxXPDUSD > svg {\n        fill: #e9eaf0;\n    }\n    &.ic-frxXPTUSD > svg {\n        fill: #f4f3f3;\n    }\n    &.ic-frxXAGUSD > svg {\n        fill: #e1e1e1;\n    }\n}\n\n.ic-icon-with-sub {\n    height: auto !important;\n    width: auto !important;\n    line-height: 15px;\n\n    br,\n    .ic-subtitle {\n        display: inline;\n    }\n}\n\n.cq-chart-controls .cq-menu-btn,\n.cq-menu-dropdown .title, // Close icon right of dropdown title in mobile mode\n.ciq-chart-types .ciq-list-item,\n.sc-mcd__filter,\n.sc-mcd__category__head .category-title-left,\n.sc-mcd__category__head {\n    .ic-icon {\n        & > svg {\n            @include themify($themes) {\n                fill: themed('MenuIcon');\n            }\n        }\n        &:not(.ic-synthetic_index, .ic-cryptocurrency) > svg {\n            @include themify($themes) {\n                stroke: themed('MenuIcon');\n            }\n        }\n    }\n}\n\n.cq-chart-controls .stxMenuActive .cq-menu-btn .ic-icon,\n.ciq-chart-types .ciq-list-item .active.ic-icon {\n    svg {\n        @include themify($themes) {\n            fill: themed('MenuActiveIcon');\n            stroke: themed('MenuActiveIcon');\n        }\n    }\n}\n\n.ic-frx,\n.ic-otc,\n.ic-wld {\n    width: 32px;\n    min-width: 32px;\n    height: 32px;\n    position: relative;\n    display: inline-block;\n    vertical-align: top;\n\n    > span {\n        position: absolute;\n    }\n}\n\n.ic-frx {\n    > span:last-child {\n        top: 8px;\n        left: 8px;\n    }\n}\n\n.ic-otc {\n    > span {\n        top: 5px;\n    }\n    > span:last-child {\n        top: -8px;\n        left: 9px;\n    }\n}\n\n.ic-wld {\n    > span:last-child {\n        top: -11px;\n        left: 13px;\n\n        svg {\n            width: 15px;\n            height: 10px;\n        }\n        .app-contents--is-mobile & {\n            top: -4px;\n            left: 11px;\n\n            svg {\n                width: 12px;\n                height: 8px;\n                box-sizing: content-box;\n            }\n        }\n    }\n}\n\n.smartcharts {\n    // temp workaround for svg icon that cannot be themed\n    .ic-cryptocurrency > svg,\n    .ic-indices > svg {\n        stroke: none !important;\n    }\n    &-dark {\n        .ic-cryptocurrency > svg,\n        .ic-indices > svg {\n            filter: brightness(3);\n        }\n        .sc-mcd__filter__item--selected {\n            .ic-cryptocurrency > svg,\n            .ic-indices > svg {\n                filter: brightness(6);\n            }\n        }\n    }\n    &-mobile {\n        .cq-chart-controls .ciq-menu {\n            padding: 0px;\n        }\n        br,\n        .ic-subtitle {\n            display: none;\n        }\n    }\n}\n","/* ------------------------ *\\\n\t\tVariables\n\\* ------------------------ */\n\n$base-font: 'IBM Plex Sans',sans-serif !default;\n\n$font-size-base: 1em !default;\n$font-size-button: 1em !default;\n$font-size-toolbar: 1em !default;\n\n/* --------- COLOR :: Border --------- */\n$nav-height: 45px !default;\n$footer-height: 45px !default;\n\n$active-color: #4c5794;\n$large-icon-size: 32px;\n$normal-icon-size: 24px;\n$small-icon-size: 16px;\n\n$border-radius: 4px;\n\n/* ------------------------ *\\\n        Mixin\n\\* ------------------------ */\n\n/* --------- Animation : dialog --------- */\n@mixin dialog-transition {\n    transition: pointer-events 0.2s cubic-bezier(0.64, 0.04, 0.35, 1), transform 0.25s cubic-bezier(0.64, 0.04, 0.35, 1), opacity 0.17s cubic-bezier(0.64, 0.04, 0.35, 1), z-index 0.17s cubic-bezier(0.64, 0.04, 0.35, 1);\n}\n\n/* --------- CSS Properties --------- */\n\n@mixin optional-at-root($sel) {\n    @at-root #{if(not &, $sel, selector-append(&, $sel))} {\n        @content;\n    }\n}\n\n@mixin placeholder {\n    @include optional-at-root('::-webkit-input-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root('::-moz-placeholder') {\n        @content;\n    }\n\n    @include optional-at-root(':-ms-input-placeholder') {\n        @content;\n    }\n}\n@mixin rangetrack() {\n    width: 100%;\n    height: 12px;\n    cursor: pointer;\n    border-radius: 0px;\n    background: transparent;\n    border: 0px solid #010101;\n}\n@mixin rangethumb() {\n    cursor: pointer;\n    width: 10px;\n    height: 10px;\n    box-sizing: border-box;\n    border-radius: 7px;\n    margin-top: 0px;\n    @include themify($themes) {\n        background-color: themed('SliderHandleBg');\n        border: 2px solid themed('SliderHandleBorder');\n    }\n}\n\n@mixin triangle-base($width) {\n    content: '';\n    width: 0px;\n    height: 0px;\n    display: block;\n    border-left: $width solid transparent;\n    border-right: $width solid transparent;\n}\n\n@mixin calendar-angle-toggle($symbol-angle) {\n    content: $symbol-angle;\n    font-family: system-ui;\n    font-size: xx-large;\n    font-weight: 200;\n}\n","/* stylelint-disable color-no-hex */\n/* stylelint-disable value-keyword-case */\n// Colours based on Zeplin style guide 28march 2019\n$COLOR_WHITE: #ffffff;\n$COLOR_BLACK: #000000;\n$COLOR_ORANGE: #ff9933;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052; /* Brand Blue */\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_LIGHT_GRAY: #7f8397;\n$COLOR_LIGHT_GRAY_30: rgba($COLOR_LIGHT_GRAY, 0.3);\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba($COLOR_LIGHT_GRAY_1, 0.32);\n$COLOR_LIGHT_GRAY_3: rgb(250, 250, 251);\n$COLOR_LIGHT_BLACK_1: rgba($COLOR_BLACK, 0.8);\n$COLOR_LIGHT_BLACK_1_40: rgba($COLOR_BLACK, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba($COLOR_BLACK, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba($COLOR_BLACK, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_BLACK_5: rgba($COLOR_BLACK, 0.14);\n$COLOR_LIGHT_BLACK_6: rgba($COLOR_BLACK, 0.15);\n\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n//Legacy Colours. TODO: Check with design team, replace and remove these colours\n$COLOR_YELLOW: #fef1cf;\n$COLOR_LIGHT_BLACK: #5c5c5c;\n$COLOR_BRANDBLUE_40: #aaacba;\n$COLOR_BRANDBLUE_95: #353b5b;\n$COLOR_BRANDBLUE_85: #4a4f6c;\n$COLOR_BRANDBLUE_75: #60647e;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n\n$COLOR_GREEN: #85acb0;\n$COLOR_GREEN_1: #4bb4b3;\n\n/*****************************\\\n *****************************\n        COLOR PALETTE\n *****************************\n\\*****************************/\n\n$color-black: #181c25;\n$color-black-1: #333333;\n$color-black-3: #151717;\n$color-black-4: #1d1f20;\n$color-black-5: #242828;\n$color-black-6: #3e3e3e;\n$color-black-7: #000000b8;\n$color-black-8: #323738;\n$color-black-9: #0e0e0ef5;\n$color-black-10: #00000014;\n$color-black-11: #00000029;\n$color-black-12: #0000004d;\n$color-white: #ffffff;\n$color-white-1: #fffffff5;\n$color-white-2: #ffffff29;\n$color-red: #ff444f;\n$color-red-1: #ec3f3f;\n$color-red-2: #cc2e3d;\n$color-red-3: #a32430;\n$color-red-4: #d33636;\n$color-red-5: #eb3e48;\n$color-red-6: #ff444f14;\n$color-red-7: #ff525c;\n$color-grey: #c2c2c2;\n$color-grey-1: #999999;\n$color-grey-2: #f2f3f4;\n$color-grey-3: #eaeced;\n$color-grey-4: #e6e9e9;\n$color-grey-5: #d6dadb;\n$color-grey-6: #d6d6d6;\n$color-grey-7: #6e6e6e;\n$color-green: #85acb0;\n$color-green-1: #4bb4b3;\n$color-green-2: #3d9494;\n$color-green-3: #00a79e;\n$color-green-4: #008079;\n$color-orange: #ff6444;\n$color-yellow: #ffad3a;\n$color-blue: #2c9aff;\n\n/* Preserve legacy variables */\n/* Primary */\n\n$COLOR_BLACK: #000000;\n$COLOR_BLACK_2: #1d1f20;\n$COLOR_BLACK_3: #0e0e0e;\n$COLOR_GREEN_1: #39b19d;\n$COLOR_GREEN_2: #2d9f93;\n$COLOR_GREEN_3: #21ce99;\n$COLOR_GREEN_4: #00a79e;\n$COLOR_GREEN_5: #4bb4b3;\n$COLOR_ORANGE: #ff9933;\n$COLOR_DARK_ORANGE: #ff8802;\n$COLOR_PURPLE: #4f60ae;\n$COLOR_RED: #e31c4b;\n$COLOR_RED_2: #cc2e3d;\n$COLOR_RED_3: #ec3f3f;\n$COLOR_CORAL_RED: #ff444f;\n$COLOR_SKY_BLUE: #2196f3;\n$COLOR_WHITE: #ffffff;\n$COLOR_BLUE: #1c5ae3;\n// Light theme\n$COLOR_LIGHT_BLACK_1: rgba(0, 0, 0, 0.8);\n$COLOR_LIGHT_BLACK_2: rgba(0, 0, 0, 0.4);\n$COLOR_LIGHT_BLACK_3: rgba(0, 0, 0, 0.16);\n$COLOR_LIGHT_BLACK_3_SOLID_1: #d6d6d6;\n$COLOR_LIGHT_BLACK_3_SOLID_2: #b3b3b3;\n$COLOR_LIGHT_BLACK_4: rgba(0, 0, 0, 0.04);\n$COLOR_LIGHT_BLACK_4_SOLID: #f4f4f6;\n$COLOR_LIGHT_GRAY_1: #999cac;\n$COLOR_LIGHT_GRAY_2: rgba(153, 156, 172, 0.32);\n$COLOR_LIGHT_GRAY_3: #eaeced;\n$COLOR_LIGHT_GRAY_4: #6e6e6e;\n$COLOR_LIGHT_GRAY_5: #c2c2c2;\n$COLOR_LIGHT_GRAY_6: #e9e9ed;\n$COLOR_LIGHT_GRAY_7: rgba(0, 0, 0, 0.08);\n$COLOR_LIGHT_GREEN_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(0, 148, 117, 0.16));\n$COLOR_LIGHT_RED_GRADIENT: linear-gradient(to top, rgba(255, 255, 255, 0), rgba(227, 28, 75, 0.16));\n$COLOR_LIGHT_WHITE_GRADIENT: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));\n// Dark theme\n$COLOR_DARK_BLACK_GRADIENT: linear-gradient(to right, rgba(16, 19, 32, 1), rgba(16, 19, 32, 0));\n$COLOR_DARK_BLUE_1: #0b0e18;\n$COLOR_DARK_BLUE_2: #101320;\n$COLOR_DARK_BLUE_3: #191c31;\n$COLOR_DARK_BLUE_4: #202641;\n$COLOR_DARK_BLUE_5: #2a3052;\n$COLOR_DARK_BLUE_6: #555975;\n$COLOR_DARK_BLUE_7: #7f8397;\n$COLOR_DARK_BLUE_8: rgba(127, 131, 151, 0.3);\n$COLOR_DARK_GREEN_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(0, 148, 117, 0.16));\n$COLOR_DARK_RED_GRADIENT: linear-gradient(to top, rgba(16, 19, 32, 0), rgba(227, 28, 75, 0.16));\n$COLOR_DARK_GRAY_1: #282a37;\n$COLOR_DARK_GRAY_2: #303342;\n$COLOR_DARK_GRAY_3: #555975;\n$COLOR_DARK_GRAY_4: #999999;\n\n$themes: (\n    light: (\n        DefaultMain: $COLOR_WHITE,\n        DefaultBg: $COLOR_WHITE,\n        DefaultText: $COLOR_LIGHT_GRAY,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-5,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-black-1,\n        BtnSecondaryBorder: $color-grey-1,\n        BtnSecondaryHoverBg: $COLOR_LIGHT_GRAY_7,\n        InputDefaultText: $color-grey-1,\n        InputDefaultBorder: $color-grey-5,\n        InputDefaultHoverBorder: $color-grey-1,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-1,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-grey-5,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        DefaultBorder: $COLOR_LIGHT_GRAY,\n        TooltipBg: $color-grey-5,\n        TooltipText: $color-black-1,\n        TooltipTextBg: transparent,\n        TooltipShadow: transparent,\n        Loading: $COLOR_BLACK,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_2,\n        ChartBg: $color-white,\n        ChartBorder: $COLOR_LIGHT_GRAY_1,\n        ChartText: $COLOR_DARK_GRAY_3,\n        ChartPanelBg: $color-grey-2,\n        ChartPanelActiveBg: $color-grey-4,\n        ChartPanelText: $color-black-1,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_BLACK_3,\n        ChartGrid: $color-grey-2,\n        ChartIndicateText: $color-grey-3,\n        ChartIndicateDivide: $color-grey-5,\n        ChartCurrentHRBg: $color-red,\n        ChartCloseCurrentHRBg: rgba($color-red, 0.32),\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba($color-green, 0.16),\n        ChartMountainBgShade: rgba(255, 255, 255, 0),\n        ChartMountainClosedBorder: rgba($color-green, 0.32),\n        ChartClosedCandleBgUp: rgba($color-green, 0.32),\n        ChartClosedCandleBgDown: rgba($color-red, 0.32),\n        ChartClosedCandleBorder: rgba($color-black-1, 0.32),\n        ChartStickyBg: $color-grey-2,\n        ChartStickyText: $color-black-1,\n        ChartStickyInnerBg: $color-grey-5,\n        ChartStickyInnerText: $color-black-1,\n        MenuBg: $COLOR_WHITE,\n        MenuIcon: $COLOR_LIGHT_BLACK_1,\n        MenuText: $COLOR_LIGHT_BLACK_1,\n        MenuBorder: $COLOR_LIGHT_GRAY_1,\n        MenuHoverBg: $color-grey-4,\n        MenuHoverIconBg: $COLOR_LIGHT_GRAY_1,\n        MenuActiveBg: $color-white,\n        MenuActiveText: $COLOR_LIGHT_GRAY,\n        MenuActiveIcon: $COLOR_DARK_BLUE_5,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $COLOR_WHITE,\n        ChartTitleSubBg: $color-grey-2,\n        ChartTitleText: $COLOR_LIGHT_BLACK_1,\n        ChartTitleBorder: $COLOR_WHITE,\n        ChartTitleArrow: $color-black-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $color-black-1,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_LIGHT_GRAY_2,\n        ChartTitleActiveArrow: $COLOR_LIGHT_BLACK_1,\n        ChartControlBoxBorder: $color-grey-2,\n        ListScroll: $color-black-1,\n        ListLiBg: $color-white,\n        ListLiText: $color-black-1,\n        ListLiBorder: $color-grey-3,\n        ListHoverLiBg: $color-grey-4,\n        ListActiveLiBg: $COLOR_LIGHT_BLACK_3,\n        ListActiveLiText: $COLOR_DARK_BLUE_5,\n        ListActiveLiBorder: $COLOR_LIGHT_GRAY,\n        DialogBorder: $color-grey-2,\n        DialogHeadBg: $color-white,\n        DialogHeadText: $color-black-1,\n        DialogHeadBorder: $COLOR_LIGHT_BLACK_4_SOLID,\n        DialogHeadIcon: $color-black-1,\n        DialogHeadIconHoverBg: $color-grey-4,\n        DialogHeadActiveBorder: $COLOR_LIGHT_GRAY,\n        DialogTabularBg: $color-grey-2,\n        DialogTabularText: $color-black-1,\n        DialogTabularHeadBg: $color-white,\n        DialogTabularHeadBorder: $color-grey-2,\n        DialogTabularHeadTitleBg: $color-grey-2,\n        DialogTabularBodyBg: $color-white,\n        DialogTabularHoverTabBg: $color-grey-4,\n        DialogTabularActiveTabBg: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-grey-2,\n        DialogBodyText: $color-black-1,\n        DialogFootBg: $color-white,\n        DialogFootText: $COLOR_LIGHT_BLACK_1,\n        DialogFootBorder: $color-grey-2,\n        DialogFootIcon: $color-grey-1,\n        DialogFootDeleteIcon: $color-black-1,\n        DialogFootDeleteHoverBg: $color-grey-4,\n        DialogFootResetText: $color-black-1,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_BLACK,\n        DialogSettingBodyBg: $COLOR_WHITE,\n        DialogSettingSectionDivider: $color-grey-2,\n        DialogSettingSectionText: $color-black-1,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-white,\n        ChartTypeText: $color-black-1,\n        ChartTypeHoverBg: $color-grey-4,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-grey-5,\n        ChartTypeTooltipText: $color-black-1,\n        TimeMenuActiveIconBorder: $COLOR_LIGHT_GRAY_1,\n        TimeBg: $color-white,\n        TimeText: $color-black-1,\n        TimeHoverBg: $color-grey-4,\n        TimeActiveText: $color-black-1,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-white,\n        ChartModeBorder: $color-grey-2,\n        ChartModeText: $color-black-1,\n        DrawToolsEmptyText: $color-grey-7,\n        DrawToolsItemText: $color-black-1,\n        DrawToolsItemSubText: $color-grey-1,\n        DrawToolsItemIcon: $color-black-1,\n        DrawToolsHoverBg: $color-grey-4,\n        ChartSettingText: $color-black-1,\n        ChartSettingIcon: $COLOR_LIGHT_GRAY,\n        ChartSettingActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartSettingItemTitleText: $color-black-1,\n        ChartSettingItemHoverBg: $color-grey-4,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-white,\n        TemplateText: $color-black-1,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-1,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-grey-5,\n        TemplateFormInputText: $color-grey-1,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-black-1,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-grey-2,\n        TemplateListHeadText: $color-grey-1,\n        TemplateListHeadBtnBorder: $color-grey-1,\n        TemplateListHeadBtnText: $color-black-1,\n        TemplateListItemText: $color-black-1,\n        TemplateListItemHoverBg: $color-grey-4,\n        ColorPickerBg: $COLOR_WHITE,\n        ColorPickerShadow: $COLOR_LIGHT_GRAY_7,\n        ColorPickerBorder: $COLOR_LIGHT_GRAY,\n        ColorPickerInputBorder: $color-grey-5,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-black-1,\n        ColorPickerSubtitleBg: $color-white,\n        DefaultInputHoverBorder: $color-grey-1,\n        DefaultInputBtnHoverBg: $color-grey-4,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-grey-4,\n        DropdownText: $color-black-1,\n        DropdownSubtitleText: $color-black-1,\n        DropdownSubtitleBg: $color-white,\n        DropdownBg: $color-white,\n        DropdownBorder: $color-grey-5,\n        DropdownActiveBg: $color-grey-5,\n        DropdownActiveText: $color-black-1,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: $COLOR_LIGHT_GRAY_7,\n        DropdownHoverBg: $color-grey-4,\n        DropdownHoverBorder: $color-grey-1,\n        SliderText: $color-black-1,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-grey-3,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: $color-grey-3,\n        SwitchOnBg: $color-green-1,\n        InputBg: $COLOR_WHITE,\n        InputText: $color-black-1,\n        InputBorder: $color-grey-5,\n        InputActiveText: $color-black-1,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-1,\n        InputFocusText: $color-black-1,\n        CatDisplayBg: $COLOR_WHITE,\n        CatDisplayShadow: $COLOR_LIGHT_GRAY_1,\n        CatDisplayText: $color-black-1,\n        CatDisplayBorder: $COLOR_WHITE,\n        CatDisplaySearchBg: $COLOR_WHITE,\n        CatDisplaySearchIcon: $color-black-1,\n        CatDisplaySearchText: $COLOR_LIGHT_BLACK_3,\n        CatDisplaySearchBorder: $color-grey-5,\n        CatDisplayActiveSearchText: $color-black-1,\n        CatDisplayActiveSearchIcon: $color-black-1,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_LIGHT_GRAY_2,\n        CatDisplayHoverSearchIcon: $color-black-1,\n        CatDisplayHoverSearchBorder: $color-grey-1,\n        CatDisplayFilterBg: $color-grey-2,\n        CatDisplayFilterText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayFilterIcon: $COLOR_LIGHT_GRAY,\n        CatDisplayFilterBorder: $color-grey-2,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $COLOR_WHITE,\n        CatDisplayActiveFilterText: $color-black-1,\n        CatDisplayActiveFilterIcon: $color-black-1,\n        CatDisplayActiveFilterBorder: $COLOR_RED,\n        CatDisplayHoverFilterBg: $color-grey-4,\n        CatDisplayCatTitleText: $color-black-1,\n        CatDisplayCatSubTitleText: $COLOR_LIGHT_GRAY,\n        CatDisplayCatContentBg: $COLOR_WHITE,\n        CatDisplayCatContentBorder: $COLOR_WHITE,\n        CatDisplayCatContentTitleBg: $COLOR_WHITE,\n        CatDisplayCatContentTitleText: $color-grey-1,\n        CatDisplayCatContentIcon: $color-black-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        CatDisplayCatActiveContentBg: $color-grey-5,\n        CatDisplayCatActiveContentText: $color-black-1,\n        CatDisplayCatActiveContentIcon: $color-black-1,\n        CatDisplayActiveText: $COLOR_LIGHT_BLACK_1,\n        CatDisplayCatHoverContentBg: $color-grey-4,\n        CatDisplayCatHoverContentText: $color-black-1,\n        CatDisplayCatHoverContentIcon: $color-black-1,\n        DownloadBg: $color-white,\n        DownloadText: $color-black-1,\n        DownloadActiveBg: $color-grey-4,\n        LoadingBg: $color-green,\n        CrosshairBg: $color-grey-5,\n        CrosshairText: $color-black-1,\n        CrosshairBorder: $color-grey-5,\n        CrosshairAxis: $color-grey-5,\n        CrosshairLabelBg: $color-grey-5,\n        CrosshairLabelText: $color-black-1,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_LIGHT_GRAY_1,\n        LastdigitsMaxBarBg: $COLOR_GREEN_2,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_BLACK,\n        ChartHistoryBg: $color-grey-2,\n        ChartHistoryBgContainer: $color-white,\n        ChartHistoryColor: $color-black-1,\n        ChartHistoryBorder: $COLOR_LIGHT_GRAY,\n        ChartHistoryPickerBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBg: $COLOR_WHITE,\n        ChartHistoryPickerDropdownBorder: $color-grey-3,\n        ChartHistoryPickerBorder: $color-grey-3,\n        ChartHistoryPickerColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerIcon: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_LIGHT_BLACK,\n        ChartHistoryPickerActiveIcon: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $COLOR_WHITE,\n        ChartHistoryPickerHeaderBorder: $COLOR_LIGHT_GRAY_3,\n        ChartHistoryPickerHeaderColor: $COLOR_BLACK,\n        ChartHistoryPickerHeaderIcon: $color-black-1,\n        ChartHistoryPickerFooterBg: $COLOR_WHITE,\n        ChartHistoryPickerFooterBorder: $color-grey-2,\n        ChartHistoryPickerFooterColor: $color-black-1,\n        ChartHistoryPickerBodyColor: $color-black-1,\n        ChartHistoryPickerBodyDisableColor: $color-grey-6,\n        ChartHistoryPickerBodyActiveBg: $color-grey-5,\n        ChartHistoryPickerBodyActiveColor: $color-black-1,\n        ChartHistoryPickerBodyActiveBorder: $COLOR_DARK_BLUE_5,\n        ChartHistoryPickerBodyHoverBg: $color-grey-3,\n        PaginationLoaderStripeColor: $COLOR_LIGHT_BLACK_4_SOLID,\n        NavigationWidgetBg: $color-grey-2,\n        NavigationWidgetColor: $color-black-1,\n        HighestLowestMarkerLabelBg: $COLOR_LIGHT_BLACK_3,\n        HighestLowestMarkerLabelText: $COLOR_LIGHT_BLACK_1,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-white,\n        ToolbarWidgetBorder: $color-grey-2,\n        ToolbarWidgetHoverBg: $color-grey-4,\n        ToolbarWidgetItemIcon: $color-black-1,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.05,\n        IndicatorEmptyText: $color-grey-1,\n        IndicatorEmptyTitleText: $color-black-1,\n        IndicatorListItemText: $color-black-1,\n        IndicatorListItemSubText: $color-grey-1,\n        IndicatorListItemHoverBg: $color-grey-4,\n        IndicatorAddedBorder: $color-grey-6,\n        IndicatorSearchBg: $color-white,\n        IndicatorSearchBorder: $color-grey-5,\n        IndicatorSearchText: $COLOR_LIGHT_BLACK_3_SOLID_1,\n        IndicatorSearchIcon: $color-black-1,\n        IndicatorSearchIconReset: $color-grey-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-black-1,\n        IndicatorCategoryText: $color-grey-1,\n        IndicatorInfoText: $color-black-1,\n        IndicatorInfoBg: $color-white,\n        FooterBg: $color-white,\n        FooterText: $color-black-1,\n        FooterBorder: $color-grey-2,\n        FooterItemHoverBg: $color-grey-4,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-black-1,\n        PredictionDialogText: $color-black-1,\n        ChartHistoryPickerBgCalendar: $color-white,\n        ChartHistoricalMarker: $color-grey-5,\n        ChartHistoricalMarkerFont: $color-black-1,\n    ),\n    dark: (\n        DefaultMain: $color-black,\n        DefaultBg: $color-black,\n        DefaultText: $COLOR_WHITE,\n        DefaultBorder: $COLOR_WHITE,\n        TooltipBg: $color-black-8,\n        TooltipText: $color-white,\n        TooltipShadow: transparent,\n        TooltipTextBg: transparent,\n        BtnDefaultBg: transparent,\n        BtnDefaultText: $color-red,\n        BtnDefaultHoverBg: rgba($color-red, 0.08),\n        BtnPrimaryBg: $color-red,\n        BtnPrimaryText: $color-white,\n        BtnPrimaryDisableBg: rgba($color-red, 0.32),\n        BtnPrimaryHoverBg: $color-red-7,\n        BtnSecondaryBg: $color-grey-1,\n        BtnSecondaryText: $color-white,\n        BtnSecondaryBorder: $color-grey-7,\n        BtnSecondaryHoverBg: rgba(255, 255, 255, 0.08),\n        InputDefaultBorder: $color-black-8,\n        InputDefaultHoverBorder: $color-grey-7,\n        InputDefaultActiveBorder: $color-green,\n        CheckboxBg: $color-grey-7,\n        CheckboxActiveBg: $color-red,\n        ScrollbarBg: $color-black-8,\n        NotificationBadgeBg: $color-red-1,\n        NotificationBadgeText: $color-white,\n        Loading: $COLOR_WHITE,\n        ChartAreaBorder: $COLOR_LIGHT_GRAY_30,\n        ChartBg: $color-black,\n        ChartBorder: $COLOR_WHITE,\n        ChartText: $color-grey-1,\n        ChartPanelBg: $color-black-3,\n        ChartPanelActiveBg: $color-black-5,\n        ChartPanelText: $color-grey,\n        ChartCandleBg: $color-red,\n        ChartCandleBgClosed: $COLOR_DARK_GRAY_2,\n        ChartCandleText: $color-white,\n        ChartCandleTextClosed: $COLOR_LIGHT_GRAY_30,\n        ChartGrid: $color-black-4,\n        ChartIndicateText: $COLOR_WHITE,\n        ChartIndicateDivide: $color-black-8,\n        ChartMountainBorder: $color-green,\n        ChartMountainBg: rgba(255, 255, 255, 0.36),\n        ChartMountainBgShade: rgba(16, 19, 32, 0),\n        ChartMountainClosedBorder: rgba($COLOR_WHITE, 0.32),\n        ChartStickyBg: $color-black-3,\n        ChartStickyText: $color-grey,\n        ChartStickyInnerBg: $color-black-8,\n        ChartStickyInnerText: $color-white,\n        MenuBg: $color-black,\n        MenuBorder: $COLOR_DARK_BLUE_5,\n        MenuIcon: $color-grey-1,\n        MenuText: $color-grey-1,\n        MenuHoverBg: $color-black-5,\n        MenuHoverIconBg: $COLOR_DARK_GRAY_3,\n        MenuActiveBg: $color-black,\n        MenuActiveText: $color-white,\n        MenuActiveIcon: $color-white,\n        MenuActiveBorder: $color-red,\n        ChartTitleBg: $color-black,\n        ChartTitleSubBg: $color-black-3,\n        ChartTitleText: $COLOR_WHITE,\n        ChartTitleBorder: $color-black-3,\n        ChartTitleArrow: $color-grey-1,\n        ChartTitlePriceText: $color-grey-1,\n        ChartTitleSymbolText: $COLOR_WHITE,\n        ChartTitleHoverBorder: $color-grey-1,\n        ChartTitleActiveBorder: $color-green,\n        ChartTitleActiveShadow: $COLOR_DARK_BLUE_8,\n        ChartTitleActiveArrow: $color-grey-1,\n        ChartControlBoxBorder: $color-black-3,\n        ListScroll: $color-grey,\n        ListLiBg: $color-black,\n        ListLiText: $color-grey,\n        ListLiBorder: $color-black-4,\n        ListHoverLiBg: $color-black-5,\n        ListActiveLiBg: $color-black-8,\n        ListActiveLiText: $color-white,\n        ListActiveLiBorder: $color-black-4,\n        DialogBorder: $color-black,\n        DialogHeadBg: $color-black-3,\n        DialogHeadText: $color-white,\n        DialogHeadBorder: $color-black,\n        DialogHeadIcon: $color-grey,\n        DialogHeadIconHoverBg: $color-black-5,\n        DialogHeadActiveBorder: $COLOR_DARK_BLUE_3,\n        DialogTabularBg: $color-black-3,\n        DialogTabularText: $color-grey,\n        DialogTabularHeadBg: $color-black,\n        DialogTabularHeadBorder: $color-black-3,\n        DialogTabularHeadTitleBg: $color-black-3,\n        DialogTabularBodyBg: $color-black,\n        DialogTabularHoverTabBg: $color-black-5,\n        DialogTabularActiveTabBg: $color-black,\n        DialogTabularActiveTabText: $color-white,\n        DialogTabularActiveTabBorder: $color-red,\n        DialogBodyBg: $color-black,\n        DialogBodyText: $color-grey,\n        DialogFootBg: $color-black-3,\n        DialogFootText: $color-white,\n        DialogFootBorder: $color-black,\n        DialogFootIcon: $color-grey-7,\n        DialogFootDeleteIcon: $color-grey,\n        DialogFootDeleteHoverBg: $color-black-5,\n        DialogFootCancelText: $color-red,\n        DialogSettingHeadText: $COLOR_WHITE,\n        DialogSettingBodyBg: $color-black-3,\n        DialogSettingSectionDivider: $color-black,\n        DialogSettingSectionText: $color-white,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-black-3,\n        ChartTypeText: $color-grey,\n        ChartTypeHoverBg: $color-black-5,\n        ChartTypeActiveText: $color-white,\n        ChartTypeActiveBorder: $color-green,\n        ChartTypeTooltipBg: $color-black-8,\n        ChartTypeTooltipText: $color-white,\n        TimeBg: $color-black-3,\n        TimeText: $color-grey,\n        TimeTitleText: $color-white,\n        TimeHoverBg: $color-black-5,\n        TimeActiveText: $color-white,\n        TimeActiveItemBorder: $color-green,\n        ChartModeBg: $color-black-3,\n        ChartModeBorder: $color-black,\n        ChartModeText: $color-grey,\n        DrawToolsEmptyText: $color-grey-1,\n        DrawToolsItemText: $color-grey,\n        DrawToolsItemSubText: $color-grey-7,\n        DrawToolsItemIcon: $color-grey,\n        DrawToolsHoverBg: $color-black-5,\n        ChartSettingText: $color-grey-3,\n        ChartSettingIcon: $COLOR_DARK_GRAY_3,\n        ChartSettingActiveIcon: $color-white,\n        ChartSettingItemTitleText: $color-white,\n        ChartSettingItemHoverBg: $color-black-5,\n        ChartSettingItemActiveBorder: $color-green,\n        TemplateBg: $color-black-3,\n        TemplateText: $color-grey,\n        TemplateEmptyBtnText: $color-red,\n        TemplateEmptyText: $color-grey-7,\n        TemplateFormBtnBg: rgba($color-red, 0.32),\n        TemplateFormBtnText: $color-white,\n        TemplateFormInputBorder: $color-black-8,\n        TemplateFormInputText: $color-grey-7,\n        TemplateFormInputActiveBorder: $color-green,\n        TemplateFormInputActiveText: $color-white,\n        TemplateFormActiveBtnBg: $color-red,\n        TemplateListBorder: $color-black,\n        TemplateListHeadText: $color-grey-7,\n        TemplateListHeadBtnBorder: $color-grey-7,\n        TemplateListHeadBtnText: $color-white,\n        TemplateListItemText: $color-grey,\n        TemplateListItemHoverBg: $color-black-5,\n        ColorPickerBg: $color-black-3,\n        ColorPickerShadow: rgba(0, 0, 0, 0.64),\n        ColorPickerBorder: $COLOR_DARK_GRAY_3,\n        ColorPickerInputBorder: $COLOR_DARK_BLUE_8,\n        ColorPickerActiveBorder: $color-green,\n        ColorPickerSubtitleText: $color-grey,\n        ColorPickerSubtitleBg: $color-black-3,\n        DefaultInputHoverBorder: $color-grey-7,\n        DefaultInputBtnHoverBg: $color-black-5,\n        DefaultInputActiveBorder: $color-green,\n        DefaultSelectHoverBorder: $color-black-5,\n        DropdownText: $color-grey,\n        DropdownSubtitleText: $color-grey,\n        DropdownSubtitleBg: $color-black-3,\n        DropdownBg: $color-black-3,\n        DropdownBorder: $color-black-8,\n        DropdownActiveBg: $color-black-8,\n        DropdownActiveText: $color-white,\n        DropdownActiveBorder: $color-green,\n        DropdownActiveShadow: rgba(0, 0, 0, 0.64),\n        DropdownHoverBg: $color-black-5,\n        DropdownHoverBorder: $color-grey-7,\n        SliderText: $color-white,\n        SliderHandleBg: $color-red,\n        SliderHandleBorder: $color-red,\n        SliderBarBg: $color-black-4,\n        SliderBarActiveBg: $color-red,\n        SwitchText: $color-white,\n        SwitchHandle: $color-white,\n        SwitchOffBg: $color-black-4,\n        SwitchOnBg: $color-green-3,\n        InputBg: $color-black-3,\n        InputText: $color-white,\n        InputBorder: $COLOR_DARK_BLUE_8,\n        InputActiveText: $color-white,\n        InputActiveBorder: $color-green,\n        InputHoverBorder: $color-grey-7,\n        InputFocusText: $color-white,\n        CatDisplayBg: $color-black,\n        CatDisplayShadow: $COLOR_DARK_BLUE_3,\n        CatDisplayText: $color-grey,\n        CatDisplayBorder: $color-black,\n        CatDisplaySearchBg: $color-black,\n        CatDisplaySearchIcon: $color-grey,\n        CatDisplaySearchText: $color-black-6,\n        CatDisplaySearchBorder: $COLOR_DARK_BLUE_8,\n        CatDisplayActiveSearchText: $color-white,\n        CatDisplayActiveSearchIcon: $color-white,\n        CatDisplayActiveSearchIconClose: $color-black-1,\n        CatDisplayActiveSearchBorder: $color-green,\n        CatDisplayActiveSearchShadow: $COLOR_DARK_BLUE_8,\n        CatDisplayHoverSearchIcon: $color-grey,\n        CatDisplayHoverSearchBorder: $color-grey-7,\n        CatDisplayFilterBg: $color-black-3,\n        CatDisplayFilterText: $color-grey,\n        CatDisplayFilterIcon: $color-grey-3,\n        CatDisplayFilterBorder: $color-black,\n        CatDisplayFilterInputText: $COLOR_WHITE,\n        CatDisplayActiveFilterBg: $color-black,\n        CatDisplayActiveFilterText: $color-white,\n        CatDisplayActiveFilterBorder: $color-red,\n        CatDisplayActiveFilterIcon: $COLOR_WHITE,\n        CatDisplayHoverFilterBg: $color-black-5,\n        CatDisplayCatTitleText: $COLOR_WHITE,\n        CatDisplayCatSubTitleText: $color-grey-3,\n        CatDisplayCatContentBg: $color-black,\n        CatDisplayCatContentBorder: $color-black,\n        CatDisplayCatContentTitleBg: $COLOR_DARK_BLUE_5,\n        CatDisplayCatContentTitleText: $color-grey-7,\n        CatDisplayCatContentIcon: $color-grey-1,\n        CatDisplayCatContentDisabled: $COLOR_LIGHT_GRAY_30,\n        CatDisplayCatActiveContentBg: $color-black-8,\n        CatDisplayCatActiveContentText: $color-white,\n        CatDisplayCatActiveContentIcon: $color-grey-1,\n        CatDisplayActiveText: $color-white,\n        CatDisplayCatHoverContentBg: $color-black-5,\n        CatDisplayCatHoverContentText: $color-white,\n        CatDisplayCatHoverContentIcon: $color-white,\n        DownloadBg: $color-black-3,\n        DownloadText: $color-grey,\n        DownloadActiveBg: $color-black-5,\n        LoadingBg: $color-green,\n        CrosshairBg: $color-black-8,\n        CrosshairText: $color-white,\n        CrosshairBorder: $color-black-8,\n        CrosshairAxis: $color-black-8,\n        CrosshairLabelBg: $color-black-8,\n        CrosshairLabelText: $color-white,\n        StarIconFav: $COLOR_ORANGE,\n        LastdigitsBarBg: $COLOR_DARK_GRAY_3,\n        LastdigitsMaxBarBg: $COLOR_GREEN_1,\n        LastdigitsMinBarBg: $COLOR_RED,\n        LastdigitsBarText: $COLOR_LIGHT_GRAY,\n        LastdigitsBarFooter: $COLOR_WHITE,\n        ChartHistoryBg: $color-black-3,\n        ChartHistoryBgContainer: $color-black,\n        ChartHistoryColor: $color-grey,\n        ChartHistoryBorder: $COLOR_BRANDBLUE_85,\n        ChartHistoryPickerBg: $color-black,\n        ChartHistoryPickerBorder: $color-black-8,\n        ChartHistoryPickerDropdownBg: $color-black-3,\n        ChartHistoryPickerDropdownBorder: $color-black,\n        ChartHistoryPickerColor: $COLOR_WHITE,\n        ChartHistoryPickerIcon: $color-grey,\n        ChartHistoryPickerActiveBorder: $COLOR_GREEN,\n        ChartHistoryPickerActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerActiveIcon: $COLOR_WHITE,\n        ChartHistoryPickerTopColor: $COLOR_BRANDBLUE_40,\n        ChartHistoryPickerHeaderBg: $color-black-3,\n        ChartHistoryPickerHeaderBorder: $color-black,\n        ChartHistoryPickerHeaderColor: $COLOR_WHITE,\n        ChartHistoryPickerHeaderIcon: $color-grey,\n        ChartHistoryPickerFooterBg: $color-black-3,\n        ChartHistoryPickerFooterBorder: $color-black,\n        ChartHistoryPickerFooterColor: $color-grey,\n        ChartHistoryPickerBodyColor: $color-grey,\n        ChartHistoryPickerBodyDisableColor: $color-black-6,\n        ChartHistoryPickerBodyActiveBg: $color-black-8,\n        ChartHistoryPickerBodyActiveColor: $COLOR_WHITE,\n        ChartHistoryPickerBodyActiveBorder: $color-black-8,\n        ChartHistoryPickerBodyHoverBg: $color-black-5,\n        PaginationLoaderStripeColor: $color-black-1,\n        NavigationWidgetBg: $color-black-3,\n        NavigationWidgetColor: $color-grey,\n        HighestLowestMarkerLabelBg: $COLOR_DARK_GRAY_2,\n        HighestLowestMarkerLabelText: $COLOR_WHITE,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-black,\n        ToolbarWidgetBorder: $color-black-3,\n        ToolbarWidgetHoverBg: $color-black-5,\n        ToolbarWidgetItemIcon: $color-grey,\n        LowestSpotColor: $COLOR_RED,\n        ChartBackgroundOpacity: 0.4,\n        IndicatorEmptyText: $color-grey-7,\n        IndicatorEmptyTitleText: $color-white,\n        IndicatorListItemText: $color-grey,\n        IndicatorListItemSubText: $color-grey-7,\n        IndicatorListItemHoverBg: $color-black-5,\n        IndicatorAddedBorder: $color-black-6,\n        IndicatorSearchBg: $color-black,\n        IndicatorSearchBorder: $color-black-8,\n        IndicatorSearchText: $color-black-6,\n        IndicatorSearchIcon: $color-grey,\n        IndicatorSearchIconReset: $color-black-1,\n        IndicatorSearchHoverBorder: $color-grey-1,\n        IndicatorSearchActiveBorder: $color-green,\n        IndicatorSearchActiveText: $color-white,\n        IndicatorCategoryText: $color-grey-7,\n        IndicatorInfoText: $color-grey,\n        IndicatorInfoBg: $color-black,\n        FooterBg: $color-black,\n        FooterText: $color-grey,\n        FooterBorder: $color-black-3,\n        FooterItemHoverBg: $color-black-5,\n        ChartStatus: $color-grey-2,\n        ChartStatusOnline: $color-green-1,\n        ChartStatusOffline: $color-red-2,\n        PredictionDialogTitle: $color-white,\n        PredictionDialogText: $color-white,\n        ChartHistoryPickerBgCalendar: $color-black-3,\n        ChartHistoricalMarker: $color-black-8,\n        ChartHistoricalMarkerFont: $color-grey,\n    ),\n);\n\n@mixin themify($themes: $themes) {\n    @each $theme, $map in $themes {\n        .smartcharts-#{$theme} & {\n            $theme-map: () !global;\n            @each $key, $submap in $map {\n                $value: map-get(map-get($themes, $theme), '#{$key}');\n                $theme-map: map-merge(\n                    $theme-map,\n                    (\n                        $key: $value,\n                    )\n                ) !global;\n            }\n            @content;\n            $theme-map: null !global;\n        }\n    }\n}\n\n@function themed($key) {\n    @return map-get($theme-map, $key);\n}\n\n:export {\n    red: $color-red;\n    light_chart_text: map-get(map-get($themes, 'light'), 'ChartText');\n    dark_chart_text: map-get(map-get($themes, 'dark'), 'ChartText');\n    light_chart_grid: map-get(map-get($themes, 'light'), 'ChartGrid');\n    dark_chart_grid: map-get(map-get($themes, 'dark'), 'ChartGrid');\n    light_chart_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainBorder');\n    light_chart_mountain_bg: map-get(map-get($themes, 'light'), 'ChartMountainBg');\n    light_chart_mountain_bg_shade: map-get(map-get($themes, 'light'), 'ChartMountainBgShade');\n    light_chart_closed_mountain_border: map-get(map-get($themes, 'light'), 'ChartMountainClosedBorder');\n    dark_chart_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainBorder');\n    dark_chart_mountain_bg: map-get(map-get($themes, 'dark'), 'ChartMountainBg');\n    dark_chart_mountain_bg_shade: map-get(map-get($themes, 'dark'), 'ChartMountainBgShade');\n    dark_chart_closed_mountain_border: map-get(map-get($themes, 'dark'), 'ChartMountainClosedBorder');\n    // we don't have difference color for chart_closed_candle_up, chart_closed_candle_down, chart_closed_current_hr\n    // in light and dark them\n    chart_closed_candle_up: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgUp');\n    chart_closed_candle_down: map-get(map-get($themes, 'light'), 'ChartClosedCandleBgDown');\n    chart_closed_candle_border: map-get(map-get($themes, 'light'), 'ChartClosedCandleBorder');\n    chart_current_hr: map-get(map-get($themes, 'light'), 'ChartCurrentHRBg');\n    chart_closed_current_hr: map-get(map-get($themes, 'light'), 'ChartCloseCurrentHRBg');\n    light_chart_bg: map-get(map-get($themes, 'light'), 'ChartBg');\n    dark_chart_bg: map-get(map-get($themes, 'dark'), 'ChartBg');\n    light_float_labels_bg: map-get(map-get($themes, 'light'), 'CrosshairLabelBg');\n    dark_float_labels_bg: map-get(map-get($themes, 'dark'), 'CrosshairLabelBg');\n    light_float_labels_text: map-get(map-get($themes, 'light'), 'CrosshairLabelText');\n    dark_float_labels_text: map-get(map-get($themes, 'dark'), 'CrosshairLabelText');\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-chart-types {\n    .cq-menu-dropdown {\n        width: 424px;\n        height: 174px;\n        box-sizing: border-box;\n\n        .body {\n            padding: 0 7px 0 16px;\n        }\n    }\n    .ciq-list {\n        padding-right: 9px;\n\n        .ciq-list-item {\n            padding: 0;\n            justify-content: space-between;\n\n            > .left {\n                display: inline-flex;\n                align-items: center;\n            }\n            :last-child {\n                .ic-icon > svg {\n                    stroke: none;\n                }\n            }\n        }\n    }\n}\n\n.sc-chart-type {\n    display: flex;\n    padding: 24px;\n    justify-content: space-between;\n    @include themify($themes) {\n        background: themed('ChartTypeBg');\n    }\n\n    &__item {\n        width: 25%;\n        height: 88px;\n        margin-right: 8px;\n        cursor: pointer;\n        border: 1px solid transparent;\n        border-radius: $border-radius;\n        position: relative;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        align-items: center;\n\n        .ic-icon {\n            margin: 0 auto 12px;\n        }\n        .text {\n            display: block;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            @include themify($themes) {\n                color: themed('ChartTypeText');\n            }\n        }\n        &:last-child {\n            margin-right: 0px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('ChartTypeHoverBg');\n            }\n        }\n        &--active {\n            background: transparent !important;\n            @include themify($themes) {\n                border-color: themed('ChartTypeActiveBorder');\n            }\n\n            .text {\n                font-weight: bold;\n                @include themify($themes) {\n                    color: themed('ChartTypeActiveText');\n                }\n            }\n        }\n        &--disabled {\n            cursor: initial;\n            background: transparent !important;\n\n            > span {\n                opacity: 0.32;\n                background: transparent !important;\n                pointer-events: none;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-type {\n        padding: 8px 10px 24px;\n\n        &__item {\n            height: 64px;\n            width: 64px;\n\n            .ic-icon {\n                margin-bottom: 2px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-scrollbar {\n    overflow-y: auto;\n    overflow-x: hidden;\n    position: relative;\n    margin-right: 4px;\n    z-index: 1;\n    scrollbar-width: thin;\n    @include themify($themes) {\n        scrollbar-color: themed('ScrollbarBg') transparent;\n    }\n\n    &::-webkit-scrollbar {\n        width: 4px;\n    }\n    &::-webkit-scrollbar-track {\n        -webkit-box-shadow: transparent;\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n    }\n    &::-webkit-scrollbar-thumb {\n        -webkit-border-radius: 2px;\n        border-radius: 2px;\n        -webkit-box-shadow: transparent;\n        @include themify($themes) {\n            background: themed('ScrollbarBg');\n        }\n    }\n    &::-webkit-scrollbar-button,\n    &::-webkit-scrollbar-corner {\n        display: none;\n    }\n    &--auto-hide {\n        scrollbar-color: transparent transparent !important;\n\n        &::-webkit-scrollbar-thumb {\n            display: none;\n        }\n    }\n    &--freeze {\n        overflow: hidden !important;\n    }\n    &:hover {\n        @include themify($themes) {\n            scrollbar-color: themed('ScrollbarBg') transparent !important;\n        }\n\n        &::-webkit-scrollbar-thumb {\n            display: inherit !important;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-scrollbar {\n        &--auto-hide {\n            &::-webkit-scrollbar-thumb {\n                display: inherit !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .ciq-list {\n    position: relative;\n    box-sizing: border-box;\n\n    .ciq-list-item {\n        cursor: pointer;\n        line-height: normal;\n        font-size: 1.2em;\n        height: auto;\n        padding: 8px 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border-bottom: none;\n        box-sizing: border-box;\n        @include themify($themes) {\n            color: themed('ListLiText');\n            background: themed('ListLiBg');\n            border: 1px solid themed('ListLiBorder');\n            border-top: none;\n        }\n\n        &:first-child {\n            margin-top: 18px;\n            border-radius: $border-radius $border-radius 0 0;\n            @include themify($themes) {\n                border-top: 1px solid themed('ListLiBorder');\n            }\n        }\n        &:last-child {\n            border-radius: 0 0 $border-radius $border-radius;\n            margin-bottom: 18px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background-color: themed('ListHoverLiBg');\n            }\n        }\n        &.active {\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ListActiveLiText');\n                background-color: themed('ListActiveLiBg');\n            }\n        }\n        &.disabled {\n            pointer-events: none;\n\n            > * {\n                opacity: 0.2;\n                cursor: auto;\n            }\n        }\n    }\n    > div:nth-child(3) {\n        > div {\n            opacity: 0.16;\n            @include themify($themes) {\n                background-color: themed('ListScroll') !important;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // classNames and styles needed for smartcharts to work outside of smartcharts class wrapper when rendered in portal\n@media (max-width: 767px) and (min-width: 320px) {\n    .smartcharts-portal {\n        opacity: 0;\n        pointer-events: none;\n        display: none;\n\n        &--open {\n            display: block;\n            pointer-events: auto;\n            opacity: 1;\n        }\n        .smartcharts {\n            .smartcharts-mobile {\n                .cq-modal-dropdown {\n                    &.stxMenuActive {\n                        z-index: 9999;\n                    }\n                }\n                .cq-menu-dropdown {\n                    width: 100%;\n                    height: auto;\n                    left: 0px;\n                    bottom: auto;\n                    transform: translateX(0) translateY(-3em);\n\n                    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                        opacity: 1;\n                        transform: translateX(0) translateY(0em);\n                    }\n                    &.cq-menu-dropdown-enter-done {\n                        z-index: 6;\n                    }\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dialog {\n    width: auto;\n    top: auto;\n    border-radius: $border-radius;\n    position: absolute;\n    opacity: 0;\n    box-shadow: 0 0 0.63em 0.03em rgba(0, 0, 0, 0.14);\n    z-index: -3;\n    pointer-events: none;\n    transform: translateY(3em);\n    @include dialog-transition();\n    @include themify($themes) {\n        background: themed('DialogBodyBg');\n    }\n\n    &.sc-dialog-enter-done,\n    &.sc-dialog-enter-active {\n        opacity: 1;\n        transform: none;\n        z-index: 3;\n    }\n    &.sc-dialog-enter-done {\n        pointer-events: initial;\n    }\n    &__head {\n        display: flex;\n        justify-content: space-between;\n        border-radius: $border-radius $border-radius 0 0;\n        height: auto;\n        box-sizing: border-box;\n        border-bottom: 2px solid;\n        @include themify($themes) {\n            color: themed('DialogHeadText');\n            background: themed('DialogHeadBg');\n            border-color: themed('DialogHeadBorder');\n        }\n\n        &--title {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            min-width: 240px;\n            padding: 16px;\n            border-radius: 5px 0 0;\n            position: relative;\n            box-sizing: border-box;\n        }\n        &--custom {\n            width: 100%;\n        }\n        &--info {\n            display: flex;\n            justify-content: flex-start;\n            align-items: center;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            padding: 10px 8px 10px 16px;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                display: flex;\n                justify-content: center;\n                align-items: center;\n                cursor: pointer;\n                margin-right: 4px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n        &--search {\n            padding: 10px 0px 10px 12px;\n        }\n        &--action {\n            display: flex;\n            align-items: center;\n            padding: 0 16px;\n            border-radius: 0 5px 0 0;\n\n            .ic-icon {\n                width: 32px;\n                height: 32px;\n                line-height: 34px;\n                cursor: pointer;\n                border-radius: $border-radius;\n                padding: 4px;\n                position: relative;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('DialogHeadIcon');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('DialogHeadIconHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &__body {\n        border-radius: 0 0 $border-radius $border-radius;\n        position: relative;\n    }\n    &--tabular {\n        .sc-dialog__head {\n            @include themify($themes) {\n                background: themed('DialogTabularHeadBg');\n                border-color: themed('DialogTabularHeadBorder');\n            }\n\n            .sc-dialog__head--title {\n                width: 200px;\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadTitleBg');\n                }\n            }\n        }\n    }\n    .info-footnote {\n        @include themify($themes) {\n            color: themed('ChartModeText') !important;\n        }\n        line-height: 18px;\n        font-size: 12px;\n        font-weight: 400;\n        padding: 16px;\n        text-align: center;\n\n        &--mobile {\n            font-size: 11px;\n        }\n    }\n}\n\n.tabs {\n    &--vertical {\n        display: flex;\n        border-radius: 0 0 $border-radius $border-radius;\n\n        .react-tabs__tab-list {\n            margin: 0px;\n            width: 240px;\n            min-width: 240px;\n            border-radius: 0 0 0 5px;\n            border-bottom: none;\n            padding: 0;\n            @include themify($themes) {\n                background: themed('DialogTabularBg');\n            }\n\n            .react-tabs__tab {\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 12px;\n                border: none;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                cursor: pointer;\n                @include themify($themes) {\n                    color: themed('DialogTabularText');\n                    border-left: 4px solid themed('DialogTabularBg');\n                }\n\n                .ic-icon {\n                    width: 16px;\n                    height: 16px;\n                    line-height: 27px;\n                    margin-right: 16px;\n                    @include themify($themes) {\n                        fill: themed('DialogTabularText');\n                    }\n\n                    svg {\n                        width: 16px;\n                        height: 16px;\n\n                        @include themify($themes) {\n                            fill: themed('DialogTabularText');\n                        }\n                    }\n                }\n                .sc-notification-badge {\n                    position: relative;\n                    margin-left: 5px;\n                    top: 0px;\n                    left: 0px;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        border-left-color: themed('DialogTabularHoverTabBg');\n                        background: themed('DialogTabularHoverTabBg');\n                    }\n                }\n                &:after {\n                    display: none !important;\n                }\n                &--selected {\n                    border-radius: 0px;\n                    font-weight: bold;\n                    @include themify($themes) {\n                        color: themed('DialogTabularActiveTabText') !important;\n                        background: themed('DialogTabularActiveTabBg') !important;\n                        border-left-color: themed('DialogTabularActiveTabBorder') !important;\n                    }\n\n                    .ic-icon {\n                        @include themify($themes) {\n                            fill: themed('DialogTabularActiveTabText');\n                        }\n                    }\n                }\n            }\n        }\n        .react-tabs__tab-panel {\n            width: calc(100% - 200px);\n            border-radius: 0 0 $border-radius;\n            @include themify($themes) {\n                background: themed('DialogTabularBodyBg');\n            }\n\n            .items {\n                border-radius: 0 0 $border-radius;\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-dialog {\n        left: 10px;\n        width: calc(100% - 20px);\n\n        .react-tabs__tab-panel {\n            height: 430px;\n        }\n        &--tabular {\n            .sc-dialog__head {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                    border-color: themed('DialogTabularHeadBorder');\n                }\n\n                .sc-dialog__head--title {\n                    width: 150px;\n                    min-width: 150px;\n                    padding: 16px 8px;\n                    @include themify($themes) {\n                        border-left: 50px solid themed('DialogTabularHeadTitleBg');\n                        background: transparent;\n                    }\n                }\n                .sc-dialog__head--info {\n                    position: absolute;\n                    left: 50px;\n                    width: calc(100% - 90px);\n                    padding: 10px 8px;\n                    font-size: 14px;\n                    @include themify($themes) {\n                        background: themed('DialogTabularHeadBg');\n                    }\n                }\n            }\n        }\n    }\n    .cq-modal--settings .sc-dialog {\n        width: 320px;\n        left: calc(50% - 160px);\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-mode {\n    .sc-dialog {\n        width: 424px;\n    }\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n        &__timeperiod {\n            position: absolute;\n            top: -9px;\n            left: 4px;\n            font-size: 8px;\n            font-weight: bold;\n            @include themify($themes) {\n                color: themed('ChartModeText') !important;\n            }\n        }\n    }\n    &__section {\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n        }\n\n        &__item {\n            &:first-child {\n                @include themify($themes) {\n                    border-bottom: 4px solid themed('ChartModeBorder');\n                }\n            }\n        }\n    }\n}\n\n.sc-toolbar-widget {\n    .sc-chart-mode__menu {\n        padding: 8px;\n    }\n    .sc-chart-mode__menu__timeperiod {\n        top: 3px;\n        left: 8px;\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-mode .sc-dialog {\n        width: 300px;\n        left: auto;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-interval {\n    $self: &;\n    display: flex;\n    padding: 24px;\n    flex-direction: column;\n    box-sizing: border-box;\n    border-radius: $border-radius;\n    @include themify($themes) {\n        background: themed('TimeBg');\n        color: themed('TimeText');\n    }\n\n    &__head {\n        display: flex;\n\n        strong {\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            @include themify($themes) {\n                color: themed('TimeTitleText');\n            }\n        }\n    }\n    &__info {\n        display: none;\n    }\n    &__content {\n        display: flex;\n        flex-wrap: wrap;\n        padding-top: 16px;\n\n        #{ $self }__item {\n            width: 23.9%;\n            height: 32px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            margin: 0 4px 8px 0px;\n            cursor: pointer;\n            border-radius: $border-radius;\n            border: 1px solid transparent;\n            box-sizing: border-box;\n            position: relative;\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('TimeHoverBg');\n                }\n            }\n            &--active {\n                background: transparent !important;\n                @include themify($themes) {\n                    color: themed('TimeActiveText');\n                    border-color: themed('TimeActiveItemBorder');\n                    font-weight: bold;\n                }\n            }\n            &--disabled {\n                cursor: initial;\n                background: transparent !important;\n\n                span {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .sc-interval {\n        padding: 8px 10px 24px;\n    }\n    .sc-interval__info {\n        display: block;\n    }\n    .sc-interval__content .sc-interval__item {\n        width: 31.9% !important;\n        margin: 0 4px 8px 0px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-studies {\n    $self: &;\n\n    .react-tabs__tab-list {\n        .react-tabs__tab {\n            box-shadow: none !important;\n            outline: none !important;\n\n            &:after {\n                display: none;\n            }\n        }\n    }\n    .hidden {\n        display: none;\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 8px 0px 8px 8px;\n        box-sizing: border-box;\n\n        > h3 {\n            font-size: 14px;\n            color: #999999;\n            font-weight: normal;\n            padding: 0 8px;\n            margin: 18px 0;\n            display: none;\n        }\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            margin-bottom: 16px;\n\n            p {\n                font-size: 12px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 0.1;\n                letter-spacing: normal;\n                padding: 0 8px;\n                @include themify($themes) {\n                    color: themed('IndicatorListItemText');\n                }\n            }\n        }\n        &__content {\n            width: 100%;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    cursor: initial;\n\n                    &__box {\n                        padding: 4px 16px;\n                        height: 48px;\n                    }\n                }\n            }\n        }\n        &--active {\n            padding-right: 8px;\n        }\n        &--search {\n            .sc-scrollbar {\n                .sc-studies__category:first-child {\n                    .sc-studies__list {\n                        &__item {\n                            &:nth-child(1),\n                            &:nth-child(2) {\n                                .sc-tooltip__inner {\n                                    position: fixed;\n                                    left: auto;\n                                    top: auto;\n                                    transform: translateY(-100%) translateX(10%);\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 8px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 130px;\n            margin: 60px auto 24px;\n        }\n        strong {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            text-align: center;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyTitleText');\n            }\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0px;\n            @include themify($themes) {\n                color: themed('IndicatorEmptyText');\n            }\n        }\n    }\n    &__list {\n        &__item {\n            display: block;\n            height: 40px;\n\n            &__box {\n                height: 40px;\n                cursor: pointer;\n                position: relative;\n                display: flex;\n                margin-right: 4px;\n                border-radius: $border-radius;\n                box-sizing: border-box;\n                justify-content: space-between;\n                align-items: center;\n\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('IndicatorListItemHoverBg');\n                    }\n\n                    .ic-info {\n                        opacity: 1;\n                    }\n                }\n                .info {\n                    display: flex;\n                    justify-content: flex-start;\n                    align-items: center;\n                    width: 100%;\n                    padding: 8px 0 8px 16px;\n\n                    .ic-icon {\n                        margin-right: 16px;\n                    }\n                    .text {\n                        display: flex;\n                        flex-direction: column;\n                        padding-left: 16px;\n\n                        span {\n                            font-size: 14px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.43;\n                            letter-spacing: normal;\n                            margin-right: 16px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemText');\n                            }\n                        }\n                        small {\n                            display: block;\n                            font-size: 12px;\n                            font-weight: normal;\n                            font-style: normal;\n                            line-height: 1.5;\n                            letter-spacing: normal;\n                            margin-top: 2px;\n                            text-overflow: ellipsis;\n                            white-space: nowrap;\n                            overflow: hidden;\n                            max-width: 170px;\n                            @include themify($themes) {\n                                color: themed('IndicatorListItemSubText');\n                            }\n                        }\n                    }\n                }\n                .detail {\n                    display: flex;\n                    justify-content: flex-end;\n                    align-items: center;\n                    padding: 0px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        text-align: right;\n                        margin-left: 8px;\n                    }\n                    .ic-icon {\n                        width: 16px;\n                        height: 16px;\n                        cursor: pointer;\n                        transition: none;\n\n                        svg {\n                            width: 16px;\n                            height: 16px;\n                            @include themify($themes) {\n                                fill: themed('IndicatorListItemText');\n                            }\n                        }\n                        &.ic-info {\n                            margin-right: 16px;\n                        }\n                    }\n                }\n                .ic-info {\n                    opacity: 0;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n            &--disabled {\n                opacity: 0.3;\n                pointer-events: none;\n            }\n            &--disabled-prediction {\n                .info {\n                    opacity: 0.3;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n    &__category {\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            padding: 8px;\n            @include themify($themes) {\n                color: themed('IndicatorCategoryText');\n            }\n        }\n        &__body {\n            width: 100%;\n        }\n    }\n    &__info {\n        width: 360px;\n        right: 0px;\n        z-index: 2;\n        height: 100%;\n        display: flex;\n        position: absolute;\n        padding: 16px 24px;\n        align-items: center;\n        box-sizing: border-box;\n        flex-direction: column;\n        justify-content: space-between;\n        @include themify($themes) {\n            color: themed('IndicatorInfoText');\n            background: themed('IndicatorInfoBg');\n        }\n\n        &__content {\n            margin: -20px -20px 0;\n            padding: 0;\n\n            p {\n                padding: 16px 24px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n            }\n        }\n        &__footer {\n            width: 100%;\n            position: relative;\n\n            .sc-btn {\n                width: 100%;\n\n                &:disabled {\n                    opacity: 0.32;\n                    pointer-events: none;\n                }\n            }\n            .sc-tooltip__inner {\n                width: 280px;\n                height: auto;\n                white-space: break-spaces;\n                text-align: center;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-studies {\n        .react-tabs__tab-panel {\n            height: 425px !important;\n        }\n        .sc-dialog {\n            overflow-y: scroll;\n            max-height: calc(100vh - 90px);\n        }\n    }\n    .tabs--vertical .react-tabs__tab-list {\n        width: 50px;\n        min-width: 50px;\n\n        .react-tabs__tab {\n            span:not(.sc-notification-badge):not(.ic-icon) {\n                display: none;\n            }\n            .sc-notification-badge {\n                position: absolute;\n                top: 2px;\n                left: 19px;\n            }\n            .ic-icon {\n                width: 22px;\n                height: 22px;\n\n                svg {\n                    width: 22px;\n                    height: 22px;\n                }\n            }\n        }\n    }\n    .tabs--vertical .react-tabs__tab-panel {\n        width: calc(100% - 50px);\n    }\n    .sc-studies__panel {\n        width: 100%;\n\n        > h3 {\n            display: block;\n        }\n    }\n    .sc-studies__panel__content--active .sc-studies__list__item {\n        padding: 4px;\n    }\n    .sc-studies__list__item .info {\n        padding: 8px 0 8px 8px;\n\n        .text {\n            padding-left: 0px;\n        }\n    }\n    .sc-studies__list__item .ic-info {\n        opacity: 1;\n    }\n    .sc-studies__list__item .detail span {\n        margin-left: 16px;\n    }\n    .sc-studies__info {\n        width: calc(100% - 50px);\n\n        > p {\n            max-height: 360px;\n            height: 360px;\n            overflow-y: scroll;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-search-input {\n    width: 100%;\n    padding: 0px;\n    box-sizing: border-box;\n    position: relative;\n\n    > input {\n        direction: ltr;\n        padding-left: 32px;\n        line-height: 2;\n        font-size: 1.4rem;\n        border: none;\n        outline: 0;\n        background-color: transparent;\n        border-radius: $border-radius;\n        width: 100%;\n        box-sizing: border-box;\n        transition: border-color 0.2s ease-in-out;\n        @include placeholder {\n            @include themify($themes) {\n                color: themed('IndicatorSearchText');\n            }\n        }\n        @include themify($themes) {\n            color: themed('IndicatorSearchActiveText');\n            border: 1px solid themed('IndicatorSearchBorder');\n            background: themed('IndicatorSearchBg');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchHoverBorder');\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('IndicatorSearchActiveBorder');\n            }\n        }\n    }\n    .ic-icon {\n        position: absolute;\n        top: 6px;\n        left: 8px;\n        width: 16px;\n        height: 16px;\n\n        svg {\n            width: 16px;\n            height: 16px;\n            top: -1px;\n            @include themify($themes) {\n                fill: themed('IndicatorSearchIcon');\n            }\n        }\n        &.icon-reset {\n            left: auto;\n            right: 8px;\n            opacity: 0;\n            top: 5px;\n            pointer-events: none;\n            cursor: pointer;\n\n            svg {\n                stroke: none;\n                @include themify($themes) {\n                    fill: themed('IndicatorSearchIconReset');\n                }\n            }\n        }\n    }\n    &.active {\n        > input {\n            @include themify($themes) {\n                color: themed('IndicatorSearchActiveText') !important;\n                border-color: themed('IndicatorSearchActiveBorder') !important;\n            }\n        }\n        .ic-icon {\n            &.icon-reset {\n                opacity: 1;\n                pointer-events: initial;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-views-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.form--sc-views {\n    overflow-y: hidden !important;\n\n    &__input {\n        height: 40px;\n        position: relative;\n        display: flex;\n\n        .sc-input {\n            width: calc(100% - 40px);\n            border-radius: $border-radius 0 0 $border-radius;\n            height: 40px;\n            text-align: left;\n        }\n        .subtitle {\n            position: absolute;\n            top: -6px;\n            left: 10px;\n            z-index: 1;\n            opacity: 0;\n            font-size: 10px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.4;\n            letter-spacing: normal;\n\n            span {\n                padding: 0 4px;\n                @include themify($themes) {\n                    background: themed('TemplateBg');\n                }\n            }\n        }\n        button {\n            width: 40px;\n            height: 40px;\n            border-radius: 0 $border-radius $border-radius 0;\n            padding: 8px 7px;\n            border: none !important;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('TemplateFormBtnText');\n                }\n            }\n        }\n        &--active {\n            .subtitle {\n                opacity: 1;\n                @include themify($themes) {\n                    color: themed('TemplateFormInputActiveBorder');\n                }\n            }\n            input {\n                @include themify($themes) {\n                    border-color: themed('TemplateFormInputActiveBorder');\n                    color: themed('TemplateFormInputActiveText');\n                }\n            }\n            button {\n                @include themify($themes) {\n                    background: themed('TemplateFormActiveBtnBg');\n                }\n            }\n        }\n    }\n}\n\n.sc-views {\n    height: 304px;\n    position: relative;\n    border-radius: 0 0 $border-radius $border-radius;\n    @include themify($themes) {\n        background: themed('TemplateBg');\n    }\n\n    &__menu {\n        position: relative;\n\n        .ic-icon {\n            margin: auto;\n            width: 16px;\n            height: 16px;\n            top: -4px;\n            position: relative;\n\n            svg {\n                stroke: none !important;\n                width: 16px !important;\n                height: 16px !important;\n                @include themify($themes) {\n                    fill: themed('ChartModeText') !important;\n                }\n            }\n        }\n    }\n    &--empty {\n        display: flex;\n        flex-direction: column;\n        padding: 24px;\n        justify-content: center;\n        align-content: center;\n        text-align: center;\n\n        > .ic-icon {\n            width: 130px;\n            height: 130px;\n            margin: 0 auto 24px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('TemplateEmptyText');\n            }\n        }\n        button {\n            background: transparent;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            font-weight: bold;\n            outline: none;\n            padding: 10px 16px;\n\n            > .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 16px;\n                margin-right: 6px;\n                @include themify($themes) {\n                    fill: themed('TemplateEmptyBtnText');\n                }\n            }\n        }\n    }\n    &__views {\n        padding: 16px 8px 0;\n        @include themify($themes) {\n            border-top: 1px solid themed('TemplateListBorder');\n        }\n\n        &__head {\n            display: flex;\n            justify-content: space-between;\n            padding: 8px 16px;\n\n            h5 {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                margin: 0px;\n                @include themify($themes) {\n                    color: themed('TemplateListHeadText');\n                }\n            }\n            button {\n                height: 24px;\n                border-radius: $border-radius;\n                cursor: pointer;\n                background: transparent;\n                outline: none !important;\n                font-weight: bold;\n                @include themify($themes) {\n                    border: 1px solid themed('TemplateListHeadBtnBorder');\n                    color: themed('TemplateListHeadBtnText');\n                }\n            }\n        }\n        &__list {\n            &__item {\n                height: 40px;\n                border-radius: $border-radius;\n                display: flex;\n                padding: 10px 16px;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                cursor: pointer;\n                position: relative;\n                @include themify($themes) {\n                    color: themed('TemplateListItemText');\n                }\n\n                .text {\n                    max-width: 240px;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n\n                    &--disabled {\n                        opacity: 0.5;\n                        cursor: not-allowed; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n                    }\n                }\n                .ic-icon {\n                    @include themify($themes) {\n                        fill: themed('TemplateListItemText');\n                    }\n                }\n                .sc-tooltip__inner {\n                    max-width: 304px;\n                    height: auto;\n                    white-space: break-spaces;\n                    text-align: center;\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('TemplateListItemHoverBg');\n                    }\n                }\n            }\n        }\n    }\n    &--overwrite {\n        position: absolute;\n        top: 0px;\n        left: 0px;\n        width: 100%;\n        height: 100%;\n        z-index: 40;\n        @include themify($themes) {\n            background: themed('TemplateBg');\n        }\n\n        &__content {\n            height: 230px;\n            padding: 24px 16px 16px;\n            box-sizing: border-box;\n            text-align: center;\n\n            .ic-icon {\n                margin: auto;\n                width: 128px;\n                height: 128px;\n            }\n            p {\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                text-align: center;\n                @include themify($themes) {\n                    color: themed('TemplateText');\n                }\n            }\n        }\n        &__footer {\n            height: 72px;\n            padding: 16px 24px;\n            text-align: right;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-top: 2px solid themed('TemplateListBorder');\n            }\n\n            button {\n                margin-left: 8px;\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-views-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @mixin form_subtitle_text {\n    padding-left: 4px;\n    padding-right: 4px;\n    z-index: 1;\n    font-size: 10px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.4;\n    letter-spacing: normal;\n}\n\n.form {\n    $self: &;\n    padding: 8px 0px;\n    flex-grow: 1;\n    overflow-y: scroll;\n    box-sizing: border-box;\n\n    #{ $self }__label {\n        display: flex;\n        justify-content: space-between;\n        align-items: center;\n        font-size: 10px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.4;\n        letter-spacing: normal;\n        @include themify($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    #{ $self }__control {\n        display: block;\n    }\n    &__group {\n        box-sizing: border-box;\n        padding: 0;\n        margin-bottom: 16px;\n        display: flex;\n        flex-direction: column;\n        justify-content: space-around;\n    }\n    &__group--select,\n    &__group--colorpicker {\n        position: relative;\n        height: 40px;\n\n        #{ $self }__label {\n            margin-bottom: -8px;\n            margin-left: 10px;\n\n            span {\n                padding-left: 2px;\n                padding-right: 2px;\n                z-index: 1;\n                @include themify($themes) {\n                    background: themed('DialogSettingBodyBg');\n                }\n            }\n        }\n    }\n    &__group--switch {\n        flex-direction: row;\n        justify-content: flex-start;\n\n        #{ $self }__label {\n            width: auto;\n            min-width: 70px;\n            font-size: 14px;\n        }\n        #{ $self }__control {\n            padding-left: 16px;\n            width: auto;\n        }\n    }\n    &__group--end {\n        height: 20px;\n        margin-bottom: 0px;\n    }\n    &__input-group {\n        padding: 16px 24px;\n        @include themify($themes) {\n            border-top: 4px solid themed('DialogSettingSectionDivider');\n        }\n\n        h4 {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin: 0 0 16px;\n            @include themify($themes) {\n                color: themed('DialogSettingSectionText');\n            }\n        }\n        &:first-child {\n            border-top: none;\n        }\n    }\n    &__input-group--show-zones {\n        margin-bottom: 30px;\n\n        #{ $self }__label {\n            font-size: 14px;\n        }\n    }\n    &--indicator-setting {\n        min-width: 320px;\n        max-width: 320px;\n        min-height: 280px;\n        max-height: 280px;\n        overflow: hidden;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        #{ $self }__input-group {\n            width: 320px !important;\n            box-sizing: border-box;\n        }\n        #{ $self }__input-group--result:last-child {\n            height: 280px;\n        }\n        .sc-scrollbar {\n            height: 282px;\n        }\n    }\n    &--fractal-chaos-bands {\n        .form__group--switch {\n            margin-bottom: 98px;\n        }\n    }\n    &--drawing-tool {\n        .sc-scrollbar {\n            height: 280px;\n        }\n    }\n}\n\n/* stylelint-disable plugin/no-unsupported-browser-features */\n.sc-slider {\n    width: 100%;\n    height: 12px;\n    display: flex;\n    align-items: center;\n    position: relative;\n\n    .sc-slider-range {\n        position: relative;\n        width: calc(100% - 38px);\n        margin-top: 9px;\n        padding-right: 8px;\n        height: 12px;\n\n        > input, div {\n            position: absolute;\n            left: 0px;\n            top: 0px;\n        }\n        input[type='range'] {\n            -webkit-appearance: none;\n            width: 100%;\n            margin: 0;\n            background: transparent;\n            height: 12px;\n            top: -5px;\n\n            &:focus {\n                outline: none;\n            }\n            &::-webkit-slider-runnable-track {\n                @include rangetrack();\n            }\n            &::-moz-range-track {\n                @include rangetrack();\n                height: 14px;\n                margin-top: -3px;\n                top: -3px;\n            }\n            &::-ms-track {\n                @include rangetrack();\n                color: transparent;\n            }\n            &::-ms-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-moz-range-thumb {\n                @include rangethumb();\n                margin-top: 0px;\n            }\n            &::-webkit-slider-thumb {\n                -webkit-appearance: none;\n                @include rangethumb();\n                margin-top: 1px;\n            }\n            &::-moz-focus-outer {\n                border: 0;\n            }\n        }\n        .sc-slider-bar {\n            width: 100%;\n            outline: none;\n            height: 2px;\n            @include themify($themes) {\n                background: themed('SliderBarBg');\n            }\n        }\n        .sc-slider-active-bar {\n            height: 2px;\n            min-width: 10px;\n            @include themify($themes) {\n                background: themed('SliderBarActiveBg');\n            }\n        }\n    }\n    > div:last-child {\n        text-align: right;\n        flex-grow: 1;\n        font-weight: bold;\n        font-size: 14px;\n        width: 26px;\n        @include themify($themes) {\n            color: themed('SliderText');\n        }\n    }\n}\n\n/* stylelint-enable plugin/no-unsupported-browser-features */\n.sc-dropdown {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    user-select: none;\n    @include themify($themes) {\n        background: themed('DropdownBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('DropdownSubtitleBg');\n                color: themed('DropdownSubtitleText');\n            }\n        }\n    }\n    .value {\n        height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n        text-transform: capitalize;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        .text {\n            text-overflow: ellipsis;\n            white-space: nowrap;\n            max-width: 220px;\n            min-width: 210px;\n            overflow: hidden;\n        }\n        &:after {\n            content: ' ';\n            position: absolute;\n            left: 0px;\n            top: 0px;\n            width: 100%;\n            height: 100%;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n        &.active {\n            @include themify($themes) {\n                border-color: themed('DropdownActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: -4px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        max-height: 2px;\n        overflow: scroll;\n        box-shadow: 0 2px 8px 0 rgba(42, 48, 82, 0.14);\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        font-size: 14px;\n        width: 272px;\n        transform: translateY(-8px);\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            background: themed('DropdownBg');\n        }\n\n        &.active {\n            opacity: 1;\n            max-height: 200px;\n            pointer-events: all;\n            transform: translateY(8px);\n            @include themify($themes) {\n                box-shadow: 0 16px 16px 0 themed('DropdownActiveShadow'), 0 0 16px 0 themed('DropdownActiveShadow');\n            }\n        }\n        .row {\n            cursor: pointer;\n            padding: 10px 16px 9px;\n            text-transform: capitalize;\n            @include themify($themes) {\n                color: themed('DropdownText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DropdownHoverBg');\n                }\n            }\n            &--selected {\n                font-weight: bold;\n                @include themify($themes) {\n                    background: themed('DropdownActiveBg') !important;\n                    color: themed('DropdownActiveText') !important;\n                }\n            }\n        }\n    }\n\n    // Pattern\n    .option {\n        display: inline-block;\n        width: 100%;\n        pointer-events: none;\n        margin-right: 16px;\n    }\n    /* Line style types */\n    .solid-1 {\n        border-top-style: solid;\n        border-top-width: 1px;\n    }\n    .dotted-1 {\n        border-top-style: dotted;\n        border-top-width: 1px;\n    }\n    .dashed-1 {\n        border-top-style: dashed;\n        border-top-width: 1px;\n    }\n    .solid-3 {\n        border-top-style: solid;\n        border-top-width: 2px;\n    }\n    .dotted-3 {\n        border-top-style: dotted;\n        border-top-width: 2px;\n    }\n    .dashed-3 {\n        border-top-style: dashed;\n        border-top-width: 2px;\n    }\n    .solid-5 {\n        border-top-style: solid;\n        border-top-width: 3px;\n    }\n    .dotted-5 {\n        border-top-style: dotted;\n        border-top-width: 3px;\n    }\n    .dashed-5 {\n        border-top-style: dashed;\n        border-top-width: 3px;\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n    }\n}\n\n.sc-color-picker {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    @include themify($themes) {\n        background: themed('ColorPickerBg');\n    }\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n        z-index: 1;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                background: themed('ColorPickerSubtitleBg');\n                color: themed('ColorPickerSubtitleText');\n            }\n        }\n    }\n    .value {\n        width: 100%;\n        height: 40px;\n        line-height: 40px;\n        padding: 10px 12px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        position: relative;\n        @include themify($themes) {\n            background-color: themed('ColorPickerBg');\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &:before {\n            position: absolute;\n            content: ' ';\n            width: 100%;\n            height: 100%;\n            left: 0px;\n            top: 0px;\n        }\n        .sc-input-color {\n            height: 100%;\n            width: 100%;\n            border-radius: $border-radius;\n            margin-right: 16px;\n        }\n        .ic-icon {\n            line-height: 35px;\n\n            svg {\n                pointer-events: none;\n                transition: transform 0.6s;\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n    .dropdown {\n        position: absolute;\n        right: 0px;\n        opacity: 0;\n        pointer-events: none;\n        z-index: 2;\n        width: 266px;\n        padding: 8px;\n        border-radius: $border-radius;\n        transform: translateY(-8px);\n        box-sizing: border-box;\n        transition: opacity 0.2s, transform 0.2s;\n        @include themify($themes) {\n            box-shadow: 0 16px 16px 0 themed('ColorPickerShadow'), 0 0 16px 0 themed('ColorPickerShadow');\n            background: themed('ColorPickerBg');\n        }\n\n        &.open {\n            opacity: 1;\n            pointer-events: initial;\n            transform: translateY(8px);\n        }\n        .row {\n            height: 18px;\n            width: 100%;\n            display: flex;\n            justify-content: space-between;\n            margin-top: 2px;\n            align-items: center;\n\n            .tile-color {\n                width: 15px;\n                height: 15px;\n                cursor: pointer;\n            }\n        }\n    }\n    &.active {\n        position: fixed;\n        z-index: 2;\n\n        .subtitle {\n            span {\n                @include themify($themes) {\n                    color: themed('DropdownActiveBorder');\n                }\n            }\n        }\n        .value {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder');\n            }\n\n            svg {\n                transform: scaleY(-1);\n            }\n        }\n    }\n    .sc-color-picker,\n    .sc-numeric-input {\n        min-width: 124px;\n        max-width: 124px;\n    }\n}\n\n.sc-switch {\n    width: 32px;\n    height: 18px;\n    position: relative;\n    cursor: pointer;\n    border-radius: 9px;\n\n    .handle {\n        position: absolute;\n        top: 2px;\n        width: 14px;\n        height: 14px;\n        transition: left 0.2s;\n        border-radius: 7px;\n        @include themify($themes) {\n            background: themed('SwitchHandle');\n        }\n    }\n    &.on {\n        .handle {\n            left: 16px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOnBg');\n        }\n    }\n    &.off {\n        .handle {\n            left: 2px;\n        }\n        @include themify($themes) {\n            background: themed('SwitchOffBg');\n        }\n    }\n}\n\n.sc-checkbox {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n\n    &__label {\n        font-size: 14px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.43;\n        letter-spacing: normal;\n    }\n    &__box {\n        border-radius: 2px;\n\n        svg {\n            border-radius: 2px;\n            @include themify($themes) {\n                fill: themed('CheckboxBg');\n            }\n        }\n    }\n    &--checked {\n        .sc-checkbox__box svg {\n            @include themify($themes) {\n                background: themed('CheckboxActiveBg');\n                fill: themed('CheckboxActiveBg');\n            }\n        }\n    }\n}\n\n.sc-switch-icon {\n    display: flex;\n\n    &__icon {\n        width: 160px;\n        height: 120px;\n    }\n    &__description {\n        padding-left: 16px;\n    }\n}\n\n.sc-numbercolorpicker, .sc-fontsetting {\n    display: inline-flex;\n}\n\n.sc-numbercolorpicker {\n    display: flex;\n\n    input {\n        box-shadow: none !important;\n        @include themify($themes) {\n            background: themed('InputBg');\n            border: 1px solid themed('InputBorder');\n            color: themed('InputText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('InputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                border-color: themed('ColorPickerActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input {\n        width: 124px;\n        min-width: 124px;\n    }\n    .sc-color-picker {\n        width: 124px;\n    }\n}\n\n.sc-numeric-input {\n    position: relative;\n    height: 40px;\n    width: 100%;\n    margin-right: 25px;\n\n    .subtitle {\n        position: absolute;\n        margin-left: 10px;\n        top: -6px;\n        user-select: none;\n\n        span {\n            @include form_subtitle_text;\n            @include themify($themes) {\n                color: themed('ColorPickerSubtitleText');\n                background: themed('DialogSettingBodyBg');\n            }\n        }\n    }\n    input[type='number'] {\n        -moz-appearance: textfield;\n        height: 40px;\n        line-height: 40px;\n        cursor: pointer;\n        border-radius: $border-radius;\n        box-sizing: border-box;\n        padding: 10px 12px;\n        width: 100% !important;\n        box-shadow: none !important;\n        outline: none;\n        @include themify($themes) {\n            color: themed('DropdownText') !important;\n            border: 1px solid themed('DropdownBorder');\n        }\n\n        &::-webkit-outer-spin-button,\n        &::-webkit-inner-spin-button {\n            -webkit-appearance: none;\n            margin: 0;\n        }\n        &:hover,\n        &:focus {\n            -moz-appearance: textfield;\n        }\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder') !important;\n            }\n        }\n        &:focus {\n            @include themify($themes) {\n                color: themed('InputFocusText') !important;\n                border-color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n        &:focus + .subtitle > span {\n            @include themify($themes) {\n                color: themed('DefaultInputActiveBorder') !important;\n            }\n        }\n    }\n    .sc-numeric-input-buttons {\n        display: flex;\n        flex-direction: column;\n        position: absolute;\n        top: 1px;\n        right: 1px;\n        border-radius: 0 3px 3px 0;\n        @include themify($themes) {\n            background: themed('DialogSettingBodyBg');\n        }\n\n        .ic-icon {\n            width: 24px;\n            height: 19px;\n            line-height: 19px;\n            cursor: pointer;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DropdownText');\n                }\n            }\n            &:first-child {\n                border-radius: 0 3px 0 0;\n            }\n            &:last-child {\n                border-radius: 0 0 3px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DefaultInputBtnHoverBg');\n                }\n            }\n        }\n    }\n    &:hover {\n        input[type='number'] {\n            @include themify($themes) {\n                border-color: themed('DefaultInputHoverBorder');\n            }\n        }\n    }\n}\n\n.sc-changefontsize {\n    width: 56px;\n    margin-right: 5px;\n}\n\n.sc-changefontfamily {\n    width: 138px;\n}\n\n.sc-toggle {\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n}\n\n.sc-toggle > .ic-icon {\n    width: 24px;\n    height: 24px;\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-chart-size {\n    display: flex !important;\n    height: auto;\n    width: auto !important;\n\n    &:after {\n        display: none;\n    }\n    > span {\n        opacity: 1;\n        position: relative;\n        cursor: pointer;\n        transition: scale 0.25s;\n    }\n    .cq-menu-btn {\n        cursor: pointer;\n        padding: 5px 0px;\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('MenuHoverBg');\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-dtools {\n    $self: &;\n\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &--empty {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        flex-direction: column;\n        height: 100%;\n\n        > .ic-icon {\n            width: 130px;\n            height: 130px;\n            margin: 0 auto 24px;\n        }\n        p {\n            font-size: 12px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n            text-align: center;\n            margin: 0 0 46px;\n            @include themify($themes) {\n                color: themed('DrawToolsEmptyText');\n            }\n        }\n    }\n    &__panel {\n        width: 360px;\n        height: 392px;\n        padding: 16px 0 16px 8px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            text-align: right;\n            padding: 0 16px 16px;\n\n            .sc-btn {\n                cursor: pointer;\n            }\n        }\n        &__content {\n            box-sizing: border-box;\n\n            &--active {\n                #{ $self }__list__item {\n                    height: 48px;\n                    padding: 4px 16px;\n                    cursor: initial;\n                }\n            }\n        }\n    }\n    &__list {\n        &__item {\n            height: 40px;\n            padding: 10px 16px;\n            display: flex;\n            margin-right: 8px;\n            border-radius: $border-radius;\n            box-sizing: border-box;\n            justify-content: space-between;\n            align-items: center;\n            cursor: pointer;\n            @include themify($themes) {\n                color: themed('DrawToolsItemText');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DrawToolsHoverBg');\n                }\n            }\n            .info {\n                display: flex;\n                align-items: center;\n\n                .text {\n                    display: flex;\n                    flex-direction: column;\n                    padding-left: 16px;\n\n                    span {\n                        font-size: 14px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.43;\n                        letter-spacing: normal;\n                        margin-right: 16px;\n                    }\n                    small {\n                        display: block;\n                        font-size: 12px;\n                        font-weight: normal;\n                        font-style: normal;\n                        line-height: 1.5;\n                        letter-spacing: normal;\n                        margin-top: 2px;\n                        @include themify($themes) {\n                            color: themed('DrawToolsItemSubText');\n                        }\n                    }\n                }\n            }\n            .actions {\n                display: flex;\n                justify-content: space-between;\n\n                small {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: right;\n                }\n                .ic-icon {\n                    cursor: pointer;\n\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DrawToolsItemIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        margin-top: 16px;\n\n        &__head {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 8px;\n            @include themify($themes) {\n                color: themed('DrawToolsItemSubText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        width: 200px;\n        box-sizing: border-box;\n        overflow: visible !important;\n\n        .body {\n            padding: 0 7px 0 16px;\n            overflow: visible;\n\n            .ciq-list {\n                padding-right: 9px;\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-setting {\n    .tabs--vertical .react-tabs__tab-list {\n        padding-top: 0px !important;\n    }\n    &__panel {\n        width: 536px;\n        height: 564px;\n        padding: 24px;\n        box-sizing: border-box;\n    }\n    .form__group {\n        margin-bottom: 24px;\n\n        .form__label {\n            font-size: 14px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            margin-bottom: 16px;\n            @include themify($themes) {\n                color: themed('ChartSettingItemTitleText');\n            }\n        }\n        .sc-checkbox {\n            .sc-checkbox__label {\n                @include themify($themes) {\n                    color: themed('ChartSettingText');\n                }\n            }\n        }\n        &--theme {\n            .form__control {\n                display: flex;\n                justify-content: space-between;\n            }\n            .form__group__item {\n                cursor: pointer;\n                border-radius: $border-radius;\n                text-align: center;\n\n                .ic-icon {\n                    border-radius: $border-radius;\n                    border: 1px solid transparent;\n                    width: 238px;\n                    height: 182px;\n                    cursor: pointer;\n                }\n                .text {\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    padding-top: 8px;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &--active {\n                    .ic-icon {\n                        @include themify($themes) {\n                            border-color: themed('ChartSettingItemActiveBorder');\n                        }\n                    }\n                    .text {\n                        font-weight: bold;\n                    }\n                }\n            }\n        }\n        &--language {\n            .form__control {\n                display: flex;\n                flex-wrap: wrap;\n            }\n            .form__group__item {\n                width: 80px;\n                height: 84px;\n                text-align: center;\n                border-radius: $border-radius;\n                border: 1px solid transparent;\n                cursor: pointer;\n                box-sizing: border-box;\n                margin: 0 16px 16px 0;\n\n                .ic-icon {\n                    margin: 16px auto 8px;\n                    width: 36px;\n                    height: 24px;\n\n                    svg {\n                        width: 36px;\n                        height: 24px;\n                    }\n                }\n                .text {\n                    display: block;\n                    font-size: 14px;\n                    font-weight: normal;\n                    font-style: normal;\n                    line-height: 1.43;\n                    letter-spacing: normal;\n                    text-align: center;\n                    @include themify($themes) {\n                        color: themed('ChartSettingText');\n                    }\n                }\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('ChartSettingItemHoverBg');\n                    }\n                }\n                &--active {\n                    background: transparent !important;\n                    @include themify($themes) {\n                        border-color: themed('ChartSettingItemActiveBorder');\n                    }\n                }\n            }\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-download-menu {\n    .sc-dialog {\n        width: 320px;\n    }\n}\n\n.sc-download {\n    padding: 24px;\n    display: flex;\n    border-radius: $border-radius;\n    @include themify($themes) {\n        background: themed('DownloadBg');\n        color: themed('DownloadText');\n    }\n\n    &__item {\n        width: 88px;\n        height: 88px;\n        padding: 16px;\n        box-sizing: border-box;\n        border-radius: $border-radius;\n        text-align: center;\n        cursor: pointer;\n        position: relative;\n        margin-right: 8px;\n\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            margin: 0 auto 4px;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('DownloadActiveBg');\n            }\n        }\n        &__label {\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            display: block;\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-download {\n        justify-content: space-around;\n\n        &__item {\n            margin: 0px;\n        }\n    }\n    .sc-download-menu {\n        .sc-dialog {\n            left: auto;\n            width: 300px;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .react-tabs {\n  -webkit-tap-highlight-color: transparent;\n}\n\n.react-tabs__tab-list {\n  border-bottom: 1px solid #aaa;\n  margin: 0 0 10px;\n  padding: 0;\n}\n\n.react-tabs__tab {\n  display: inline-block;\n  border: 1px solid transparent;\n  border-bottom: none;\n  bottom: -1px;\n  position: relative;\n  list-style: none;\n  padding: 6px 12px;\n  cursor: pointer;\n}\n\n.react-tabs__tab--selected {\n  background: #fff;\n  border-color: #aaa;\n  color: black;\n  border-radius: 5px 5px 0 0;\n}\n\n.react-tabs__tab--disabled {\n  color: GrayText;\n  cursor: default;\n}\n\n.react-tabs__tab:focus {\n  outline: none;\n}\n\n.react-tabs__tab:focus:after {\n  content: '';\n  position: absolute;\n  height: 5px;\n  left: -4px;\n  right: -4px;\n  bottom: -5px;\n  background: #fff;\n}\n\n.react-tabs__tab-panel {\n  display: none;\n}\n\n.react-tabs__tab-panel--selected {\n  display: block;\n}\n","@charset \"UTF-8\";\n\n$chart-green: #4caf50;\n$chart-red: #f95454;\n\n/* CSS Document */\n\nhtml,\nbody {\n    -ms-touch-action: none; /* This is necessary to allow the chart to grab windows touch events */ /* stylelint-disable-line plugin/no-unsupported-browser-features */\n    margin: 0px; /*to deal with iFraming which sets 8px by default in some browsers*/\n}\n\n/*! rtl:ignore */\n.chartContainer {\n    /* DIV that the canvas expands to. #chartContainer is only for backward compatibility with older libraries. */\n    display: block;\n    font-family: $base-font;\n    font-size: 12px;\n    position: relative; /* chart container must be relative for internal DOM elements to be correct */\n    transition: height 0.4s ease-in-out;\n    @include themify($themes) {\n        background: themed('ChartBg');\n        color: themed('ChartText');\n    }\n\n    .flutter-chart {\n        width: 100%;\n        height: 100%;\n    }\n}\n\n/*! rtl:ignore */\n.cq-inchart-subholder {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    top: 0px;\n    pointer-events: none;\n}\n/* Chart Block */\n\n/*! rtl:ignore */\n.ciq-chart {\n    height: auto;\n    width: 100%;\n    z-index: 4;\n    touch-action: none; /* stylelint-disable-line plugin/no-unsupported-browser-features */\n\n    @include themify($themes) {\n        background: themed('ChartBg');\n    }\n\n    &--screenshot {\n        .calendar,\n        .cq-menu-dropdown,\n        .sc-toolbar-widget,\n        .sc-navigation-widget,\n        .time-picker-dropdown {\n            /*\n            There is a strange bug where dropdowns get displayed (partially)\n            when html is being rendered to canvas. So we set this to manually\n            hide it when PNG is exported.\n            */\n            display: none !important;\n        }\n    }\n}\n\n/* The Chart */\n\n/*! rtl:ignore */\n.cq-chart-control-left {\n    .chartContainer {\n        width: calc(100% - 100px);\n        margin-left: 100px;\n    }\n}\n\n/* --------------------------------------------------------- BUTTONS --------------------------------------------------------- */\n\n/* Up/Down Arrow indicators */\n.cq-change {\n    &:after {\n        /*! rtl:ignore */\n        float: right;\n        margin-top: 5px;\n        margin-right: 5px;\n        @include triangle-base(6px);\n    }\n    &.up:after {\n        border-bottom: 8px solid $COLOR_GREEN_1;\n    }\n    &.down:after {\n        border-top: 8px solid $COLOR_RED;\n    }\n    .cq-todays-change-percent {\n        padding-left: 3px;\n    }\n}\n\n/* --------------------------------------------------------- CHART CONTROLS --------------------------------------------------------- */\n\n/*! rtl:ignore */\n\n.scroll_to_recent:hover,\n.scroll_to_recent:active {\n    /* Make buttons full opacity on hover or hit */\n    opacity: 1;\n}\n\n/*! rtl:ignore */\n\n.scroll_to_recent {\n    /* Button  jumping to today's data */\n    color: #fff;\n    overflow: hidden;\n    position: absolute;\n    bottom: 12px;\n    right: 80px;\n    line-height: 0px;\n    height: 32px;\n    width: 32px;\n    padding: 0px;\n    margin-bottom: 17px;\n    border-radius: $border-radius;\n    z-index: 12;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    @include themify($themes) {\n        background: themed('NavigationWidgetBg');\n    }\n\n    svg {\n        position: relative;\n        @include themify($themes) {\n            fill: themed('NavigationWidgetColor');\n        }\n    }\n}\n\n/* ------------------------------------------------------- CHART OVERLAY ELEMENTS ------------------------------------------------------ */\n.mSticky {\n    position: absolute;\n    display: none;\n    z-index: 44;\n    white-space: nowrap;\n    border-radius: $border-radius;\n    font-size: 12px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        color: themed('ChartStickyText');\n        background: themed('ChartStickyBg');\n    }\n\n    .mStickyInterior {\n        padding: 8px;\n        position: relative;\n        width: 100%;\n        border-radius: $border-radius $border-radius 0px 0px;\n        border: none;\n        box-sizing: border-box;\n        font-size: 12px;\n        font-weight: bold;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: center;\n        @include themify($themes) {\n            background: themed('ChartStickyInnerBg');\n            color: themed('ChartStickyInnerText');\n        }\n    }\n}\n\n.mouseDeleteInstructions {\n    margin: 8px;\n    background: transparent;\n    display: block;\n}\n\n/* --------------------------------------------------------- CHART SDK --------------------------------------------------------- */\n\n/* -------- Axis tabs and current Prices -------- */\n\n@keyframes pulse {\n    0% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0.6);\n    }\n    70% {\n        box-shadow: 0 0 0 10px rgba($COLOR_ORANGE, 0);\n    }\n    100% {\n        box-shadow: 0 0 0 0 rgba($COLOR_ORANGE, 0);\n    }\n}\n\n.smartcharts-mobile {\n    .mSticky {\n        background: none;\n\n        .mStickyInterior {\n            margin: 0px;\n            padding: 0px 8px 0 !important;\n            line-height: 30px;\n            border-radius: 3px 0px 0px 3px;\n            width: auto;\n            z-index: 99;\n        }\n    }\n    .ciq-chart {\n        padding: 0 8px;\n    }\n}\n\n// To hide google translate tooltips on drag\n#gtx-trans {\n    display: none;\n}\n\n.fast-marker {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    overflow: hidden;\n}\n","/* --------------------------------------------------------- Layout --------------------------------------------------------- */\n\n.ciq-chart-area,\n.ciq-chart {\n    box-sizing: border-box;\n}\n\n/* Chart Area Block */\n.cq-context,\n.ciq-chart-area {\n    position: absolute;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    margin: 0px;\n    z-index: 1;\n    padding: 0px;\n    @include themify($themes) {\n        background: themed('DefaultBg');\n    }\n}\n\n/* --------------------------------------------------------- Navigation --------------------------------------------------------- */\n\n/* Menus/Panel Toggles */\n.smartcharts {\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    font-family: $base-font;\n    font-size: $font-size-base;\n    overflow: hidden;\n    top: 0;\n    @include themify($themes) {\n        background: themed('DefaultMain');\n    }\n\n    input {\n        font-weight: 300;\n        user-select: text;\n        @include themify($themes) {\n            color: themed('DefaultText');\n            background-color: themed('DefaultMain');\n        }\n\n        &::placeholder,\n        &::-moz-placeholder {\n            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n        }\n    }\n    div,\n    li,\n    span,\n    a {\n        -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* eliminated annoying flash when tapping screen on ipads */\n        -webkit-tap-highlight-color: transparent; /* For some Androids */\n    }\n    .cq-top-ui-widgets {\n        position: absolute;\n        z-index: 5;\n        margin: 0.2em 0.5em;\n        width: 100%;\n        pointer-events: none;\n\n        > div {\n            // top widgets panel will have no pointer events, but it's children should not be affected:\n            pointer-events: initial;\n        }\n    }\n    .ciq-menu {\n        display: inline-block;\n        position: relative;\n        box-sizing: border-box;\n    }\n    .smartcharts-mobile,\n    .smartcharts-desktop {\n        position: absolute;\n        height: 100%;\n        width: 100%;\n    }\n    .cq-chart-control-left {\n        .cq-top-ui-widgets {\n            left: 90px;\n        }\n        .cq-notifications {\n            right: 100px;\n        }\n    }\n    &--loading {\n        .cq-menu-btn,\n        .sc-toolbar-widget,\n        .ciq-navigation-widget,\n        .sc-chart-footer {\n            opacity: 0.24;\n        }\n    }\n    /* Mobile Style */\n    .smartcharts-mobile {\n        user-select: none;\n\n        .cq-top-ui-widgets {\n            z-index: 13;\n        }\n    }\n}\n\n/*! rtl:ignore */\n.cq-modal__overlay {\n    display: flex;\n    width: 100%;\n    height: 100%;\n    align-items: center;\n    justify-content: center;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    overflow: hidden;\n}\n\n/*! rtl:ignore */\n.ciq-modal {\n    .cq-modal__overlay {\n        z-index: 9999;\n        position: absolute;\n        @include themify($themes) {\n            background: themed('DialogOverlay');\n        }\n    }\n}\n\n@import 'menu';\n\n/* -------------------------- custom styles -------------------------------------*/\n/*! rtl:ignore */\n.cq-chart-unavailable {\n    position: absolute;\n    text-align: center;\n    width: 100%;\n    top: 50%;\n    z-index: 1;\n    font-size: 1.7em;\n    color: #878787;\n}\n/*! rtl:begin:ignore */\n.sc-tooltip {\n    &__inner {\n        position: absolute;\n        top: 0px;\n        /*! rtl:begin:ignore */\n        left: 50%;\n        /*! rtl:end:ignore */\n        border-radius: $border-radius;\n        height: 34px;\n        width: auto;\n        white-space: nowrap;\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        opacity: 0;\n        box-sizing: border-box;\n        transform: translateX(-50%) translateY(calc(-100% - 8px));\n        pointer-events: none;\n        @include themify($themes) {\n            background: themed('TooltipBg');\n            color: themed('TooltipText');\n        }\n\n        &:before {\n            position: absolute;\n            width: 0;\n            height: 0;\n            content: ' ';\n            bottom: 0px;\n            left: calc(50% - 6px);\n            background: transparent;\n            border-right: 6px solid transparent;\n            border-left: 6px solid transparent;\n            transform: translateY(100%);\n            @include themify($themes) {\n                border-top: 6px solid themed('TooltipBg');\n            }\n        }\n    }\n    &--right {\n        .sc-tooltip__inner {\n            left: calc(100% + 10px);\n            top: calc(50% - 17px);\n            transform: none;\n\n            &:before {\n                left: -6px;\n                bottom: calc(50% - 6px);\n                border-top: 6px solid transparent !important;\n                border-bottom: 6px solid transparent !important;\n                border-left: none;\n                transform: translateY(0);\n                @include themify($themes) {\n                    border-right: 6px solid themed('TooltipBg');\n                }\n            }\n        }\n    }\n    &--enable {\n        &:hover {\n            .sc-tooltip__inner {\n                opacity: 1;\n                z-index: 3;\n            }\n        }\n    }\n}\n\n.sc-notification-badge {\n    width: 16px;\n    height: 16px;\n    border-radius: 8px;\n    position: absolute;\n    top: 3px;\n    right: 3px;\n    font-size: 10px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.5;\n    letter-spacing: normal;\n    text-align: center;\n    @include themify($themes) {\n        background: themed('NotificationBadgeBg');\n        color: themed('NotificationBadgeText');\n    }\n}\n/* -------------------------- buttons -------------------------------------*/\n\n.sc-btn {\n    padding: 5px 16px;\n    font-size: 14px;\n    font-weight: bold;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    text-align: center;\n    border-radius: $border-radius;\n    outline: none !important;\n    border: 1px solid;\n    @include themify($themes) {\n        border-color: themed('BtnDefaultBg');\n        background: themed('BtnDefaultBg');\n        color: themed('BtnDefaultText');\n    }\n\n    &[type='button'] {\n        cursor: pointer;\n    }\n    &:hover {\n        @include themify($themes) {\n            background: themed('BtnDefaultHoverBg');\n        }\n    }\n    &--sm {\n        padding: 3px 12px;\n        font-size: 12px;\n    }\n    &--w100 {\n        width: 100%;\n    }\n    &--primary {\n        @include themify($themes) {\n            border-color: themed('BtnPrimaryBg');\n            background: themed('BtnPrimaryBg');\n            color: themed('BtnPrimaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryHoverBg');\n                background: themed('BtnPrimaryHoverBg');\n            }\n        }\n        &--disabled {\n            opacity: 0.32;\n            @include themify($themes) {\n                border-color: themed('BtnPrimaryBg');\n                background: themed('BtnPrimaryBg');\n            }\n\n            &:hover {\n                @include themify($themes) {\n                    border-color: themed('BtnPrimaryBg');\n                    background: themed('BtnPrimaryBg');\n                }\n            }\n        }\n    }\n    &--outline-secondary {\n        background: transparent;\n        @include themify($themes) {\n            border-color: themed('BtnSecondaryBorder');\n            color: themed('BtnSecondaryText');\n        }\n\n        &:hover {\n            @include themify($themes) {\n                background: themed('BtnSecondaryHoverBg') !important;\n            }\n        }\n    }\n}\n\n.sc-chart__status {\n    width: 8px;\n    height: 8px;\n    border-radius: $border-radius;\n    margin: 4px 0;\n    opacity: 1;\n    @include themify($themes) {\n        background: themed('ChartStatus');\n    }\n\n    &--online {\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--blinker {\n        animation: blinking-network-status 0.4s infinite alternate;\n        @include themify($themes) {\n            background: themed('ChartStatusOnline');\n        }\n    }\n    &--offline {\n        @include themify($themes) {\n            background: themed('ChartStatusOffline');\n        }\n    }\n}\n\n.sc-input {\n    border-radius: $border-radius 0 0 $border-radius;\n    height: 40px;\n    box-sizing: border-box;\n    border-right: none !important;\n    position: relative;\n    outline: none !important;\n    padding: 10px 12px;\n    font-size: 14px;\n    font-weight: normal;\n    font-style: normal;\n    line-height: 1.43;\n    letter-spacing: normal;\n    background: transparent;\n    @include themify($themes) {\n        border: 1px solid themed('InputDefaultBorder');\n    }\n\n    &::placeholder,\n    &::-moz-placeholder {\n        font-size: 14px;\n        @include themify($themes) {\n            color: themed('InputDefaultText');\n        }\n    }\n    &:hover {\n        @include themify($themes) {\n            border-color: themed('InputDefaultHoverBorder');\n        }\n    }\n    &--active {\n        @include themify($themes) {\n            border-color: themed('InputDefaultActiveBorder') !important;\n        }\n    }\n}\n\n[dir='rtl'] .sc-input {\n    border-right: 1px solid $color-grey-5 !important;\n}\n\n/*! rtl:end:ignore */\n@keyframes blinking-network-status {\n    40% {\n        opacity: 1;\n    }\n    100% {\n        opacity: 0;\n    }\n}\n","$transition-duration: 300ms;\n\n.ciq-menu {\n    position: relative;\n    @include themify($themes) {\n        color: themed('MenuText');\n    }\n\n    > span {\n        padding: 0 12px 0 0;\n        position: relative;\n        font-weight: 400;\n    }\n    .cq-menu-btn {\n        user-select: none;\n    }\n    &.ciq-enabled > .cq-menu-btn {\n        cursor: pointer;\n    }\n}\n\n.cq-menu-dropdown {\n    display: block;\n    line-height: 2.1em;\n    position: absolute;\n    overflow: hidden;\n    height: auto;\n    border-radius: 3px;\n    bottom: 5em;\n    pointer-events: none;\n    opacity: 0;\n    z-index: 3;\n    transition: transform $transition-duration, opacity $transition-duration;\n    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);\n    margin-top: 5px;\n    @include themify($themes) {\n        color: themed('DialogBodyText');\n        background-color: themed('DialogBodyBg');\n    }\n\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n    }\n    &.cq-menu-dropdown-enter-done {\n        pointer-events: initial;\n    }\n    .title {\n        display: block;\n        height: 20px;\n        line-height: 20px;\n        padding: 9px 16px;\n        box-sizing: content-box;\n        @include themify($themes) {\n            background: themed('DialogHeadBg');\n            color: themed('DialogHeadText');\n        }\n\n        .title-text {\n            display: inline-block;\n            font-size: 1.2em;\n            font-weight: bold;\n        }\n        > .ic-icon {\n            @include themify($themes) {\n                color: themed('DialogHeadIcon');\n            }\n        }\n    }\n    .icon-close-menu {\n        cursor: pointer;\n        position: absolute;\n        top: 5px;\n        right: 5px;\n        height: 30px;\n        width: 30px;\n        pointer-events: none;\n        opacity: 0;\n    }\n}\n\n.smartcharts-mobile {\n    .ciq-menu {\n        &.stxMenuActive {\n            z-index: 9;\n        }\n        .cq-menu-btn:hover {\n            > .ic-icon {\n                svg {\n                    background: transparent;\n                }\n            }\n        }\n    }\n    .cq-modal-dropdown {\n        &.stxMenuActive {\n            z-index: 2;\n            width: 100%;\n            height: 100%;\n            position: absolute;\n        }\n        &.cq-chart-title {\n            .cq-modal__overlay .cq-menu-dropdown {\n                /* for studies and comparison dropdown, fill screen in mobile */\n                height: 100%;\n\n                .title {\n                    border-bottom: none !important;\n                }\n            }\n        }\n        .cq-modal__overlay {\n            position: relative;\n            transition: opacity $transition-duration;\n            height: inherit;\n            width: 100%;\n            padding: 0;\n            opacity: 0;\n        }\n        &.stxMenuActive .cq-modal__overlay {\n            opacity: 1;\n            pointer-events: initial;\n            visibility: visible;\n        }\n        &.cq-chart-title .cq-menu-dropdown {\n            transform: translateY(-3em);\n        }\n        .cq-menu-dropdown {\n            height: auto;\n            bottom: 0;\n            box-shadow: none;\n            border-radius: 0;\n            width: 100%;\n            position: absolute;\n            transform: translateY(3em);\n            border: none;\n\n            &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n                transform: translateY(0em);\n            }\n            .title {\n                .title-text {\n                    font-size: 14px;\n                }\n                .icon-close-menu {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('DialogHeadText');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        &.cq-menu-dropdown-enter-done {\n            .icon-close-menu {\n                pointer-events: initial;\n                opacity: 1;\n            }\n        }\n    }\n}\n","@charset \"UTF-8\";\n\n/*! rtl:begin:ignore */\n.barrier-area {\n    -moz-user-select: none;\n    -webkit-user-select: none;\n    padding: 13px 0;\n    position: absolute;\n    top: 0;\n    user-select: none;\n    width: 100%;\n}\n\n/* Drag Lines and Prices */\n\n.chart-line {\n    position: absolute;\n    z-index: 35;\n\n    &.draggable {\n        pointer-events: all;\n    }\n    &.horizontal {\n        width: 100%;\n        left: 0;\n        font-size: 1em;\n\n        &:hover {\n            z-index: 105;\n        }\n        &.draggable > .draggable-area {\n            &:hover {\n                background: rgba(0, 0, 0, 0.05);\n            }\n            height: 20px;\n            top: -8px;\n            position: absolute;\n            width: 100%;\n        }\n        .drag-line {\n            /* rtl:begin:ignore */\n            height: 1px;\n            float: left;\n            width: 100%;\n            margin-left: -10px;\n            position: relative;\n            border-top-width: 1px;\n            border-top-color: $color-blue;\n            /* rtl:end:ignore */\n        }\n        .title-wrapper {\n            $title-height: 24px;\n            position: absolute;\n            height: $title-height;\n            top: -11px;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            font-size: 11px;\n            padding: 3px 10px;\n            font-weight: bold;\n\n            .title {\n                white-space: pre-wrap;\n            }\n        }\n    }\n}\n\n.draggable.chart-line:hover {\n    &.horizontal {\n        cursor: ns-resize;\n    }\n    &.vertical {\n        cursor: ew-resize;\n    }\n}\n\n.hide-pricelines > .chart-line.horizontal,\n.hide-pricelines > .barrier-area {\n    display: none;\n}\n\n.drag-price {\n    display: flex;\n    height: 24px;\n    top: -12px;\n    position: absolute;\n    right: -1px;\n    justify-content: space-between;\n    border: 1px solid;\n    border-radius: 4px;\n\n    @include themify($themes) {\n        &:not(&--narrow) {\n            background-color: themed('DefaultMain');\n        }\n    }\n\n    &--narrow {\n        height: 21px;\n        top: -10px;\n        background-color: rgba(12, 40, 247, 0.16);\n    }\n    .arrow-icon {\n        height: 41px;\n        padding: 4px 0px;\n        position: absolute;\n        transition: none;\n        left: 2px;\n        width: calc(100% - 2px);\n    }\n}\n\n.price {\n    display: block;\n    font-size: 12px;\n    line-height: 18px;\n    overflow: unset;\n    padding: 3px 1px;\n    position: relative;\n    right: 45px;\n    text-align: center;\n    width: max-content;\n\n    &--zero {\n        color: $color-blue;\n        padding: unset;\n\n        @include themify($themes) {\n            /* stylelint-disable number-max-precision, plugin/no-unsupported-browser-features */\n            background-image: linear-gradient(\n                rgba(255, 255, 255, 0.001) 30%,\n                themed('DefaultBg') 50%,\n                rgba(255, 255, 255, 0.001) 75%\n            );\n            /* stylelint-enable number-max-precision, plugin/no-unsupported-browser-features */\n        }\n    }\n}\n\n.draggable {\n    &-area-wrapper {\n        display: flex;\n    }\n    .price {\n        overflow: unset;\n        position: relative;\n        right: 55px;\n    }\n    .drag-icon {\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n        padding-left: 3px;\n        border-top-left-radius: 4px;\n        border-bottom-left-radius: 4px;\n\n        @include themify($themes) {\n            background: themed('DefaultMain');\n        }\n\n        div {\n            background-color: $color-blue;\n            height: 1px;\n            margin: 1px;\n            width: 8px;\n        }\n    }\n}\n\n/*--------------------------------------------------*/\n\n/* shade */\n\n.shade.hidden {\n    opacity: 0;\n}\n\n.shade {\n    position: absolute;\n    width: 100%;\n    top: -120px;\n    left: 0;\n    right: 0;\n    height: 120px !important;\n    opacity: 0.3;\n    z-index: -1;\n}\n\n/* css gradients are only partially supported in Safari, but will work here since colors are not premultiplied */\n.top-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, transparent, var(--shade-color));\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n.between-shade {\n    opacity: 0.2;\n    background-color: var(--shade-color);\n}\n\n.bottom-shade {\n    /* stylelint-disable plugin/no-unsupported-browser-features */\n    background-image: linear-gradient(to bottom, var(--shade-color), transparent);\n    /* stylelint-enable plugin/no-unsupported-browser-features */\n}\n\n/*! rtl:end:ignore */\n",".sc-loader .sc-loader-spin, .cq-comparison-loader {\n    background-image: svg-load('./icons/loading/loading-spin.svg');\n    background-size: cover;\n}\n\n.smartcharts-dark {\n    .sc-loader .sc-loader-spin, .cq-comparison-loader {\n        background-image: svg-load('./icons/loading/loading-spin-white.svg');\n    }\n}\n\n.sc-loader {\n    display: none;\n    position: absolute;\n    height: 100%;\n    width: 100%;\n    top: 0px;\n    left: 0px;\n\n    &.show {\n        display: block;\n        z-index: 9;\n    }\n    .sc-loader-spin {\n        position: absolute;\n        height: 50px;\n        width: 50px;\n        left: 50%;\n        top: 50%;\n        margin-left: -25px;\n        margin-top: -45px;\n        z-index: 1;\n        @include themify($themes) {\n            stroke: themed('Loading');\n        }\n    }\n    .sc-loader-status {\n        padding-top: 5px;\n        position: absolute;\n        height: 20px;\n        width: 200px;\n        left: 50%;\n        top: 50%;\n        margin-left: -100px;\n        margin-top: 10px;\n        text-align: center;\n        @include themify($themes) {\n            color: themed('Loading');\n        }\n    }\n}\n\n.sc-inline-loader {\n    position: relative;\n\n    &:after {\n        border-radius: 3px;\n        position: absolute;\n        content: ' ';\n        left: 0px;\n        top: 0px;\n        width: 100%;\n        height: 100%;\n    }\n    &__inner {\n        width: 50px;\n        height: 14px;\n        position: absolute;\n        top: calc(50% - 7px);\n        left: calc(50% - 25px);\n        opacity: 1 !important;\n\n        &__bullet {\n            height: 100%;\n            width: 4px;\n            margin: 0 2px;\n            display: inline-block;\n            border-radius: 3px;\n            -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            animation: sk-stretchdelay 1.2s infinite ease-in-out;\n            @include themify($themes) {\n                background-color: themed('LoadingBg');\n            }\n\n            &:nth-child(2) {\n                -webkit-animation-delay: -1.1s;\n                animation-delay: -1.1s;\n            }\n            &:nth-child(3) {\n                -webkit-animation-delay: -1s;\n                animation-delay: -1s;\n            }\n            &:nth-child(4) {\n                -webkit-animation-delay: -0.9s;\n                animation-delay: -0.9s;\n            }\n        }\n    }\n    &--enable {\n        > span,\n        > div {\n            opacity: 0.32;\n        }\n    }\n}\n\n@-webkit-keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        -webkit-transform: scaleY(1);\n    }\n}\n\n@keyframes sk-stretchdelay {\n    0%, 40%, 100% {\n        transform: scaleY(0.4);\n        -webkit-transform: scaleY(0.4);\n    }\n    20% {\n        transform: scaleY(1);\n        -webkit-transform: scaleY(1);\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-last-digits {\r\n    position: absolute;\r\n    bottom: 45px;\r\n    left: calc(50% - 150px);\r\n    visibility: hidden;\r\n\r\n    &.show {\r\n        visibility: visible;\r\n    }\r\n    .cq-bars {\r\n        height: 70px;\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarText');\r\n        }\r\n\r\n        .min {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMinBarBg');\r\n            }\r\n        }\r\n        .max {\r\n            @include themify($themes) {\r\n                color: themed('LastdigitsMaxBarBg');\r\n            }\r\n        }\r\n        .cq-bar-value {\r\n            margin: -16px 0 0 -6px;\r\n            transition: opacity 0.8s linear;\r\n            font-size: 12px;\r\n            opacity: 0;\r\n\r\n            &.show {\r\n                opacity: 1;\r\n            }\r\n        }\r\n        .cq-bar {\r\n            width: 10px;\r\n            @include themify($themes) {\r\n                background-color: themed('LastdigitsBarBg');\r\n            }\r\n            position: absolute;\r\n            bottom: 40px;\r\n            transition: height 0.8s ease-in-out;\r\n            border-radius: 16px;\r\n\r\n            .cq-bar-title {\r\n                position: absolute;\r\n                bottom: -20px;\r\n                width: 10px;\r\n                text-align: center;\r\n                font-size: 14px;\r\n            }\r\n            &.min {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMinBarBg');\r\n                }\r\n            }\r\n            &.max {\r\n                @include themify($themes) {\r\n                    background-color: themed('LastdigitsMaxBarBg');\r\n                }\r\n            }\r\n        }\r\n    }\r\n    .cq-bar-footer {\r\n        text-align: center;\r\n        width: 475px;\r\n        font-size: 12px;\r\n        top: 60px;\r\n        position: absolute;\r\n        left: -75px;\r\n\r\n        @include themify($themes) {\r\n            color: themed('LastdigitsBarFooter');\r\n        }\r\n    }\r\n    &.minimised {\r\n        bottom: 10px;\r\n\r\n        .cq-bars {\r\n            height: 25px;\r\n        }\r\n        .cq-bar-footer {\r\n            top: 8px;\r\n        }\r\n    }\r\n}\r\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .cq-bottom-ui-widgets {\n    position: absolute;\n    width: 100%;\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n/* rtl:begin:ignore */\n\n.cq-chart-controls {\n    position: absolute;\n    display: flex;\n    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12);\n    z-index: 9;\n    justify-content: center;\n    align-items: stretch;\n    box-sizing: border-box;\n    border-radius: 2px;\n    transition: z-index 0.3s linear;\n    @include themify($themes) {\n        background: themed('MenuBg');\n        box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n    }\n\n    &.active {\n        z-index: 5;\n    }\n    .ciq-menu {\n        width: auto;\n\n        > span {\n            margin: 0;\n            padding: 0;\n        }\n        &:after {\n            right: 5px;\n            top: 11px;\n            transform: rotate(225deg); /* 180 + 45 */\n            display: none;\n        }\n        &.ciq-enabled {\n            &.stxMenuActive {\n                @include themify($themes) {\n                    box-shadow: 0px -2px 0px 0 themed('MenuActiveBorder');\n                }\n\n                .cq-menu-btn {\n                    @include themify($themes) {\n                        background: themed('MenuActiveBg');\n                    }\n\n                    > .ic-icon {\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n\n                        .ic-subtitle {\n                            display: none;\n                            font-weight: bold;\n                            @include themify($themes) {\n                                color: themed('MenuActiveText');\n                            }\n                        }\n                    }\n                }\n            }\n            .cq-menu-btn {\n                &:hover {\n                    @include themify($themes) {\n                        background: themed('MenuHoverBg');\n                    }\n                }\n            }\n        }\n        .cq-menu-btn {\n            position: relative;\n            padding: 3px 5px;\n            height: 100%;\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n\n            > .ic-icon {\n                &.active {\n                    .ic-subtitle {\n                        font-weight: bold;\n                        @include themify($themes) {\n                            color: themed('MenuActiveText');\n                        }\n                    }\n                }\n                .ic-subtitle {\n                    display: none;\n                    font-weight: normal;\n                    line-height: normal;\n                    text-align: center;\n                    font-size: 1em;\n                    @include themify($themes) {\n                        color: themed('MenuText');\n                    }\n                }\n                padding: 0.35em 0.5em;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none !important;\n        }\n    }\n}\n\n/* Menu dropdown open/close animation */\n\n.cq-chart-controls .ciq-menu .cq-menu-dropdown {\n    .cq-chart-control-bottom & {\n        transform: translateX(-50%) translateY(3em);\n        left: 50%;\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(-50%) translateY(0em);\n        }\n    }\n    .cq-chart-control-left & {\n        bottom: auto;\n        left: 9em;\n        top: -1em;\n        transform: translateX(-3em);\n\n        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n            transform: translateX(0em);\n        }\n    }\n    &.cq-menu-dropdown-exit-active {\n        opacity: 0;\n        z-index: -3;\n    }\n    &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {\n        opacity: 1;\n        z-index: 6;\n    }\n}\n\n.cq-chart-control-bottom .cq-chart-controls {\n    bottom: 0px;\n    height: 40px;\n    width: 100%;\n    padding: 0 5px;\n}\n\n.cq-chart-control-left .cq-chart-controls {\n    left: 0px;\n    top: 0;\n    height: 100%;\n    width: 100px;\n    padding: 5px 0;\n    flex-flow: column;\n\n    .ciq-menu {\n        min-height: 45px;\n        height: auto;\n\n        .stxMenuActive {\n            @include themify($themes) {\n                box-shadow: 2px 0.3px 0px 0 themed('MenuActiveBorder');\n            }\n        }\n        .cq-menu-btn {\n            padding: 0 5px;\n        }\n    }\n}\n\n/* Mobile Style */\n\n.smartcharts-mobile {\n    .cq-chart-controls {\n        justify-content: space-around;\n        padding: 0 0.7em;\n        height: 40px;\n        @include themify($themes) {\n            box-shadow: inset 0 1px 0 0 themed('ChartControlBoxBorder');\n        }\n\n        &.active {\n            z-index: 5;\n        }\n        .cq-menu-btn {\n            padding: 0;\n        }\n        .ciq-menu {\n            padding: 0em;\n            width: auto;\n\n            .cq-menu-btn {\n                > .ic-icon {\n                    padding: 0.35em 0em;\n                }\n            }\n            .cq-menu-dropdown {\n                height: auto;\n                left: -1px;\n                padding: 0;\n                border: none;\n                box-shadow: none;\n            }\n        }\n        .cq-menu-btn, .sc-chart-size > span {\n            padding: 0 !important;\n        }\n        .ic-icon-with-sub > svg {\n            padding: 5px 10px;\n        }\n    }\n}\n\n.smartcharts-480 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: 50px;\n\n                    .cq-menu-btn {\n                        // padding: 8px 5px;\n\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-900 {\n    .smartcharts-desktop {\n        .cq-chart-control-bottom {\n            .cq-chart-controls {\n                .ciq-menu {\n                    width: auto;\n                    min-width: 45px;\n\n                    .cq-menu-btn {\n                        > .ic-icon {\n                            padding: 0.35em 0em;\n                        }\n                        .ic-subtitle {\n                            display: none;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-1280 {\n    .smartcharts-desktop {\n        .cq-chart-controls {\n            .ciq-menu {\n                width: auto;\n                min-width: 70px;\n\n                .cq-menu-btn {\n                    > .ic-icon {\n                        padding: 0.35em 0.5em;\n                    }\n                    .ic-subtitle {\n                        display: none;\n                    }\n                }\n            }\n        }\n    }\n}\n\n/* rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.sc-chart-footer {\n    display: flex;\n    height: 31px;\n    width: 100%;\n    position: absolute;\n    bottom: 0px;\n    left: 0px;\n    justify-content: flex-end;\n    z-index: 9;\n    @include themify($themes) {\n        color: themed('FooterText');\n        background: themed('FooterBg');\n        border-top: 1px solid themed('FooterBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            padding: 8px;\n            cursor: pointer;\n\n            .ic-icon {\n                width: 16px;\n                height: 16px;\n                line-height: 8px;\n\n                svg {\n                    @include themify($themes) {\n                        fill: themed('FooterText');\n                    }\n                }\n            }\n            .ic-subtitle {\n                display: none;\n            }\n            .ic-icon-with-sub {\n                line-height: 8px;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none;\n        }\n        &:hover {\n            @include themify($themes) {\n                background: themed('FooterItemHoverBg');\n            }\n        }\n    }\n    &__item {\n        padding: 8px;\n        font-size: 12px;\n        font-weight: normal;\n        font-style: normal;\n        line-height: 1.5;\n        letter-spacing: normal;\n        text-align: right;\n        position: relative;\n\n        &--status {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 16px;\n        }\n        &--time {\n            padding-right: 0px;\n            padding-left: 0px;\n            margin-right: 8px;\n\n            span {\n                padding-right: 16px;\n                padding-left: 16px;\n                @include themify($themes) {\n                    border-right: 1px solid themed('FooterBorder');\n                    border-left: 1px solid themed('FooterBorder');\n                }\n            }\n        }\n        .sc-tooltip__inner {\n            top: 9px;\n        }\n        .sc-tooltip__inner:before {\n            display: none;\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.cq-chart-title {\n    display: inline-block;\n    top: 1em;\n    z-index: 41;\n    margin: 0.2em 0.8em;\n\n    &.ciq-menu.ciq-enabled {\n        .cq-menu-btn > .cq-symbol-select-btn {\n            cursor: pointer;\n            display: flex;\n            justify-content: space-between;\n\n            > .ic-icon.cq-symbol-dropdown {\n                display: block;\n                margin-right: 0px;\n                margin-left: 10px;\n                width: 12px;\n\n                svg {\n                    width: 12px;\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleArrow');\n                    }\n                }\n            }\n        }\n        &.stxMenuActive > .cq-menu-btn > .cq-symbol-select-btn {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleActiveBorder');\n            }\n\n            > .ic-icon.cq-symbol-dropdown {\n                svg {\n                    transform: rotate(180deg);\n\n                    @include themify($themes) {\n                        fill: themed('ChartTitleActiveArrow');\n                    }\n                }\n            }\n        }\n    }\n    &.ciq-enabled .cq-symbol-select-btn {\n        @include themify($themes) {\n            background: themed('ChartTitleBg');\n            border: solid 1px themed('ChartTitleBorder');\n        }\n    }\n    .cq-menu-btn {\n        padding: 8px;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            background: themed('ChartTitleSubBg');\n        }\n    }\n    .cq-symbol-select-btn {\n        font-family: $base-font;\n        padding: 0.6em 1em;\n        position: relative;\n        display: flex;\n        align-items: center;\n        border-radius: $border-radius;\n\n        @include themify($themes) {\n            color: themed('ChartTitleText');\n        }\n\n        &__container {\n            display: flex;\n            justify-content: space-between;\n        }\n        &:hover {\n            @include themify($themes) {\n                border: solid 1px themed('ChartTitleHoverBorder');\n            }\n        }\n        > .ic-icon.cq-symbol-dropdown {\n            display: none;\n            position: relative;\n\n            svg {\n                transition: transform 0.2s ease-in-out;\n            }\n        }\n        > .ic-icon,\n        > .ic-frx,\n        > .ic-wld,\n        > .ic-otc {\n            height: $large-icon-size;\n            width: $large-icon-size;\n            transform: scale(1.3);\n\n            > svg {\n                height: $large-icon-size;\n            }\n        }\n        .cq-symbol-info {\n            display: flex;\n            flex-direction: column;\n            margin: 0 0 0 20px;\n\n            @media (min-width: 768px) {\n                min-width: 15rem;\n                min-height: 4.2rem;\n            }\n        }\n        .cq-symbol,\n        .cq-chart-price {\n            .cq-animated-price {\n                transition: color 300ms ease-out;\n            }\n            .divider {\n                padding: 0 3px;\n            }\n            > div {\n                line-height: 1.5;\n            }\n            line-height: 22px;\n            font-size: 1.2em;\n            text-align: left;\n        }\n        .cq-symbol {\n            font-weight: bold;\n            font-size: 1.6em;\n            text-align: left;\n            line-height: 24px;\n            width: auto;\n            padding-right: 1rem;\n\n            @include themify($themes) {\n                color: themed('ChartTitleSymbolText');\n            }\n\n            &.closed-no-opentime {\n                // To make the cq-symbol-btn have the same height with and without opening time (or price):\n                // We add the following quantity to line-height of cq-symbol (The height which was occupied by price)\n                // (1.2 * 1.5) / 1.6 = 1.125 ~~ 1.13;\n                // ((font-size of cq-chart-price * line-height of cq-chart-price) / font-size of cq-symbol)\n                line-height: calc(24px + 1.13em);\n            }\n        }\n        .cq-chart-closed {\n            .cq-closed-icon {\n                width: 12px;\n                margin-right: 5px;\n                height: 12px;\n                margin-top: 3px;\n\n                @include themify($themes) {\n                    fill: themed('TimeIconColor');\n                }\n\n                svg {\n                    left: 0;\n                    position: absolute;\n                }\n            }\n            .cq-closed-opening {\n                font-size: 1.2em;\n                text-align: left;\n                line-height: 1.5;\n\n                .cq-closed-opening-time {\n                    font-weight: bold;\n\n                    @include themify($themes) {\n                        color: themed('ChartTitleText');\n                    }\n                }\n            }\n        }\n        .cq-symbol-closed-text {\n            display: flex;\n            flex-direction: column;\n            justify-content: center;\n            text-align: center;\n            width: auto;\n            padding: 0 5px;\n            height: 20px;\n            border: 2px solid $COLOR_RED;\n            color: $COLOR_RED;\n            border-radius: $border-radius;\n            text-transform: uppercase;\n        }\n        .cq-chart-price > *,\n        .cq-chart-closed > * {\n            position: relative;\n        }\n        .cq-chart-price,\n        .cq-chart-closed {\n            display: flex;\n            vertical-align: text-bottom;\n\n            @include themify($themes) {\n                color: themed('ChartTitlePriceText');\n            }\n        }\n    }\n    .cq-menu-dropdown {\n        left: 0px;\n        bottom: auto;\n        transform: translateX(0) translateY(-3em);\n\n        &.cq-menu-dropdown-enter-done,\n        &.cq-menu-dropdown-enter-active {\n            opacity: 1;\n            transform: translateX(0) translateY(0em);\n        }\n        &.cq-menu-dropdown-enter-done {\n            z-index: 6;\n        }\n    }\n}\n\n/* Mobile Style */\n.smartcharts-mobile {\n    .cq-top-ui-widgets {\n        width: 100%;\n        padding: 0px;\n        margin: 0 !important;\n        z-index: 3;\n    }\n    .cq-chart-title {\n        width: 100%;\n        display: block;\n        top: 0em;\n        margin: 0px;\n\n        .cq-symbol-select-btn {\n            margin: 0.3em 0.4em;\n        }\n        .cq-menu-dropdown {\n            width: 100%;\n            top: 0px;\n            margin: 0px;\n        }\n    }\n}\n/*! rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; // sc-market-categorical-display\n.sc-mcd {\n    $self: &;\n    max-width: 600px;\n    min-width: 560px;\n    width: auto;\n    display: flex;\n    height: 100%;\n    @include themify($themes) {\n        color: themed('CatDisplayText');\n        background: themed('CatDisplayBg');\n        box-shadow: 0 2px 8px 0 themed('CatDisplayShadow');\n    }\n\n    &__tabs {\n        width: 240px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('CatDisplayFilterBg');\n        }\n\n        &__head {\n            height: 56px;\n            padding: 16px 24px;\n            box-sizing: border-box;\n            font-size: 16px;\n            font-weight: bold;\n            font-style: normal;\n            line-height: 1.5;\n            letter-spacing: normal;\n        }\n    }\n    &__content {\n        min-width: 320px;\n        width: max-content;\n        display: flex;\n        flex-direction: column;\n\n        &__head {\n            height: 56px;\n            padding: 12px 16px 10px;\n            box-sizing: border-box;\n            @include themify($themes) {\n                border-bottom: 2px solid themed('CatDisplayFilterBg');\n            }\n        }\n        &__body {\n            height: calc(100% - 56px);\n            transform: translateZ(0);\n            position: relative;\n\n            &__scroll {\n                overflow-y: auto;\n                position: relative;\n                height: 100%;\n            }\n        }\n    }\n    &__filter {\n        margin: 0px;\n        width: 240px;\n        min-width: 240px;\n        border-radius: 0 0 0 5px;\n        border-bottom: none;\n        padding: 0;\n\n        &__group {\n            &-icon {\n                margin-right: 4.5px !important;\n                margin-left: auto;\n\n                &--open {\n                    transform: rotate(180deg);\n                }\n            }\n        }\n        &__subgroups {\n            display: none;\n\n            &-item {\n                direction: ltr;\n                width: 100%;\n                display: flex;\n                box-sizing: border-box;\n                padding: 10px 50px;\n                border-radius: 0px;\n                font-size: 14px;\n                font-weight: normal;\n                font-style: normal;\n                line-height: 1.43;\n                letter-spacing: normal;\n                align-items: center;\n                outline: none !important;\n                box-shadow: none !important;\n                cursor: pointer;\n\n                &:hover {\n                    @include themify($themes) {\n                        background-color: themed('CatDisplayHoverFilterBg');\n                        border-left-color: themed('CatDisplayHoverFilterBg');\n                    }\n                }\n                &--selected {\n                    font-weight: 800;\n                    @include themify($themes) {\n                        color: themed('CatDisplayActiveFilterText');\n                        background-color: themed('CatDisplayActiveFilterBg') !important;\n                        border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                    }\n                }\n            }\n            &--open {\n                display: block;\n                animation: display 2s linear;\n                opacity: 1;\n            }\n        }\n        &__item {\n            direction: ltr;\n            width: 100%;\n            display: flex;\n            box-sizing: border-box;\n            padding: 10px 12px;\n            border-radius: 0px;\n            font-size: 14px;\n            font-weight: normal;\n            font-style: normal;\n            line-height: 1.43;\n            letter-spacing: normal;\n            align-items: center;\n            outline: none !important;\n            box-shadow: none !important;\n            cursor: pointer;\n            @include themify($themes) {\n                border-left: 4px solid themed('CatDisplayFilterBorder');\n            }\n\n            .ic-icon {\n                display: inline-flex;\n                vertical-align: middle;\n                width: $small-icon-size;\n                height: $small-icon-size;\n                margin-right: 1.3em;\n                position: relative;\n                top: 2px;\n            }\n            &:hover {\n                @include themify($themes) {\n                    background-color: themed('CatDisplayHoverFilterBg');\n                    border-left-color: themed('CatDisplayHoverFilterBg');\n                }\n            }\n            &--active {\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n            }\n            &--selected {\n                font-weight: 800;\n                @include themify($themes) {\n                    color: themed('CatDisplayActiveFilterText');\n                    background-color: themed('CatDisplayActiveFilterBg') !important;\n                    border-left-color: themed('CatDisplayActiveFilterBorder') !important;\n                }\n\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                    &:not(.ic-synthetic_index, .ic-cryptocurrency) svg {\n                        @include themify($themes) {\n                            stroke: themed('CatDisplayActiveFilterIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &__category {\n        padding-bottom: 12px;\n        position: relative;\n        @include themify($themes) {\n            border-bottom: 4px solid themed('CatDisplayFilterBg');\n        }\n\n        .empty-category {\n            padding: 0.9em 1.2em;\n            border-radius: $border-radius;\n            font-size: 14px;\n            @include themify($themes) {\n                background-color: themed('CatDisplayCatContentBg');\n            }\n        }\n        &:last-child {\n            margin-bottom: 10px !important;\n            border-bottom: none;\n        }\n        &--has-subtitle {\n            padding-top: 6.5em;\n        }\n        &--favorite {\n            .sc-mcd__category__content {\n                margin: 0 3px 4px 8px;\n            }\n        }\n        &--synthetic_index {\n            @media (min-width: 1024px) {\n                visibility: hidden;\n            }\n            padding: 0;\n        }\n        &__head {\n            display: block;\n            font-size: 1.4em;\n            font-weight: bold;\n            padding: 0 20px;\n            line-height: 40px;\n            position: relative;\n            top: 0;\n            // width: 100%;\n            transform: translate3d(0, 0, 0);\n            @include themify($themes) {\n                color: themed('CatDisplayCatTitleText');\n            }\n\n            .category-name-postfix {\n                margin-left: 5px;\n            }\n            .category-subtitle {\n                font-weight: normal;\n                line-height: normal;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatSubTitleText');\n                }\n            }\n        }\n        &__content {\n            &--has-subcategory {\n                margin: 0 3px 4px 8px;\n                border-radius: $border-radius;\n                @include themify($themes) {\n                    border: 1px solid themed('CatDisplayCatContentBorder');\n                }\n\n                &:last-child {\n                    margin-bottom: 0px;\n                }\n            }\n            .subcategory {\n                padding: 0 20px;\n                font-size: 1.4em;\n                border-radius: $border-radius $border-radius 0 0;\n                display: flex;\n                height: 40px;\n                font-weight: bold;\n                align-items: center;\n                @include themify($themes) {\n                    color: themed('CatDisplayCatTitleText');\n                    background-color: themed('CatDisplayCatContentBg');\n                }\n            }\n        }\n    }\n    &__item {\n        $item: &;\n        direction: ltr;\n        padding-left: 20px;\n        padding-right: 20px;\n        display: flex;\n        height: 40px;\n        align-items: center;\n        justify-content: space-between;\n        line-height: initial;\n        font-size: 1.4em;\n        cursor: pointer;\n        @include themify($themes) {\n            border-bottom: 1px solid themed('CatDisplayBg');\n            background-color: themed('CatDisplayCatContentBg');\n        }\n\n        &:first-child {\n            border-top-left-radius: 4px;\n            border-top-right-radius: 4px;\n        }\n        &:last-child {\n            border-bottom-left-radius: 4px;\n            border-bottom-right-radius: 4px;\n            border-bottom: none;\n        }\n        &:not(:first-child):not(:last-child) {\n            border-radius: $border-radius;\n        }\n        &__name {\n            display: flex;\n            align-items: center;\n\n            > span {\n                margin-right: 16px;\n            }\n        }\n        &__detail {\n            display: flex;\n            align-items: center;\n\n            .ic-icon {\n                svg {\n                    @include themify($themes) {\n                        fill: themed('CatDisplayCatContentIcon');\n                        stroke: themed('CatDisplayCatContentIcon');\n                    }\n                }\n            }\n        }\n        .closed-market {\n            border: 1px solid #f44336;\n            color: #f44336;\n            padding: 3px 6px;\n            font-size: 0.64em;\n            border-radius: $border-radius;\n        }\n        &:hover {\n            @include themify($themes) {\n                color: themed('CatDisplayCatHoverContentText');\n                background: themed('CatDisplayCatHoverContentBg');\n            }\n\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatHoverContentIcon');\n                            stroke: themed('CatDisplayCatHoverContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n        &--selected {\n            @include themify($themes) {\n                color: themed('CatDisplayCatActiveContentText') !important;\n                background: themed('CatDisplayCatActiveContentBg') !important;\n            }\n\n            #{ $item }__name {\n                font-weight: bold;\n            }\n            #{ $item }__detail {\n                .ic-icon {\n                    svg {\n                        @include themify($themes) {\n                            fill: themed('CatDisplayCatActiveContentIcon');\n                        }\n                    }\n                }\n            }\n        }\n    }\n    &--nested {\n        #{ $self }__category {\n            width: 100%;\n            padding: 0px;\n            max-height: 40px;\n            overflow-y: hidden;\n            border-bottom: none;\n            transition: max-height 0.5s ease-in-out;\n\n            &__head {\n                display: flex;\n                justify-content: space-between;\n                box-sizing: border-box;\n                align-items: center;\n                position: relative;\n                padding-left: 17px;\n                padding-right: 20px;\n                cursor: pointer;\n\n                .category-title-left {\n                    display: flex;\n                    align-items: center;\n\n                    &__placeholder {\n                        margin-left: 40px;\n                    }\n                    &__subgroup {\n                        font-weight: normal;\n                    }\n                    .ic-icon {\n                        margin-right: 16px;\n                        position: relative;\n                        top: -1px;\n                        @include themify($themes) {\n                            color: themed('CatDisplayText');\n                        }\n\n                        svg {\n                            width: 24px;\n                            height: 24px;\n                            @include themify($themes) {\n                                fill: themed('CatDisplayText');\n                            }\n                        }\n                    }\n                }\n                .ic-icon.arrow {\n                    transition: transform 0.3s ease-in-out;\n                    @include themify($themes) {\n                        fill: themed('CatDisplayText');\n                    }\n                }\n            }\n            &__content {\n                .subcategory {\n                    font-weight: normal;\n                    @include themify($themes) {\n                        color: themed('CatDisplayCatContentTitleText');\n                    }\n                }\n            }\n            &--active {\n                max-height: 2000px;\n\n                .sc-mcd__category__head {\n                    > .ic-icon.arrow {\n                        transform: rotate(180deg);\n                    }\n                }\n            }\n        }\n    }\n}\n\n.smartcharts-mobile {\n    .sc-mcd {\n        flex-direction: column;\n        min-width: 375px;\n        width: 100%;\n        height: 100%;\n        box-shadow: none;\n\n        &__content {\n            width: 100%;\n            height: 100%;\n\n            &__head {\n                border-bottom: none;\n            }\n        }\n        &__category {\n            &--favorite {\n                .sc-mcd__category__content {\n                    margin: 0 8px 4px;\n                }\n            }\n            &__content {\n                &--has-subcategory {\n                    margin: 0 8px 4px;\n                }\n                .subcategory {\n                    padding: 0 45px 0 48px;\n                }\n            }\n            .empty-category {\n                padding: 0.9em 3.33em;\n            }\n        }\n        &__item {\n            padding-left: 45px;\n            padding-right: 45px;\n        }\n        &--nested {\n            min-height: calc(100% - 38px);\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.cq-crosshair-wrapper {\n    position: absolute;\n    top: 0px;\n    left: 0px;\n    width: 100%;\n    height: 100%;\n    pointer-events: none;\n}\n\n.cq-crosshair {\n    display: none;\n    pointer-events: none;\n}\n\n.chartContainer {\n    &:hover,\n    &:active {\n        .cq-crosshair.active {\n            display: block;\n        }\n    }\n}\n\n.cq-crosshair-tooltip {\n    position: absolute;\n    z-index: 30;\n    top: -5px;\n    left: -5px;\n    pointer-events: none;\n\n    .cq-crosshair-content {\n        border-radius: $border-radius;\n        pointer-events: none;\n        padding: 8px;\n        box-sizing: border-box;\n        display: flex;\n        flex-direction: column;\n        @include themify($themes) {\n            color: themed('CrosshairText');\n            background: themed('CrosshairBg');\n        }\n\n        &:after,\n        &:before {\n            content: '';\n            position: absolute;\n            top: calc(50% - 4px);\n            width: 0;\n            height: 0;\n            border-top: 4px solid transparent;\n            border-bottom: 4px solid transparent;\n            display: none;\n        }\n        &:after {\n            left: -6px;\n            @include themify($themes) {\n                border-right: 6px solid themed('CrosshairBg');\n            }\n        }\n        &:before {\n            left: 100%;\n            @include themify($themes) {\n                border-left: 6px solid themed('CrosshairBg');\n            }\n        }\n        .row {\n            font-size: 12px;\n            line-height: 18px;\n            margin-bottom: 4px;\n\n            span:first-child {\n                padding-right: 5px;\n            }\n            span:last-child {\n                font-weight: bold;\n            }\n        }\n    }\n    &.arrow-left .cq-crosshair-content {\n        transform: translateX(30px) translateY(-50%);\n    }\n    &.arrow-right .cq-crosshair-content {\n        transform: translateX(calc(-100% - 30px)) translateY(-50%);\n    }\n    &.arrow-left .cq-crosshair-content:after,\n    &.arrow-right .cq-crosshair-content:before {\n        display: block;\n    }\n}\n\n/* -------- Crosshairs lines and labels-------- */\n\n.cq-crosshair-line {\n    /* Standard Crosshair lines color */\n    position: absolute;\n    pointer-events: none;\n    z-index: 1;\n    @include themify($themes) {\n        background-color: themed('CrosshairAxis');\n    }\n}\n\n.cq-crosshair-x {\n    /* Horizontal Crosshair line size */\n    top: -5px;\n    width: 1px;\n    height: 100%;\n}\n\n.cq-crosshair-y {\n    /* Vertical Crosshair line size */\n    left: -5px;\n    top: 0px;\n    height: 1px;\n    width: 98%;\n    margin-top: 0; /* since we're using border-top to draw the actual line */\n}\n\n.cq-float-price,\n.cq-float-date {\n    border-radius: $border-radius;\n    font-weight: normal;\n    font-size: 12px;\n    font-family: 'Helvetica';\n    z-index: 3;\n    padding: 0 8px;\n    text-align: center;\n    width: auto;\n    height: 30px;\n    line-height: 31px;\n    @include themify($themes) {\n        background-color: themed('CrosshairLabelBg');\n        color: themed('CrosshairLabelText') !important;\n    }\n}\n\n.cq-float-price {\n    position: absolute;\n    right: 0px;\n}\n\n.cq-float-date {\n    position: absolute;\n    bottom: 0px;\n}\n/*! rtl:end:ignore */\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; .sc-highlow {\n    width: 160px;\n    height: 160px;\n}\n\n.spot {\n    &__shape {\n        &-circule {\n            border-radius: 100%;\n            width: 6px;\n            height: 6px;\n            margin-left: 77px;\n            margin-top: 77px;\n            line-height: 1px;\n            position: absolute;\n\n        }\n    }\n    &__fill {\n        &-red {\n            @include themify ($themes) {\n                background-color: themed('LowestSpotColor');\n            }\n        }\n        &-blue {\n            @include themify ($themes) {\n                background-color: themed('HighestSpotColor');\n            }\n        }\n    }\n    &__label {\n        text-align: center;\n        padding: 4px;\n        white-space: nowrap;\n        position: absolute;\n        z-index: 1;\n        margin-left: 0px;\n        line-height: 1.5;\n        @include themify($themes) {\n            background-color: themed('HighestLowestMarkerLabelBg');\n            color: themed('HighestLowestMarkerLabelText');\n        }\n\n        &:after {\n            content: '';\n            position: absolute;\n            left: 0;\n            margin-left: 0px;\n            border-width: 4px;\n            border-style: solid;\n        }\n        &[data-label-pos='top'] {\n            border-radius: 3px 3px 3px 0px;\n            margin-top: 42px;\n            margin-left: 79px;\n\n            &:after {\n                top: 100%;\n                @include themify($themes) {\n                    border-color: themed('HighestLowestMarkerLabelBg') transparent transparent themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n        &[data-label-pos='bottom'] {\n            border-radius: 0px 3px 3px;\n            margin-top: 91px;\n            margin-left: 79px;\n\n            &:after {\n                bottom: 100%;\n                @include themify($themes) {\n                    border-color: transparent transparent themed('HighestLowestMarkerLabelBg') themed('HighestLowestMarkerLabelBg');\n                }\n            }\n        }\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-dialog--indicator-prediction {\n    .sc-dialog {\n        width: 440px;\n        border-radius: 8px;\n    }\n}\n\n.cq-indicator-prediction {\n    padding: 24px;\n\n    strong {\n        font-style: normal;\n        font-weight: bold;\n        font-size: 16px;\n        line-height: 24px;\n        display: block;\n        margin-bottom: 24px;\n        @include themify ($themes) {\n            color: themed('DialogTabularText');\n        }\n    }\n    p {\n        font-style: normal;\n        font-weight: normal;\n        font-size: 14px;\n        line-height: 20px;\n        @include themify ($themes) {\n            color: themed('DialogBodyText');\n        }\n    }\n    &__footer {\n        width: 100%;\n        display: flex;\n        justify-content: flex-end;\n\n        .sc-btn {\n            margin-left: 8px;\n            padding: 10px 16px;\n        }\n        .sc-btn--outline-secondary {\n            border-width: 2px;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-navigation-widget {\n    direction: ltr;\n    width: 32px;\n    position: absolute;\n    bottom: 80px;\n    left: 13px;\n    z-index: 4;\n\n    &__item {\n        &--scale {\n            margin-bottom: 8px;\n        }\n        &--zoom {\n            .ic-icon:first-child {\n                margin-bottom: 2px;\n            }\n        }\n        &--hidden {\n            display: none;\n        }\n        &--disabled {\n            opacity: 0.5;\n            pointer-events: none;\n        }\n        .ic-icon {\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n            cursor: pointer;\n            margin: auto;\n            line-height: 41px;\n            transition: none;\n            @include themify($themes) {\n                background-color: themed('NavigationWidgetBg');\n            }\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('NavigationWidgetColor');\n                }\n            }\n        }\n    }\n}\n/*! rtl:end:ignore */\n.smartcharts-mobile .sc-navigation-widget__item--indent {\n    margin-bottom: calc(10% - 1rem);\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; @-webkit-keyframes move-background {\n    from {\n        -webkit-transform: translateX(0);\n    }\n    to {\n        -webkit-transform: translateX(46px);\n    }\n}\n\n@keyframes move-background {\n    from {\n        transform: translateX(0);\n    }\n    to {\n        transform: translateX(46px);\n    }\n}\n\n.pagination {\n    top: 0;\n    bottom: 0 !important;\n\n    &__loader {\n        color: $COLOR_BLACK;\n        position: relative;\n        height: 100%;\n        text-align: center;\n        overflow: hidden;\n        /**\n         * TODO\n         * The current impelementaion of MarkerStore just set the left attribute to the marker's style,\n         * the line below should be removed whenever the MarkerSotre is able to set right attribute to the marker.\n         **/\n        margin-left: -10000px;\n        opacity: 0.7;\n\n        &-background {\n            position: absolute;\n            left: -46px;\n            right: 0;\n            top: 0;\n            bottom: 0;\n            z-index: -1;\n\n            @include themify($themes) {\n                /* stylelint-disable */\n                background: -webkit-repeating-linear-gradient(\n                145deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                background: repeating-linear-gradient(\n                -55deg,\n                rgba(255, 0, 0, 0) 1px,\n                themed('PaginationLoaderStripeColor') 2px,\n                themed('PaginationLoaderStripeColor') 11px,\n                rgba(255, 0, 0, 0) 12px,\n                rgba(255, 0, 0, 0) 20px,\n                );\n                /* stylelint-enable */\n            }\n            -webkit-animation-name: move-background;\n            -webkit-animation-duration: 0.6s;\n            -webkit-animation-timing-function: linear;\n            -webkit-animation-iteration-count: infinite;\n\n            animation-name: move-background;\n            animation-duration: 0.6s;\n            animation-timing-function: linear;\n            animation-iteration-count: infinite;\n        }\n    }\n}","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; \n.cq-chart-settings {\n    display: flex;\n    flex-direction: column;\n    height: auto !important;\n\n    .ciq-num-input > input[type=number] {\n        width: 5.5em;\n    }\n    .buttons {\n        display: flex;\n        justify-content: space-between;\n        padding: 16px 24px 24px;\n        border-radius: 0 0 $border-radius $border-radius;\n        height: 72px;\n        box-sizing: border-box;\n        @include themify($themes) {\n            background: themed('DialogFootBg');\n            border-top: 1px solid themed('DialogFootBorder');\n        }\n\n        .sc-btn--delete {\n            cursor: pointer;\n            padding: 5px;\n            width: 32px;\n            height: 32px;\n            border-radius: $border-radius;\n\n            svg {\n                @include themify($themes) {\n                    fill: themed('DialogFootDeleteIcon');\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('DialogFootDeleteHoverBg');\n                }\n            }\n        }\n        .sc-btn--reset {\n            margin-right: 8px;\n            padding: 5px 12px;\n        }\n    }\n    input[type=number] {\n        display: inline-block;\n        width: 3.2em;\n        line-height: 1.6em;\n        margin-right: 5px;\n        padding-left: 6px;\n        border-radius: 3px;\n        font-size: 14px;\n    }\n}\n","@import \"sass/_variables.scss\";@import \"sass/_themes.scss\"; /*! rtl:begin:ignore */\n.sc-toolbar-widget {\n    position: absolute;\n    direction: ltr;\n    border-radius: $border-radius;\n    width: 40px;\n    top: 102px;\n    left: 1.2em;\n    z-index: 4;\n    box-sizing: content-box;\n    @include themify($themes) {\n        background: themed('ToolbarWidgetBg');\n        border: 8px solid themed('ToolbarWidgetBorder');\n    }\n\n    .ciq-menu {\n        .cq-menu-btn {\n            .sc-chart-mode__menu,\n            .sc-views__menu,\n            .sc-download__menu,\n            .sc-studies__menu,\n            .sc-dtools__menu {\n                width: 40px;\n                height: 40px;\n                box-sizing: border-box;\n                padding: 8px;\n\n                .ic-icon {\n                    width: 24px !important;\n                    height: 24px !important;\n                    top: 0px;\n\n                    svg {\n                        width: 24px !important;\n                        height: 24px !important;\n                        position: relative;\n                        bottom: 0px;\n\n                        @include themify($themes) {\n                            fill: themed('ToolbarWidgetItemIcon');\n                        }\n                    }\n                }\n            }\n            .sc-chart-mode__menu {\n                .ic-icon {\n                    svg {\n                        width: 20px !important;\n                        height: 20px !important;\n                        bottom: -2px;\n                    }\n                }\n            }\n            &:hover {\n                @include themify($themes) {\n                    background: themed('ToolbarWidgetHoverBg');\n                }\n            }\n        }\n    }\n    .sc-tooltip__inner {\n        left: calc(100% + 15px);\n    }\n    &--bottom {\n        top: auto;\n        bottom: 38px;\n    }\n    &:hover {\n        z-index: 5;\n    }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}