{"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/_form.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/_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/_drawing-confirmation-toast.scss","webpack://smartcharts/./sass/components/_deletion-snackbar.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/_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    &-light {\n        --empty-state-icon: #000000;\n    }\n    &-dark {\n        --empty-state-icon: #ffffff;\n\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: #20242f;\n$color-black-1: #181c25;\n$color-black-3: #282c38;\n$color-black-4: #1d1f20;\n$color-black-5: rgb(40.05,46.72,61.74);\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        ChartTypeBorder: $color-grey-2,\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        ChartModeTextSecondary: $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        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        ToolbarWidgetMobileBg: rgba($COLOR_BLACK, 0.04),\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        DrawingToastBg: $COLOR_BLACK,\n        DrawingToastText: $COLOR_WHITE,\n        DrawingToastBorder: rgba($COLOR_WHITE, 0.04),\n        DrawingToastButtonText: $COLOR_WHITE,\n        DrawingToastButtonHoverBg: rgba($COLOR_WHITE, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_WHITE, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_BLACK,\n        DeletionSnackbarText: $COLOR_WHITE,\n        DeletionSnackbarBorder: rgba($COLOR_WHITE, 0.04),\n        DeletionSnackbarCloseText: $COLOR_WHITE,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_WHITE, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_WHITE, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\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: $color-black-3,\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-1,\n        ChartBorder: $COLOR_WHITE,\n        ChartText: $color-grey-1,\n        ChartPanelBg: $color-black,\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,\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-1,\n        ChartTitleSubBg: $color-black,\n        ChartTitleText: $COLOR_WHITE,\n        ChartTitleBorder: $color-black,\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,\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,\n        DialogHeadText: $color-white,\n        DialogHeadBorder: $color-black-3,\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,\n        DialogFootText: $color-white,\n        DialogFootBorder: $color-black-3,\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,\n        DialogSettingSectionDivider: $color-black,\n        DialogSettingSectionText: $color-white,\n        DialogOverlay: rgba($COLOR_BLACK, 0.72),\n        ChartTypeBg: $color-black,\n        ChartTypeText: $color-grey,\n        ChartTypeBorder: $color-black-3,\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,\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,\n        ChartModeBorder: $color-black-3,\n        ChartModeText: $color-grey,\n        ChartModeTextSecondary: $color-grey-1,\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,\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-3,\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,\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,\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,\n        DropdownBg: $color-black,\n        DropdownBorder: $color-black-8,\n        DropdownActiveBg: rgb(56.1, 65.45, 86.49),\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: rgba(255, 255, 255, 0.16),\n        SwitchOnBg: $color-green-3,\n        InputBg: $color-black,\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-1,\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,\n        DownloadText: $color-grey,\n        DownloadActiveBg: $color-black-5,\n        LoadingBg: $color-green,\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,\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,\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,\n        ChartHistoryPickerHeaderBorder: $color-black,\n        ChartHistoryPickerHeaderColor: $COLOR_WHITE,\n        ChartHistoryPickerHeaderIcon: $color-grey,\n        ChartHistoryPickerFooterBg: $color-black,\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,\n        NavigationWidgetColor: $color-grey,\n        HighestLowestMarkerLabelBg: $COLOR_DARK_GRAY_2,\n        HighestLowestMarkerLabelText: $COLOR_WHITE,\n        HighestSpotColor: $COLOR_GREEN_1,\n        ToolbarWidgetBg: $color-black-1,\n        ToolbarWidgetMobileBg: rgba($COLOR_WHITE, 0.04),\n        ToolbarWidgetBorder: $color-black,\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,\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,\n        ChartHistoricalMarker: $color-black-8,\n        ChartHistoricalMarkerFont: $color-grey,\n        DrawingToastBg: $COLOR_WHITE,\n        DrawingToastText: $COLOR_BLACK,\n        DrawingToastBorder: rgba($COLOR_BLACK, 0.04),\n        DrawingToastButtonText: $COLOR_BLACK,\n        DrawingToastButtonHoverBg: rgba($COLOR_BLACK, 0.08),\n        DrawingToastButtonActiveBg: rgba($COLOR_BLACK, 0.12),\n        DrawingToastFocusOutline: $color-green,\n        DrawingToastShadow1: rgba($COLOR_BLACK, 0.03),\n        DrawingToastShadow2: rgba($COLOR_BLACK, 0.02),\n        DeletionSnackbarBg: $COLOR_WHITE,\n        DeletionSnackbarText: $COLOR_BLACK,\n        DeletionSnackbarBorder: rgba($COLOR_BLACK, 0.04),\n        DeletionSnackbarCloseText: $COLOR_BLACK,\n        DeletionSnackbarCloseHoverBg: rgba($COLOR_BLACK, 0.08),\n        DeletionSnackbarCloseActiveBg: rgba($COLOR_BLACK, 0.12),\n        DeletionSnackbarFocusOutline: $color-green,\n        DeletionSnackbarShadow1: rgba($COLOR_BLACK, 0.03),\n        DeletionSnackbarShadow2: rgba($COLOR_BLACK, 0.02),\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}\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-dtools__panel {\n                width: 100%;\n            }\n            .sc-dtools__category {\n                margin-top: 0;\n            }\n            .sc-dtools__category__head {\n                padding-left: 1rem;\n            }\n            .sc-dialog__body {\n                @include themify($themes) {\n                    background: themed('DialogTabularHeadBg');\n                }\n\n                .tabs {\n                    &--horizontal {\n                        .react-tabs__tab-list {\n                            display: flex;\n                            font-size: 14px;\n                            @include themify($themes) {\n                                border-bottom: 2px solid themed('DialogTabularHeadBorder');\n                            }\n\n                            .ic-icon {\n                                svg {\n                                    height: 16px;\n                                    width: 16px;\n\n                                    @include themify($themes) {\n                                        fill: themed('DialogHeadIcon');\n                                    }\n                                }\n                            }\n                            .react-tabs__tab {\n                                display: flex;\n                                width: 100%;\n                                padding: 10px 15px;\n                                justify-content: center;\n                                align-items: center;\n                                gap: 10px;\n                                @include themify($themes) {\n                                    color: themed('DialogTabularText');\n                                }\n\n                                .sc-notification-badge {\n                                    width: 19px;\n                                    height: 19px;\n                                    border-radius: 10px;\n                                    top: 12px;\n                                    left: 78%;\n                                    font-size: 12px;\n                                }\n                            }\n                            .react-tabs__tab:focus:after {\n                                display: none;\n                            }\n                            .react-tabs__tab--selected {\n                                border: none;\n                                font-weight: bold;\n\n                                @include themify($themes) {\n                                    color: themed('DialogTabularActiveTabText') !important;\n                                    background: themed('DialogTabularActiveTabBg') !important;\n                                    border-bottom: 3px solid themed('DialogTabularActiveTabBorder');\n                                }\n\n                                .ic-icon {\n                                    @include themify($themes) {\n                                        fill: themed('DialogTabularActiveTabText');\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\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: 15px;\n                    @include themify($themes) {\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\"; .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    &__smooth-toggle {\n        margin-top: 4px;\n        padding: 24px;\n        border-radius: $border-radius;\n        @include themify($themes) {\n            background: themed('ChartModeBg');\n            border: 1px solid themed('ChartModeBorder');\n        }\n\n        &-content {\n            display: flex;\n            justify-content: space-between;\n            align-items: center;\n            gap: 16px;\n        }\n        &-text {\n            flex: 1;\n        }\n        &-title {\n            font-size: 14px;\n            font-weight: 600;\n            margin-bottom: 4px;\n            @include themify($themes) {\n                color: themed('ChartModeText');\n            }\n        }\n        &-description {\n            font-size: 12px;\n            line-height: 1.4;\n            @include themify($themes) {\n                color: themed('ChartModeTextSecondary');\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    @media screen and (max-width: 600px) {\n        display: flex;\n        width: auto !important;\n    }\n}\n\n.smartcharts-mobile {\n    .sc-chart-mode .sc-dialog {\n        width: 300px;\n        left: auto;\n        max-height: 555px;\n        height: calc(100% - 32px);\n        overflow-x: inherit;\n    }\n    .sc-dtools__menu,\n    .sc-chart-mode__menu {\n        padding: 4px !important;\n        height: 32px !important;\n        width: 32px !important;\n        border-radius: 32px;\n        backdrop-filter: blur(4px);\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        gap: 8px;\n\n        @include themify($themes) {\n            background: themed('ToolbarWidgetMobileBg');\n        }\n\n        .sc-notification-badge {\n            height: 8px;\n            width: 8px;\n            font-size: 0px;\n            right: 4px;\n        }\n    }\n    .sc-chart-mode__menu__timeperiod {\n        display: none;\n    }\n    .sc-chart-mode__menu__duration {\n        text-align: center;\n        font-size: 14px;\n        font-style: normal;\n        line-height: 20px;\n        white-space: nowrap;\n        text-transform: lowercase;\n        word-spacing: -0.3em;\n        @include themify($themes) {\n            color: themed('ChartModeText');\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-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: 80px;\n            margin: 80px 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            @include themify($themes) {\n                color: themed('DefaultText');\n            }\n\n            &::placeholder {\n                @include themify($themes) {\n                    color: themed('TemplateFormInputText');\n                }\n            }\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: 24px auto 0px;\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\"; .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: 80px;\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: grid;\n    grid-template-columns: 1fr 1fr;\n    border-radius: $border-radius;\n    gap: 16px;\n    font-size: 12px;\n    line-height: 18px;\n    justify-items: center;\n\n    &__description {\n        grid-column: 1 / span 2;\n        justify-self: start;\n    }\n    @include themify($themes) {\n        background: themed('DownloadBg');\n        color: themed('DownloadText');\n    }\n\n    &__item {\n        width: 88px;\n        height: 88px;\n        place-content: center;\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    touch-action: none; /* Standard property for compatibility */ /* 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; /* stylelint-disable-line plugin/no-unsupported-browser-features */\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: -14px;\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: 25px;\n        top: -12px;\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        color: $color-white;\n        background-color: $color-blue;\n\n        div {\n            background-color: $color-white;\n            height: 1px;\n            margin: 1px;\n            width: 8px;\n        }\n        &--hidden {\n            background-color: transparent;\n\n            div {\n                background-color: $color-blue;\n            }\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/* Inline-label variant (used by host apps that pass useInlineLabel) */\n\n.chart-line--inline-label {\n    pointer-events: none;\n    display: flex;\n    align-items: center;\n    justify-content: flex-end;\n    width: 100%;\n    height: 0;\n    left: 0;\n\n    .price-line-inline__line {\n        flex: 1 1 auto;\n        height: 0;\n        border-top-width: 1px;\n        margin: 0;\n        min-width: 0;\n    }\n    .price-line-inline__label-row {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: center;\n        gap: 2px;\n        padding-right: 4px;\n        padding-left: 4px;\n        font-size: 12px;\n        line-height: 20px;\n        font-weight: normal;\n        white-space: nowrap;\n    }\n    .price-line-inline__chevron {\n        flex-shrink: 0;\n    }\n    .price-line-inline__title {\n        padding: 0 4px;\n    }\n    .price-line-inline__pill {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        padding: 2px 8px;\n        border: 1px solid;\n        border-radius: 4px;\n        font-size: 12px;\n        line-height: 20px;\n        font-feature-settings: 'lnum' 1, 'tnum' 1;\n        background-color: $COLOR_WHITE;\n    }\n}\n\n.smartcharts-dark .chart-line--inline-label .price-line-inline__pill {\n    background-color: $color-black-1;\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}",".sc-drawing-toast {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUp 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DrawingToastBorder');\n        background: themed('DrawingToastBg');\n        color: themed('DrawingToastText');\n        box-shadow: 0 4px 8px 2px themed('DrawingToastShadow1'), 0 4px 8px 2px themed('DrawingToastShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 8px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__cancel {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: inherit;\n        font-weight: 500;\n        padding: 8px 12px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n\n        @include themify($themes) {\n            color: themed('DrawingToastButtonText');\n\n            &:hover {\n                background: themed('DrawingToastButtonHoverBg');\n            }\n            &:active {\n                background: themed('DrawingToastButtonActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DrawingToastFocusOutline');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUp {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUp {\n        from {\n            opacity: 0;\n            transform: translateY(20px);\n        }\n        to {\n            opacity: 1;\n            transform: translateY(0);\n        }\n    }\n}\n",".sc-deletion-snackbar {\n    position: fixed;\n    bottom: 24px;\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 1000;\n\n    display: flex;\n    max-width: 90vw;\n    width: max-content;\n    min-height: 3rem;\n    padding: 0.5rem 0.5rem 0.5rem 1rem;\n    align-items: center;\n    gap: 0.5rem;\n\n    border-radius: 0.5rem;\n    font-family: 'Inter', sans-serif;\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 20px;\n\n    // Animation\n    animation: slideUpSnackbar 0.3s ease-out;\n\n    @include themify($themes) {\n        border: 1px solid themed('DeletionSnackbarBorder');\n        background: themed('DeletionSnackbarBg');\n        color: themed('DeletionSnackbarText');\n        box-shadow: 0 4px 8px 2px themed('DeletionSnackbarShadow1'), 0 4px 8px 2px themed('DeletionSnackbarShadow2');\n    }\n\n    &__content {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        width: 100%;\n        gap: 12px;\n    }\n    &__message {\n        flex: 1;\n    }\n    &__close {\n        background: none;\n        border: none;\n        cursor: pointer;\n        font-family: inherit;\n        font-size: 18px;\n        font-weight: 400;\n        padding: 4px 8px;\n        border-radius: 4px;\n        transition: background-color 0.2s ease;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        min-width: 24px;\n        height: 24px;\n\n        @include themify($themes) {\n            color: themed('DeletionSnackbarCloseText');\n\n            &:hover {\n                background: themed('DeletionSnackbarCloseHoverBg');\n            }\n            &:active {\n                background: themed('DeletionSnackbarCloseActiveBg');\n            }\n        }\n\n        &:focus {\n            outline: 2px solid;\n\n            @include themify($themes) {\n                outline-color: themed('DeletionSnackbarFocusOutline');\n            }\n        }\n\n        // Ensure SVG icons inherit the color\n        .ic-icon > svg {\n            @include themify($themes) {\n                fill: themed('DeletionSnackbarCloseText');\n            }\n        }\n    }\n\n    // Mobile responsive\n    @media (max-width: 768px) {\n        max-width: calc(100vw - 32px);\n        margin: 0 16px;\n        left: 0;\n        right: 0;\n        transform: none;\n\n        &__message {\n            font-size: 14px;\n        }\n    }\n}\n\n@keyframes slideUpSnackbar {\n    from {\n        opacity: 0;\n        transform: translateX(-50%) translateY(20px);\n    }\n    to {\n        opacity: 1;\n        transform: translateX(-50%) translateY(0);\n    }\n}\n\n// Mobile animation\n@media (max-width: 768px) {\n    @keyframes slideUpSnackbar {\n        from {\n            opacity: 0;\n        }\n        to {\n            opacity: 1;\n        }\n    }\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                text-transform: capitalize;\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        &--market-selected {\n            &,\n            &:hover {\n                @include themify($themes) {\n                    background-color: themed('DropdownActiveBg') !important;\n                    color: themed('DropdownActiveText') !important;\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\"; .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\n.smartcharts-mobile {\n    .sc-toolbar-widget {\n        border: none;\n        background: transparent;\n        gap: 8px;\n\n        .ciq-menu {\n            .cq-menu-btn {\n                border-radius: 32px;\n            }\n        }\n        .sc-tooltip__inner {\n            display: none !important;\n        }\n    }\n}\n/*! rtl:end:ignore */\n"],"names":[],"sourceRoot":""}