{"version":3,"file":"kustotrender.min.css","mappings":"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","sources":["webpack://azure-kusto-trender/./src/UXClient/styles.scss","webpack://azure-kusto-trender/./src/UXClient/Components/LineChart/LineChart.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Legend/Legend.scss","webpack://azure-kusto-trender/./src/UXClient/Components/EllipsisMenu/EllipsisMenu.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Grid/Grid.scss","webpack://azure-kusto-trender/./src/UXClient/Components/ContextMenu/ContextMenu.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Tooltip/Tooltip.scss","webpack://azure-kusto-trender/./src/UXClient/Components/LinePlot/LinePlot.scss","webpack://azure-kusto-trender/./src/UXClient/Components/EventsPlot/EventsPlot.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Marker/Marker.scss","webpack://azure-kusto-trender/./src/UXClient/Components/AvailabilityChart/AvailabilityChart.scss","webpack://azure-kusto-trender/./src/packages/pikaday/css/pikaday.css","webpack://azure-kusto-trender/./src/UXClient/Components/DateTimePicker/DateTimePicker.scss","webpack://azure-kusto-trender/./src/UXClient/Components/TimezonePicker/TimezonePicker.scss","webpack://azure-kusto-trender/./src/UXClient/Components/DateTimeButtonRange/DateTimeButtonRange.scss","webpack://azure-kusto-trender/./src/UXClient/Components/PieChart/PieChart.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Slider/Slider.scss","webpack://azure-kusto-trender/./src/UXClient/Components/ScatterPlot/ScatterPlot.scss","webpack://azure-kusto-trender/./src/UXClient/Components/GroupedBarChart/GroupedBarChart.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Hierarchy/Hierarchy.scss","webpack://azure-kusto-trender/./src/UXClient/Components/Heatmap/Heatmap.scss","webpack://azure-kusto-trender/./src/UXClient/Components/HeatmapCanvas/HeatmapCanvas.scss","webpack://azure-kusto-trender/./src/UXClient/Components/EventsTable/EventsTable.scss","webpack://azure-kusto-trender/./src/UXClient/Components/ModelSearch/ModelSearch.scss","webpack://azure-kusto-trender/./src/UXClient/Components/ModelAutocomplete/ModelAutocomplete.scss","webpack://azure-kusto-trender/./src/UXClient/Components/HierarchyNavigation/HierarchyNavigation.scss","webpack://azure-kusto-trender/./src/UXClient/Components/SingleDateTimePicker/SingleDateTimePicker.scss","webpack://azure-kusto-trender/./src/UXClient/Components/DateTimeButtonSingle/DateTimeButtonSingle.scss","webpack://azure-kusto-trender/./src/UXClient/Components/PlaybackControls/PlaybackControls.scss","webpack://azure-kusto-trender/./src/UXClient/Components/ColorPicker/ColorPicker.scss"],"sourcesContent":["@use 'sass:list';\n\n// global gray colors mixin based on theme\n// Array of [text color, hover color, element color, background color, alt element, hover text]\n@function grays($theme){\n    @if $theme == 'dark'{\n        @return #fff, #62666c, #0d0f0e, #1e2223, #31373e, #60AAFF, #666666;\n    } \n    @if $theme == 'light'{\n        @return #000, #b3d6f2, #ffffff, #f2f2f2, #dcdcdc, #136BFB, #a6a6a6;\n    }\n}\n\ndiv[class^='tsi-']{\n    box-sizing: border-box;\n\tfont-family: \"Segoe UI\", sans-serif; \n}\n\n.tsi-textWrap{\n    overflow: hidden;\n    white-space: pre-wrap;\n    text-overflow: ellipsis;\n    hyphens: auto;\n    overflow-wrap: break-word;\n}\n\n.tsi-hidden{\n    display: none;\n}\n\n@keyframes tsi-slideIn {   \n    from {\n        transform: translateY(-10px);\n        opacity: 0;\n    }\n    to {\n        transform: translateY(0px);\n        opacity: 1; \n    }\n}\n\n@keyframes tsi-slideRight {   \n    from {\n        transform: translateX(-10px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0px);\n        opacity: 1; \n    }\n}\n\n@mixin baseContextMenuColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n\t$gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n    .tsi-baseContextMenu{\n        border-color: $gray6;\n        background-color: $gray3;\n        > div {\n            &:hover, &:focus {\n                background-color: $gray2;\n            }\n        }   \n        .tsi-break{\n            border-top: 1px solid rgba($gray6, .2);\n            &:hover, &:focus {\n                background-color: $gray3;\n            }\n        }  \n        box-shadow: 0 1px 3px 0 rgba($gray1, .16);\n    }\n\n    .tsi-searchInput {\n        border: 1px solid $gray5;\n        \n        &:focus {\n            border: 1px solid $gray6;\n        }\n    }\n\n    .tsi-baseMono {\n        background: $gray4;\n\t}\n}\n\n.tsi-resizeGutter {\n    width: 6px;\n    cursor: e-resize;\n    padding: 2px;\n    background-position-y: 50%;\n    background-position-x: 0px;\n    background-repeat: no-repeat;\n}\n\n.tsi-chartValueTextBox {\n    position: absolute;\n    white-space: nowrap;\n    font-size: 11px;\n    padding: 1px 4px;\n    border-width: 1px;\n    border-style: solid;\n    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);\t\n    line-height: 16px;\n}\n\n.tsi-baseContextMenu{\n    white-space: nowrap;\n    padding: 4px 0;\n    animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n    border-width: 1px;\n    border-radius: 2px;\n    border-style: solid;\n    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);\t\n    text-align: left;\n    > div, > li, > button{\n        padding: 4px 8px;\n        font-size: 12px;\n        cursor: pointer;\n        height: 28px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n    }\n    .tsi-break{\n        height: 4px;\n        margin-top: 4px;\n        padding: 0 0 4px 0;\n        cursor: default;\n        &:last-of-type{\n            display: none;\n        }\n    }\n}\n.tsi-primaryButton {\n    height: 36px;\n    border-radius: 4px;\n    border-width: 1px;\n    border-style: solid;\n\n    &.disabled {\n        cursor: default;\n        pointer-events: none;\n        opacity: .5;\n    }\n}\n\n.tsi-chartControlsPanel {\n    height: 20px;\n    right: 0px;\n    width: 100px;\n    position: absolute;\n    z-index: 2;\n    pointer-events: none;\n\n    .tsi-ellipsisContainerDiv {\n        pointer-events: all;\n        left: auto;\n        right: 20px;\n        top: 0px;\n        position: absolute;\n        .tsi-ellipsisMenuContainer {\n            pointer-events: all;\n            .tsi-ellipsisMenu {\n                z-index: 2 !important;\n            }\n        }    \n    }\n\n    .tsi-stackedButton {\n        pointer-events: all;\n        display: block;\n        background-size: 20px 20px;\n        background-repeat: no-repeat;\n        background-position: center; \n        position: absolute;\n        height: 100%;\n        width: 20px;\n        cursor: pointer;\n        background-color: transparent;\n        border: none;\n    }\n\n    .tsi-scooterButton {\n        display: block;\n        background-size: 20px 20px;\n        background-repeat: no-repeat;\n        background-position: center; \n        position: absolute;\n        height: 20px;\n        width: 20px;\n    }\n}\nselect::-ms-expand {\n    display: none;\n}\n.tsi-select {\n    margin: 2px;\n    position: relative;\n    option {\n        padding: 6px;\n    }\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    padding: 6px;\n    padding-right: 28px;\n    border-width: 1px;\n    border-radius: 2px;\n    border-style: solid;\n    white-space: nowrap;\n    overflow: hidden;\n    height: 32px;\n    background-position-y: 12px;\n    background-position-x: calc(100% - 4px);\n}\n\n.tsi-warmRect {\n    fill: #FFA800;\n    stroke: #FFA800;\n}\n\n.pika-single {\n    border-bottom: none;\n    border-left: none;\n    border-right: none;\n    .pika-lendar {\n        abbr {\n            text-decoration: none;\n        }\n        text-decoration: none;\n        width: 196px;\n        margin-left: 12px;\n        margin-right: 12px;\n        .pika-table {\n            .pika-row {\n                height: 28px;\n                margin: 0px;\n                td {\n                    padding: 0px;\n                    &.is-inrange {\n                        .pika-day {\n                            background-color:#d5ebe9; \n                        }\n                    }\n                    &.is-endrange, &.is-startrange {\n                        .pika-day {\n                            background-color: #309d90;\n                            color: white;\n                            &:hover {\n                                background-color: #309d90;\n                                color: white;\n                            }\n                        }\n                    }\n\n                    &.is-startrange {\n                        button {\n                            border-bottom-left-radius: 8px;\n                            border-top-left-radius: 8px;\n                        }\n                    }\n                    &.is-endrange {\n                        button {\n                            border-bottom-right-radius: 8px;\n                            border-top-right-radius: 8px;\n                        }\n                    }\n                   \n                    .pika-day {\n                        width: 100%;\n                        height: 28px;\n                        width: 28px;\n                        margin: 0px;\n                        &:hover {\n                            background-color:#309d90;\n                            color: white;\n                        }\n                    }\n                }\n            }\n            .pika-button {\n                border-radius: 0px;\n                text-align: center;\n            }\n        }\n    }\n}\n\n.tsi-search {\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-shrink: 0;\n    align-items: center;\n    position: relative;\n\n    .tsi-search-icon {\n        width: 21px;\n        height: 17px;\n        background-repeat: no-repeat;\n        margin-left: 8px;\n        background-size: 14px;\n        background-position-y: 2px;\n    }\n\n    .tsi-searchInput{\n        position: absolute;\n        width: 100%;\n        height: 100%;\n        padding-left: 28px;\n        background: transparent;\n        outline: none;\n        text-overflow: ellipsis;\n    }\n}\n\n.tsi-baseMono {\n    display: inline-block;\n    padding: 4px;\n    border-radius: 3px;\n    font-family: \"Lucida Console\", Monaco, monospace;\n    font-size: 85%;\n    line-height: 85%;\n    font-weight: 300;\n}\n\n@mixin chartColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6); // text hover\n    $gray7: list.nth($grays, 7); // scroll bar thumb\n    \n    .yAxis, .xAxis{\n        path{\n            stroke: $gray1;\n        }\n        .tick{\n            text{\n                fill: $gray1;\n            }\n            line{\n                stroke: $gray1;\n            }\n        }\n        @media screen and (-ms-high-contrast: white-on-black) { \n            path{\n                stroke: #fff;\n            }\n            .tick{\n                text{\n                    fill: #fff !important;\n                }\n                line{\n                    stroke: #fff;\n                }\n            }\n        }\n    }\n    .vHoverBox, .hHoverBox {\n        fill: $gray3;\n        stroke: $gray6;\n    }\n\n    .tsi-resizeGutter {\n        &.tsi-isDragging {\n            background-color: $gray5;\n        }\n    }\n\n    ::-webkit-scrollbar {\n        height: 8px;\n        width: 8px;\n    }\n\n    ::-webkit-scrollbar-track {\n        background: none; \n    }\n    ::-webkit-scrollbar-thumb {\n        background: $gray7; \n        border-radius: 8px;\n    }\n    ::-webkit-scrollbar-thumb:hover {\n        background: $gray7; \n    }\n    ::-webkit-scrollbar-track:hover {\n        background: $gray4; \n    }\n\n\n    .hHoverText {\n        text-anchor: middle;\n    }\n    \n    .vHoverText {\n        text-anchor: end;\n    }\n    \n    .hoverText {\n        stroke: none;\n    }\n    .hHoverText, .vHoverText {\n        font-size: 11px !important;\n    }\n\n    .hHoverValueBar {\n        stroke: $gray1;\n    }\n    .hoverText{\n        fill: $gray1;\n    }\n    .stacked {\n        g{  \n            path{\n                fill: $gray1 !important;\n            }\n        }\n    }\n\n    .tooltip {\n        text {\n            fill: $gray1;\n        }\n        rect {\n            fill: $gray3;\n            stroke: $gray6;\n        }\n    }\n\n    .tsi-primaryButton {\n        color: $gray1;\n        border-color: rgba($gray1, .8);\n        background-color: $gray4;\n        &:hover {\n            background-color: $gray2;\n        }\n    }\n\n\n    .yAxis, .xAxis{\n        path{\n            stroke-width: 1px !important;\n        }\n        .tick{\n            text{\n                user-select: none;\n            }\n        }\n    }\n    \n    rect, line {\n        shape-rendering: crispedges;\n    }\n    \n    .stacked {\n        g{  \n            path{\n                stroke-width: 1;\n                pointer-events: all;\n                stroke: none;\n            }\n        }\n        rect{\n            cursor: pointer;\n            fill: transparent;\n            stroke-width: 1;\n        }\n    }\n    \n    .tooltip {\n        pointer-events: none;\n    \n        text {\n            alignment-baseline: hanging;\n        }\n        .title {\n            font-weight: bold;\n            font-size: 13px;\n        } \n        .value {\n            font-weight: normal;\n            font-size: 12px;\n            font-weight: lighter;\n            &.visibleValue {\n                font-weight: bold;\n            }\n        }\n    }\n\n    .tsi-gridComponent {\n        z-index: 3 !important;\n    }\n\n    .hHoverValueBar {\n        stroke-width: 4px;\n    }\n    \n    .focus{\n        display: none;\n    }\n\n    svg {\n        display: block;\n    }\n\n    .tsi-chartValueTextBox {\n        background-color: $gray3;\n        border-color: $gray2;\n    }\n\n    .tsi-baseMono {\n        background: $gray4;\n\t}\n\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin lcColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6); // hover\n\n\n    color: $gray1;\n    background: $gray3;\n\n    .tsi-rangeTextContainer {\n        color: $gray4;\n        background-color: $gray1;\n    }\n\n    .tsi-lineChartSVG{\n        .tsi-discreteEventTeardrop{\n            fill: $gray3;\n        }        \n        .tsi-categoricalHoverRect {\n            stroke: $gray1;\n        }\n        text{\n            fill: $gray1;\n        }\n        .tsi-focus {\n            circle{\n                fill: $gray1;\n            }    \n        }\n        .tsi-focusLine{\n            stroke: $gray2;\n        }\n        .guideLine{\n            stroke: $gray1;\n        }\n\n        .standardYAxisText {\n            font-weight: lighter !important;\n            fill: $gray1 !important;\n        }\n\n        .tsi-boldYAxisText{\n            font-weight: bolder !important;\n        }\n\n        .xAxisBaseline {\n            stroke: $gray1 !important;\n            pointer-events: none;\n            @media screen and (-ms-high-contrast: white-on-black) { \n                stroke: #fff !important;\n            }\n        }\n        .tsi-horizontalValueBar {\n            stroke: rgba($gray1, .8);\n        }\n\n        .tsi-swimLaneLabel{\n            font-weight: 500;\n            font-size:13px;\n            &.tsi-axisHover{\n                font-weight: bolder;\n            }\n            &.tsi-boldOnHover{\n                cursor: pointer;\n                &:hover{\n                    font-weight: bolder;\n                }\n            }\n        }\n    }\n\n    .tsi-scooterContainer {\n        color: $gray1;\n        .tsi-scooterTimeLabel {\n            background-color: $gray3;\n            border-color: $gray6;\n            .tsi-closeButton {\n                background-color: transparent;\n                border: none;\n                margin: 0;\n                &:hover {\n                    background-color: $gray2;\n                }\n            }\n        }\n\n        .tsi-scooterLine, .tsi-scooterDragger {\n            background-color: $gray6;\n        }\n    }\n    .tsi-markerInstructions {\n        background-color: rgba($gray3, .9);\n    }\n    @include styles.chartColors($grays);\n}\n\n.tsi-lineChart {\n    .tsi-horizontalValueBox, .tsi-verticalValueBox {\n        @extend .tsi-chartValueTextBox;\n        z-index: 2;\n        pointer-events: none;\n    }\n    .tsi-horizontalValueBox {\n        transform: translateX(-50%);\n    }\n    .tsi-verticalValueBox {\n        transform: translateY(-50%);\n    }\n\n    .tsi-horizontalValueBar {\n        stroke-width: 3;\n    }\n\n    .tsi-rangeTextContainer {\n        pointer-events: none;\n        height: 17px;\n        left: 100px;\n        top: 4px;\n        position: absolute;\n        padding-left: 4px;\n        padding-right: 4px;\n        font-size: 11px;\n        border-radius: 4px;\n        transform: translate(-50%,-50%);\n        display: flex;\n        align-content: center;\n        z-index: 1;\n    }\n\n    .tsi-chartControlsPanel {\n        z-index: 2;\n        pointer-events: none;\n\n        .tsi-ellipsisMenuContainer {\n            pointer-events: all;\n            .tsi-ellipsisMenu {\n                z-index: 2 !important;\n            }\n        }\n\n        .tsi-stackedButton {\n            pointer-events: all;\n            border: none;\n            padding: 0;\n            background-color: transparent;\n        }\n\n    }\n\n    .tsi-tooltip {\n        z-index: 2;\n    }\n\n    .tsi-markerInstructions {\n        height: 39px;\n        width: calc(100% - 8px);\n        font-size: 16px;\n        text-align: center;\n        padding: 4px;\n        position: absolute;\n        border-radius: 3px;\n        bottom: 0px;\n        line-height: 26px;\n    }\n\n    .tsi-scooterContainer {\n        position: absolute;\n        pointer-events: none;\n        width: 2px;\n        transform: translateX(-1px);\n        z-index: 1;\n\n        .tsi-scooterDragger, .tsi-scooterTimeLabel {\n            pointer-events: all;\n        }\n\n        .tsi-scooterDragger {\n            -webkit-transform: translateX(calc(-50% + 1px));\n            transform: translateX(calc(-50% + 1px));\n        }\n\n        .tsi-scooterLine {\n            position: absolute;\n            height: 100%;\n            width: 2px;\n            left: 0px;\n            top: 0px;\n            cursor: move;\n        } \n\n        .tsi-scooterDragger {\n            top: 100%;\n            position: absolute;\n            border-radius: 5px;\n            left: 0px;\n            width: 10px;\n            height: 10px;\n            cursor: move;\n        }\n\n        .tsi-scooterValue {\n            position:absolute;\n            .tsi-scooterValueLabel {\n                position: absolute;\n                left: 10px;\n                border-width: 1px;\n                border-style: solid;\n                padding: 2px 4px;\n                font-size: 12px;\n                transform: translateY(-50%);\n                -webkit-transform: translateY(-50%);\n            }\n    \n            .tsi-scooterValueCaret {\n                left: 2px;\n                width: 0; \n                height: 0; \n                border-top: 8px solid transparent;\n                border-bottom: 8px solid transparent;\n                border-right-width: 8px;\n                border-right-style: solid;\n                position: absolute;\n                transform: translateY(-50%);\n                -webkit-transform: translateY(-50%);\n            }    \n        }\n        .tsi-scooterTimeLabel {\n            cursor: move;\n            bottom: 100%;\n            position: absolute;\n            left: 0px;\n            white-space: nowrap;\n            font-size: 12px;\n            height: 24px;\n            padding-left: 8px;\n            padding-right: 24px;\n            line-height: 20px;\n            border-width: 1px;\n            border-style: solid;\n            box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);\t\n            .tsi-closeButton {\n                border-radius: 3px;\n                position: absolute;\n                right: 4px;\n                top: 3px;\n                width: 15px;\n                height: 15px;\n                background-size: 12px 12px;\n                background-position: 2px 2px;\n                background-repeat: no-repeat;\n                cursor: pointer;\n            }\n        }\n    }\n\n    .brushElem {\n        .handle {\n            width: 8px;\n            shape-rendering: unset;\n        }\n        &.hideBrushHandles {\n            .handle {\n                visibility: hidden;\n            }\n        }\n    }\n\n    .tsi-horizontalMarkerLine {\n        stroke-dasharray: 2,2;\n    }\n\n    .tsi-horizontalMarkerText {\n        font-style: italic;\n        text-anchor: end;\n    }\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include lcColors($grays);\n        .tsi-scooterContainer {\n            .tsi-scooterValueLabel {\n                background-color: rgba(0, 0, 0, .9);\n            }\n        }\n\n        .tsi-resizeGutter {\n            background-image: url(../../Icons/drag_handle_dark.svg)\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include lcColors($grays);\n        .tsi-scooterContainer {\n            .tsi-scooterValueLabel {\n                background-color: rgba(255, 255, 255, .9);\n            }\n        }\n        .tsi-resizeGutter {\n            background-image: url(../../Icons/drag_handle_light.svg);\n        }\n    }\n        \n    display: flex;\n    position: relative;\n\n    .tsi-lineChartEventsWrapper, .tsi-lineChartStatesWrapper {\n        position: absolute;\n        pointer-events: none;\n        svg {\n            display: block;\n        }\n    }\n\n    .tsi-lineChartSVG {\n        .tsi-categoricalHoverRect {\n            pointer-events: none;\n            fill-opacity: .3;\n            stroke-opacity: .5;\n            stroke-width: 1px;\n        }\n\n        .tsi-backdropRect {\n            fill: white;\n            fill-opacity: 0;\n        }\n\n        .voronoiRect {\n            fill-opacity: 0;\n            cursor: crosshair;\n        }\n\n        .voronoi path {\n            fill: none;\n            pointer-events: all;\n            cursor: crosshair;\n        }\n\n        text {\n            font-size:12px;\n        }\n\n        path{\n            fill: none;   \n        }\n\n        .tsi-focus {\n            circle {\n                stroke-width: 1px;\n                pointer-events: none;\n            }    \n        }\n        .tsi-focusLine {\n            stroke-width: 1px !important;\n            pointer-events: none;\n        }\n\n        .tsi-valueLine {\n            stroke-width: 2px;\n            will-change: stroke-opacity;\n            stroke-width: 2px;\n            stroke-linecap: round;\n            stroke-linejoin: round;\n            pointer-events: none;\n            transition: stroke-opacity .2s ease;\n        }\n\n        .tsi-valueEnvelope {\n            pointer-events: none;\n        }\n\n        .tsi-valueArea {\n            stroke: none;\n            will-change: fill-opacity;\n        }\n\n        .tsi-valueDot {\n            stroke: none;\n            pointer-events: none;\n        }\n\n        .tsi-gapLine {\n            stroke-width: 1px !important;\n        }\n    }\n    .tsi-stackedButton {\n        &.tsi-lightTheme {\n            background-image: url(../../Icons/Layer_Icon_Light_Theme.svg);\n        }\n        &.tsi-darkTheme {\n            background-image: url(../../Icons/Layer_Icon_Dark_Theme.svg);\n        }\n    }\n\n    .tsi-ellipsisContainerDiv {\n        left: auto;\n        right: 20px;\n        top: 0px;\n        position: absolute;\n    }\n\n    .tsi-scooterButton {\n        cursor: pointer;\n        border-radius: 3px;\n        border-width: 1px;\n        border-style: solid;\n        border-color: transparent;\n        &.tsi-lightTheme {\n            background-image: url(../../Icons/flag_light_theme.svg);\n        }\n        &.tsi-darkTheme {\n            background-image: url(../..//Icons/flag_dark_theme.svg);\n        }\n    }\n\n    &.tsi-light {\n        .tsi-scooterContainer {\n            .tsi-scooterTimeLabel {\n                .tsi-closeButton {\n                    background-image: url(../../Icons/Close_Icon_Light_Theme.svg);\n                }\n            }\n        }\n    }\n\n    &.tsi-dark {\n        .tsi-scooterContainer {\n            .tsi-scooterTimeLabel {\n                .tsi-closeButton {\n                    background-image: url(../../Icons/Close_Icon_Dark_Theme.svg);\n                }\n            }\n        }\n    }\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin legendColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n\t\n\tcolor: $gray1;\n\tfill: $gray1;\n\tpath {\n\t\tstroke: $gray1;\n\t}\n\n\t&:not(.compact) {\n\t\tborder-right: 1px solid $gray4;\n\t}\n\n\t.tsi-seriesLabel{\n\t\t.tsi-splitByContainer {\n\t\t\t.tsi-legendShowMore {\n\t\t\t\tcolor: $gray6;\n\t\t\t\topacity: 1;\n\t\t\t}\n\t\t}\n\t\t.tsi-seriesNameLabel, .tsi-splitByContainer .tsi-splitByLabel {\t\n\t\t\tfill: $gray1;\n\t\t\tcolor: $gray1;\n\t\t\tselect {\n\t\t\t\tcolor: $gray1;\n\t\t\t\topacity: .6;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tborder: 1px solid transparent;\n\t\t\t\toption{\n\t\t\t\t\tbackground: $gray3;\n\t\t\t\t}\n\t\t\t}\t\t\t\n\t\t\t&:hover, &.inFocus {\n\t\t\t\tcolor: $gray6;    \n\t\t\t}\n\t\t\t&.stickied {\n\t\t\t\tbackground-color: rgba($gray2, .4);\n\t\t\t}\n\t\t}\n\t\t.tsi-seriesNameLabel {\n\t\t\tborder: none;\n\t\t\tbackground-color: transparent;\n\t\t\t&.shown {\n\t\t\t\tbackground-color: $gray3;\n\t\t\t}\n\t\t}\t\t\t\n\t}\n}\n\n.tsi-legend {\n\toverflow-y: auto;\n\toverflow-x: hidden;\n\theight: calc(100% - 16px);\n\tpadding-left: 8px;\n\t&.tsi-dark{\n        $grays: styles.grays('dark');\n        @include legendColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include legendColors($grays);\n\t}\n\t\n\t&.hidden {\n\t\tdisplay: none;\n\t}\n\t&:not(.hidden) {\n\t\tdisplay: block;\n\t}\n\t\n\t&.compact{\n\t\tmargin-left: 20px;\n\t\tmargin-right: 20px;\n\t\ttop: 8px;\n\t\theight: 48px !important;\n\t\twidth: calc(100% - 40px) !important;\n\t\tposition: absolute;\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tborder-right: none;\n\t\tpadding: 0;\n\t\tpadding-left: 0px;\n\n\t\t.tsi-seriesLabel {\n\t\t\toverflow-y: hidden;\n\t\t\toverflow-x: hidden;\n\t\t\t&:hover {\n\t\t\t\toverflow-x: auto;\n\t\t\t}\n\t\t\twhite-space: nowrap;\n\t\t\tflex-basis: auto;\n\t\t\tflex-shrink: 1;\n\t\t}\n\n\t\t.tsi-seriesLabel {\n\t\t\tborder: none;\n\t\t\tpadding: 0;\n\t\t\ttext-align: center;\n\t\t\tmargin: 4px;\n\n\t\t\t&:not(.shown) {\n\t\t\t\tborder: none;\n\t\t\t}\n\t\t\t.tsi-seriesNameLabel{\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\tselect{\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t\t.tsi-splitByContainer {\n\t\t\t\tmax-height: 140px;\n\t\t\t\tdisplay: inline-block;\n\n\t\t\t\t.tsi-splitByLabel{\n\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\tmargin: 0 4px;\n\t\t\t\t\tpadding: 0 4px 1px 4px;\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tmargin-top: 1px;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t.tsi-eyeIcon {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t\t.tsi-colorKey{\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\theight: 10px;\n\t\t\t\t\t\twidth: 10px;\n\t\t\t\t\t\ttop: -3px;\n\t\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t\t\t&.tsi-eventsColorKey, &.tsi-categoricalColorKey {\n\t\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\t\twidth: 12px;\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tmargin-top: 4px;\n\t\t\t\t\t\t\tmargin-left: 0px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t.tsi-seriesName {\n\t\t\t\t\t\tmax-width: 100px;\n\t\t\t\t\t\tmargin-left: 16px;\n\t\t\t\t\t\tmargin-right: 0px;\n\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\twidth: initial;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&:not(.compact) {\n\t\t&.tsi-flexLegend {\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\t\n\t\t}\n\n\t\theight: 100%;\n\t\n\t\t.tsi-seriesLabel {\n\t\t\t\n\t\t\t.tsi-splitByContainer {\n\n\t\t\t\t.tsi-legendShowMore {\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t\tmargin: 8px auto;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t&:hover{\n\t\t\t\t\t\ttext-decoration: underline;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\toverflow-y: auto;\n\t\t\t\tvisibility: hidden;\n\t\t\t\tmin-height: 42px;\n\t\t\t\theight: calc(100% - 25px);\n\n\t\t\t\t.tsi-splitByLabel,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\t.tsi-seriesLabel {\n\t\t\t.tsi-seriesNameLabel .tsi-eyeIcon, .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground-size: 17px 11px;\n\t\t\t\tbackground-repeat: no-repeat;\n    \t\t\tbackground-position: center; \n\t\t\t\tposition: absolute;\n\t\t\t\theight: 100%;\n\t\t\t\twidth: 17px;\n\t\t\t\tright: 17px;\n\t\t\t}\n\t\t\t.tsi-eyeIcon {\n\t\t\t\tdisplay: inherit;\n\t\t\t\tcursor: pointer;\n\t\t\t\tborder: none;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t&.tsi-light {\n\n\t\t\t.tsi-seriesLabel {\n\t\t\t\t.tsi-seriesNameLabel .tsi-eyeIcon, .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {\n\t\t\t\t\tbackground-image: url(../../Icons/Eye_light_theme.svg);\n\t\t\t\t\t@media screen and (-ms-high-contrast: white-on-black) {  \n\t\t\t\t\t\tbackground-image: url(../../Icons/Eye_dark_theme.svg);          \n\t\t\t\t\t} \n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.tsi-dark {\n\t\t\t.tsi-seriesLabel {\n\t\t\t\t.tsi-seriesNameLabel .tsi-eyeIcon, .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {\n\t\t\t\t\tbackground-image: url(../../Icons/Eye_dark_theme.svg);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tsi-seriesLabel .tsi-seriesNameLabel, .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {\n\t\t&:not(.shown) {\n\t\t\topacity:.3;\n\t\t}\n\t\t&.shown {\n\t\t\topacity:1;\n\t\t}\n\t}\n\n\t.tsi-seriesLabel {\n\t\tmargin: 8px;\n\t\t&.tsi-nsb{\n\t\t\t.tsi-splitByContainer{\n\t\t\t\toverflow-y: hidden;\n\t\t\t}\n\t\t\t.tsi-seriesNameLabel {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t.tsi-seriesNameLabel, .tsi-splitByContainer .tsi-splitByLabel {\n\t\t\tdisplay: flex;\n\t\t\t&.tsi-nonCompactNonNumeric {\n\t\t\t\tflex-direction: row;\n\t\t\t\talign-items: center;\t\n\t\t\t}\n\t\t\th4, .tsi-seriesName {\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t\toverflow: hidden;\n\t\t\t\tmargin-top: 2px;\n\t\t\t\tmargin-bottom: 4px;\n\t\t\t\tfont-weight: 400;\n\t\t\t\tmargin-right: 36px;\n\t\t\t}\n\n\t\t\th4 {\n\t\t\t\tcursor: pointer;\n\t\t\t\tfont-weight: 600;\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-family: \"Segoe UI\", sans-serif; \n\t\t\t}\n\n\t\t\t.tsi-seriesName {\n\t\t\t\tcursor: default;\n\t\t\t\toverflow-x:hidden;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\tfont-size: 14px;\n\t\t\t}\n\t\t\tselect {\n\t\t\t\tleft: 20px;\n\t\t\t\tmax-width: calc(100% - 64px);\n\t\t\t\tmargin: 2px;\n\t\t\t\tborder: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 16px;\n\t\t\t\t-webkit-appearance: none;\n\t\t\t\t-moz-appearance: none;\n\t\t\t\tappearance: none;\n\t\t\t\tpadding: 2px;\n\t\t\t\tbackground-image: url(../../Icons/chevron.svg);\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position-x: calc(100% - 4px);\n\t\t\t\tbackground-position-y: 7px;\n\t\t\t\tbackground-size: 18px;\n\t\t\t\tpadding-right: 28px;\n\t\t\t}\n\t\t\tselect::-ms-expand { \n\t\t\t\tdisplay: none; /* remove default arrow on ie10 and ie11 */\n\t\t\t}\n\n\t\t\t&.tsi-splitByLabelCompact {\n\t\t\t\theight: 24px;\n\t\t\t}\n\t\t}\n\t\t.tsi-seriesNameLabel {\n\t\t\tsvg {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\t\t\tcursor: pointer;\n\t\t\tpadding: 0 4px;\n\t\t\tposition: relative;\n\t\t\twidth: 100%;\n\t\t\tselect{\n\t\t\t\theight: 17px;\n\t\t\t\twidth: 50px;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 4px;\n\t\t\t\ttop: 6px;\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t\t.tsi-splitByContainer .tsi-splitByLabel {\n\t\t\tfont-size: 16px;\n\t\t\tpadding: 0 4px;\n\t\t\tposition: relative;\n\t\t\theight: 40px;\n\t\t\tborder-radius: 3px;\n\n\t\t\t&.hidden {\n\t\t\t\theight:0px;\n\t\t\t\tdisplay: none;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t.tsi-seriesNameLabel, .tsi-splitByContainer .tsi-splitByLabel {\n\t\t\t.tsi-colorKey {\n\t\t\t\tflex-shrink: 0;\n\t\t\t\twidth: 12px;\n\t\t\t\theight: 12px;\n\t\t\t\tmargin-top: 8px;\n\t\t\t\tmargin-right: 8px;\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -2px;\n\t\t\t\tforced-color-adjust: none;\n\t\t\t\t&.tsi-eventsColorKey, &.tsi-categoricalColorKey {\n\t\t\t\t\theight: 16px;\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\tmargin-top: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.tsi-seriesTypeLabel {\n\t\t\tmargin: 0;\n\t\t\tcursor: pointer;\n\t\t\tfont-weight: normal;\n\t\t\tpadding-left: 8px;\n\t\t\t\n\t\t\t&.disabled {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\t}\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin ellipsisMenuColors($grays){\n\t$gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6); // alt border\n\n    color: $gray1;\n\t\n\tpath {\n\t\tstroke: $gray1;\n    }    \n\n    @include styles.baseContextMenuColors($grays);\n    .tsi-ellipsisMenu {\n        border-color: $gray6;\n        background-color: $gray3;\n\n        .tsi-ellipsisMenuItem {\n            &:hover {\n                background-color: $gray2;\n            }\n        }\n    }\n    &.tsi-ellipsisMenuShown{\n        .tsi-ellipsisButton{\n            background-color: $gray2;\n        }\n    }\n    .tsi-ellipsisButton{\n        @media screen and (-ms-high-contrast: white-on-black) { \n            background-color: #fff;\n            background-image: url(../../Icons/Ellipsis_Icon_Dark_Theme.svg) !important;                    \n        }\n    }\n}\n\n.tsi-ellipsisMenuContainer {\n    left: 0px;\n    top: 0px;\n    width: 24px;\n    height: 24px;\n\n    &.tsi-ellipsisMenuShown{\n        .tsi-ellipsisMenu{\n            animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n            display: block;\n        }\n    }\n\n    .tsi-ellipsisButton {\n        cursor: pointer;\n        border: none;\n        background-color: transparent;\n        width: 100%;\n        height: 100%;\n        background-repeat: no-repeat;\n        display: flex;\n        background-position-x: 2px;\n        background-position-y: 3px;\n        border-radius: 2px;\n        transition: background-color .15s ease;\n    }\n\n    .tsi-ellipsisMenu {\n        @extend .tsi-baseContextMenu;\n        position: absolute;\n        cursor: pointer;\n        min-width: 220px;           \n        top: 24px;\n        right: 0;\n        z-index: 10000;\n        display: none;\n        flex-direction: column;\n\n        .tsi-ellipsisMenuItem {\n            background-color: transparent;\n            border: none;\n            color: inherit;\n            width: 100%;\n            text-align: left;\n            \n            .tsi-ellipsisMenuIcon {\n                background-size: 20px 20px;\n                background-repeat: no-repeat;\n                height: 20px;\n                width: 20px; \n                margin-right: 12px;\n                top: 2px;\n                display: inline-block;\n                position: relative;\n                flex-shrink: 0;\n            }\n\n            .tsi-ellipsisMenuLabel {\n                display: inline-block;\n                position: relative;\n                width: calc(100% - 60px);\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                overflow: hidden;\n            }\n        }\n    }\n\n    .tsi-actionElement {\n        padding: 4px 16px;\n        cursor: default;\n        font-size: 12px;\n    }\n\t\n\t&.tsi-dark{\n        $grays: styles.grays('dark');\n        @include ellipsisMenuColors($grays);\n        .tsi-ellipsisButton {\n            background-size: 20px 20px;\n            background-image: url(../../Icons/Ellipsis_Icon_Dark_Theme.svg);            \n        }\n\n        .tsi-ellipsisMenu {\n            .tsi-ellipsisMenuItem {\n                .tsi-ellipsisMenuIcon {\n                    &.flagIcon {\n                        background-size: 20px 20px;\n                        background-image: url(../../Icons/flag_dark_theme.svg);\n                    }\n                    &.gridIcon {\n                        background-size: 20px 20px;\n                        background-image: url(../../Icons/Grid_Icon_Dark_Theme.svg);\n                    }\n                    &.downloadIcon {\n                        background-size: 16px 16px;\n                        background-image: url(../../Icons/Download_Icon_Dark.svg);\n                    }\n                }\n            }\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include ellipsisMenuColors($grays);\n        .tsi-ellipsisButton {\n            background-size: 20px 20px;\n            background-image: url(../../Icons/Ellipsis_Icon_Light_Theme.svg);            \n        }\n\n        .tsi-ellipsisMenu {\n            .tsi-ellipsisMenuItem {\n                .tsi-ellipsisMenuIcon {\n                    &.flagIcon {\n                        background-size: 20px 20px;                        \n                        background-image: url(../../Icons/flag_light_theme.svg);\n                    }\n                    &.gridIcon {\n                        background-size: 20px 20px;\n                        background-image: url(../../Icons/Grid_Icon_Light_Theme.svg);\n                    }\n                    &.downloadIcon {\n                        background-size: 16px 16px;\n                        background-image: url(../../Icons/Download_Icon_Light.svg);\n                    }\n                }\n            }\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin gridColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6); // hover\n\n\n    color: $gray1;\n    background: $gray3;\n    &.tsi-fromChart{\n\t\tbackground: rgba($gray1, .3);;\n\t\t.tsi-gridWrapper{\n\t\t\tbackground: $gray3;\n\t\t\tbox-shadow: 0px 0px 10px 4px rgba($gray3,0.3);\n\t\t}\n\t}\n\t.tsi-closeButton{\n\t\tbackground: #ccc;\n\t\tbox-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3);\n\t}\n\t.tsi-gridWrapper{\n\t\ttable{\n\t\t\tbackground: $gray3;\n\t\t\ttr{\n\t\t\t\ttd, th{\n\t\t\t\t\t&:focus, &:active{\n\t\t\t\t\t\tbox-shadow: inset 0px 0px 1px 1px $gray6;\n\t\t\t\t\t}\n\t\t\t\t\tborder: 1px solid rgba($gray1, .7);\n\t\t\t\t}\n\t\t\t\tth, .tsi-rowHeaderWrapper, .tsi-rowHeaderCell{\n\t\t\t\t\tbackground: $gray5;\n\t\t\t\t}\n\t\t\t\t.tsi-rowHeaderWrapper{\n\t\t\t\t\t.tsi-measureTypeWrapper{\n\t\t\t\t\t\t.tsi-measureType{\n\t\t\t\t\t\t\topacity: .6;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\t\n    @include styles.chartColors($grays);\n}\n\n\n.tsi-gridComponent{\n\t&.tsi-dark{\n        $grays: styles.grays('dark');\n        @include gridColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include gridColors($grays);\n    }\n\n\n\twidth: 100%;\n\theight: 100%;\n\tposition: absolute;\n\t&.tsi-fromChart{\n\t\t.tsi-closeButton{\n\t\t\tdisplay: block;\n\t\t\topacity: 1;\n\t\t\tz-index: 1;\n\t\t}\n\t\t.tsi-gridWrapper{\n\t\t\twidth: calc(100% - 40px);\n\t\t\theight: calc(100% - 40px);\n\t\t\tmargin: 20px;\t\n\t\t\tbox-shadow: 0px 0px 10px 4px rgba(0,0,0,0.3);\n\t\t}\n\t}\n\n\t.tsi-closeButton{\n\t\tdisplay: block;\n\t\tpadding: 4px 8px;\n\t\tborder-radius: 12px;\n\t\tcursor: pointer;\n\t\tposition: absolute;\n\t\tright: 4px;\n\t\ttop: 4px;\n\t\tbackground: #ccc;\n\t\tborder: none;\n\t\tbox-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3);\n\t}\n\n\n\t.tsi-gridWrapper{\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: auto;\n\t\ttable{\n\t\t\tfont-size: 11px;\n\t\t\tborder-collapse: collapse;\n\t\t\t.tsi-gridContentRow {\n\n\t\t\t\t&:hover{\n\t\t\t\t\t.tsi-rowHeaderMeasures{\n\t\t\t\t\t\tvisibility: visible !important;\n\t\t\t\t\t}\t\t\t\t\n\t\t\t\t}\n\n\t\t\t\t.tsi-valueCell {\n\t\t\t\t\tpadding: 0px;\n\t\t\t\t}\n\n\t\t\t\t.tsi-valueCell .tsi-measureValue, .tsi-rowHeaderCell .tsi-rowHeaderContainer .tsi-rowHeaderMeasures .tsi-measureName {\n\t\t\t\t\theight: 20px;\n\t\t\t\t\tpadding: 0px 4px;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tdisplay: flex;\n    \t\t\t\talign-items: center;\n\n\t\t\t\t}\n\n\t\t\t\t.tsi-rowHeaderCell {\n\t\t\t\t\tpadding: 0px;\n\t\t\t\t\t.tsi-rowHeaderContainer {\n\t\t\t\t\t\tdisplay: table;\n\t\t\t\t\t\t.tsi-rowHeaderSeriesName {\n\t\t\t\t\t\t\tpadding: 2px;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.tsi-rowHeaderMeasures {\n\t\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t\t\tmin-width: 80px;\n\t\t\t\t\t\t\tdisplay: table;\n\t\t\t\t\t\t\tdisplay: table-cell;\n\t\t\t\t\t\t    text-align: center;\n\t\t\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t.tsi-measureName {\n\t\t\t\t\t\t\t\topacity: .6;\n\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\talign-content: flex-end;\n    \t\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr{\n\t\t\t\tth, .tsi-rowHeaderWrapper, .tsi-rowHeaderCell{\n\t\t\t\t\tpadding: 2px;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\n\t\t\t\t}\n\t\t\t\ttd{\n\t\t\t\t\tpadding: 2px;\n\t\t\t\t}\n\t\t\t\t.tsi-rowHeaderWrapper{\n\t\t\t\t\tborder-left: 4px solid transparent;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-right: 88px;\n\t\t\t\t\t.tsi-rowHeader{\n\t\t\t\t\t\tmax-width: 150px;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t}\n\t\t\t\t\t.tsi-measureTypeWrapper{\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tright: 4px;\n\t\t\t\t\t\ttop: 2px;\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\tmax-width: 76px;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t.tsi-measureType{\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\topacity: .6;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.tsi-baseMono {\n\t\t@extend .tsi-baseMono;\n\t\tpadding: 2px;\n\t}\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n\n.tsi-dark{\n    $grays: styles.grays('dark');\n    @include styles.baseContextMenuColors($grays);\n    .tsi-actionElementContainer {\n        .tsi-actionElement {\n            &.tsi-hasSubMenu {\n                background: url(../../Icons/CaretClosed_Dark_Theme.svg);\n            }\n        }\n    }\n}\n.tsi-light{\n    $grays: styles.grays('light');\n    @include styles.baseContextMenuColors($grays);\n    .tsi-actionElementContainer {\n        .tsi-actionElement {\n            &.tsi-hasSubMenu {\n                background: url(../../Icons/CaretClosed_Light_Theme.svg);\n            }\n        }\n    }\n}\n\n.tsi-contextMenu {\n    display: none;\n    position: absolute;\n    z-index: 3;\n    .tsi-actionElementContainer {\n        @extend .tsi-baseContextMenu;\n        height: auto;\n        max-width: 200px;\n        z-index: 3;\n        overflow-y: auto;\n        display: block;\n        position: absolute;\n        overflow-y: auto;\n    \n        .tsi-actionElement {\n            padding: 4px 16px;\n            cursor: default;\n            font-size: 12px;\n            &.tsi-hasSubMenu {\n                background-repeat: no-repeat;\n                background-position: calc(100% - 4px), 50%;\n                background-size: 12px 12px;\n            }\n        }\n    }\t\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin tColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5); \n    $gray6: list.nth($grays, 6); // hover\n\n    box-shadow: 0 1px 3px 0 rgba($gray1, .16);\n    border-color: rgba($gray1, .1);\n    @include styles.chartColors($grays);\n\n    .tsi-tooltipInner{\n        color: $gray1;\n        background-color: $gray3;\n    }\n\n    .tsi-tooltipTable tr {\n        border-bottom: 1px solid rgba($gray1, .1);\n        &:last-of-type {\n            border-bottom: none;\n        }\n        border-left-width: 10px;\n        border-left-style: solid;\n    }\n}\n\n.tsi-tooltipTitle, .tsi-tooltipSubtitle, .tsi-tooltipAttrTitle, .tsi-tooltipAttrValue, .tsi-valueLabel, .tsi-valueCell, .tsi-tooltipMeasureTitle{\n    @extend .tsi-textWrap;\n}\n\n.tsi-tooltip {\n    pointer-events: none;\n    position: absolute;\n    border-width: 1px;\n    border-style: solid;\n    border-radius: 3px;\n    \n    .tsi-tooltipInner{\n        position: relative;\n        overflow: hidden;\n        border-radius: 3px;\n        min-width: 108px;\n        max-width: 260px;\n        border-style: solid;\n        border-top-width: 0;\n        border-right-width: 0;\n        border-bottom-width: 0;\n        padding: 8px 12px;\n    }\n\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include tColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include tColors($grays);\n    }\n\n    .tsi-tooltipSubtitle, .tsi-tooltipAttrs, .tsi-tooltipValues {\n        font-size: 11px;\n    }\n\n\n\n    .tsi-tooltipFlexyBox {\n        display: flex;\n        flex-wrap: nowrap;\n        font-size: 11px;\n        width: 100%;\n        &.tsi-tooltipAttributeContainer{\n            margin-bottom: 8px;\n            flex-wrap: wrap;\n            .tsi-tooltipFlexyItem {\n                padding-bottom: 4px;\n            }\n        }\n        .tsi-flexBreak {\n            flex-basis: 100%;\n            height: 0;          \n        }\n        .tsi-tooltipFlexyItem {\n            padding-right: 16px;\n            flex-grow: 1;\n            overflow: hidden;\n            &:last-of-type{\n                padding-right: 4px;\n            }\n            .tsi-tooltipAttrTitle {\n                font-weight: 600;\n            }\n\n            .tsi-tooltipAttrValue, .tsi-tooltipMeasureValue {\n                opacity: .7;\n            }\n\n            &.tsi-visibleValue {\n                font-weight: bold;\n            }\n\n            .tsi-tooltipMeasureValue {\n                font-size: 13px;\n            }\n        }\n    }\n\n    .tsi-tooltipTable {        \n        border-collapse: collapse;\n        margin: 8px 0 4px;\n        width: 236px;\n        overflow: hidden;\n        table-layout: fixed;\n    }\n\n    .tsi-tooltipTable tr {\n        &.tsi-tableSpacer{\n            height: 6px;\n            &:first-of-type{\n                height: 0px;\n            }\n        }\n        td {\n            margin: 0px;\n            padding: 4px;\n            &.tsi-valueCell {\n                text-align: right;\n            }\n        }\n    }\n\n    .tsi-tooltipTable tr.tsi-visibleValue {\n        font-weight: bold;\n    }\n\n    .tsi-tooltipTitle {\n        font-weight: bold;\n        font-size: 13px;\n    } \n\n    .tsi-tooltipSubtitle {\n        font-weight: normal;\n        opacity: .7;\n        font-size: 11px;\n    }\n\n    .tsi-tooltipTitle, .tsi-tooltipSubtitle {\n        margin: 0;\n    }\n    margin-bottom: 8px;\n\n    .tsi-tooltipColorBlockCell {\n        width: 12px;\n        .tsi-tooltipColorBlock {\n            width: 12px;\n            height: 12px;\n            display:block; \n            text-align:center; \n            margin:0 auto;\n        }    \n    }\n}",".tsi-clickableYAxis{\n    cursor: pointer;\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin epColors($grays){\n    $gray1: list.nth($grays, 1);\n    $gray2: list.nth($grays, 2); \n    $gray3: list.nth($grays, 3); \n    $gray4: list.nth($grays, 4); \n    \n    .tsi-discreteEvent:focus {\n        outline: 1px solid rgba($gray1, .8);\n        outline-offset: 2px;\n        &.tsi-discreteEventTeardrop {\n            outline-offset: -4px;\n        }\n    }\n    @include styles.chartColors($grays);\n}\n\n.tsi-eventsGroup {\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include epColors($grays);\n    }\n\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include epColors($grays);\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin markerColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6); // hover\n\n    color: $gray1;\n\n    .tsi-markerTimeLabel {\n        background-color: $gray3;\n        border-color: $gray2;\n    }\n    .tsi-markerLine{\n        background-color: $gray2;\n        box-shadow: 0px 0px 0px 1px rgba($gray4, .4);\n    }\n\n    .tsi-markerLabel {\n        background-color: $gray3;\n        .tsi-markerGrabber {\n            background-color: $gray2;\n            box-shadow: 0px 0px 0px 1px rgba($gray4, .4);\n        }\n        .tsi-closeButton {\n            background-color: transparent;\n            border: none;\n            margin: 0;\n            &:hover {\n                background-color: $gray2;\n            }\n        }\n        &.tsi-markerLabelHovered, &.tsi-markerLabelTextFocused {\n            .tsi-markerLabelText {\n                border-color: $gray6;\n            }\n            .tsi-markerGrabber {\n                background-color: $gray6;\n            }\n        }\n        .tsi-markerLabelText {\n            outline: none;\n            border-color: $gray2;\n        }\n    }\n\n    .tsi-markerValue {\n        .tsi-tooltip {\n            .tsi-markerValueTooltipInner {\n                background-color: rgba($gray3, .9);\n            }\n        }\n    }\n    @include styles.chartColors($grays);\n}\n\n.tsi-markerContainer {\n\n    position: absolute;\n    pointer-events: none;\n    width: 2px;\n    transform: translateX(-1px);\n    z-index: 1;\n    animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n\n    .tsi-markerDragger, .tsi-markerTimeLabel, .tsi-markerLabel {\n        pointer-events: all;\n    }\n\n    .tsi-markerLine {\n        position: absolute;\n        height: 100%;\n        width: 2px;\n        left: 0px;\n        top: 0px;\n        cursor: move;\n    } \n\n    .tsi-markerLabel {\n        z-index: 3;\n        font-size: 12px;\n        top: -20px;\n        cursor: move;\n        position: absolute;\n        left: 0px;\n        -webkit-transform: translateX(calc(-50% + 1px));\n        transform: translateX(calc(-50% + 1px));\n        min-width: 32px;\n        max-width: 124px;\n        height: 20px;\n        border-radius: 3px;\n\n        -webkit-transition: min-width .367s ease-in-out;\n        -moz-transition: min-width .367s ease-in-out;\n        -o-transition: min-width .367s ease-in-out;\n        transition: min-width .367s ease-in-out;\n\n        .tsi-markerGrabber {\n            width: 20px;\n            height: 10px;\n            border-bottom-right-radius: 10px;\n            border-bottom-left-radius: 10px;\n            position: absolute;\n            left: calc(50% - 10px);\n            top: 100%;\n        }\n\n        .tsi-markerLabelText {\n            overflow: hidden;\n            text-overflow: ellipsis;\n            width: 100%;\n            height: 100%;\n            border-radius: 3px;\n            line-height: 18px;\n            white-space: nowrap;\n            cursor: text;\n            padding: 0px 4px;\n            padding-right: 24px;\n            border-width: 1px; \n            border-style: solid; \n        }\n\n        &.tsi-markerLabelHovered, &.tsi-markerLabelTextFocused {\n            width: 124px;\n            min-width: 124px;\n            height: fit-content;\n            .tsi-markerLabelText {\n                overflow: wrap;\n                white-space: normal;\n                text-overflow: normal;\n            }\n        }\n        \n        .tsi-closeButton {\n            border-radius: 3px;\n            position: absolute;\n            right: 2px;\n            top: 2px;\n            width: 16px;\n            height: 16px;\n            background-size: 12px 12px;\n            background-position: 2px 2px;\n            background-repeat: no-repeat;\n            cursor: pointer;\n        }\n\n    }\n\n    .tsi-markerValue {\n        position:absolute;\n\n        &.tsi-isInterpolated {\n            .tsi-tooltip {\n                .tsi-markerValueTooltipInner {\n                    font-style: italic;\n                }    \n            }\n        }\n\n\n        &:not(.tsi-seriesLabelValue) {\n            .tsi-tooltip {\n                box-shadow: none;\n                border: none;\n                .tsi-markerValueTooltipInner {\n                    padding: 0px 4px 0px 4px;\n                    border-width: 1px !important;\n                    border-style: solid;\n                    font-size: 11px;\n                    min-width: unset;\n                    transform: translateX(8px);\n                }    \n            }\n    \n            .tsi-markerValueCaret {\n                left: 2px;\n                width: 0; \n                height: 0; \n                border-top: 8px solid transparent;\n                border-bottom: 8px solid transparent;\n                border-right-width: 8px;\n                border-right-style: solid;\n                position: absolute;\n                transform: translateY(-50%);\n                -webkit-transform: translateY(-50%);\n            }        \n        }\n        &.tsi-seriesLabelValue {\n            transform: translateX(-2px);\n            .tsi-tooltip {\n                max-width: 108px;\n                top: 0px !important;\n                transform: translate(4px, -50%) !important;\n                border: none;\n                .tsi-markerValueTooltipInner {\n                    padding: 4px;\n                    min-width: unset;\n                    border-left-width: 2px !important;\n                    .tsi-tooltipTitle {\n                        font-size: 11px;\n                        line-height: 14px;\n                        overflow-y: hidden;\n                        overflow-x: hidden;\n                        white-space: nowrap;\n                        text-overflow: ellipsis;\n                        font-weight: normal;\n                    }\n                    .tsi-tooltipSubtitle {\n                        font-size: 10px;\n                        text-overflow: none;\n                        white-space: nowrap;\n                        text-overflow: ellipsis;\n                        overflow-y: hidden;\n                        overflow-x: hidden;\n                    }  \n                }\n            }\n            &.tsi-isExpanded {\n                max-height: unset;\n                min-width: 108px;\n                .tsi-splitBy, .tsi-timeShift, .tsi-variableAlias {\n                    display: block;\n                }\n                .tsi-markerValueTooltipInner {\n                    .tsi-tooltipTitle, .tsi-tooltipSubtitle {\n                        overflow-y: hidden;\n                        white-space: unset;\n                    }\n                    .tsi-tooltipTitle {\n                        font-weight: bold;\n                    }\n                }\n            }\n            .tsi-timeShift {\n                font-style: italic;\n            }\n        }\n    }\n\n    &.tsi-isFlipped {\n        .tsi-markerValue {\n            .tsi-tooltip {\n                transform: translate(calc(-100% - 15px), -50%) !important; \n                top: 0px !important;\n            }\n            .tsi-markerValueCaret {\n                transform: rotate(180deg) translateX(10px) translateY(50%);\n            }    \n        }\n    }\n    .tsi-markerTimeLabel {\n        @extend .tsi-chartValueTextBox;  \n        cursor: move;     \n        top: calc(100% + 3px);\n    }\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include markerColors($grays);\n        .tsi-markerLabel {\n            .tsi-closeButton {\n                background-image: url(../../Icons/Close_Icon_Dark_Theme.svg);\n            }\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include markerColors($grays);\n        .tsi-markerLabel {\n            .tsi-closeButton {\n                background-image: url(../../Icons/Close_Icon_Light_Theme.svg);\n            }\n        }\n    }\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin tableColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n\n    background-color: $gray3;\n    color: $gray1;\n\n    .tsi-timePickerContainer {\n        background-color: $gray3;\n        .tsi-timePickerChart {\n            background-color: $gray3;\n        }\n    }\n\n    .tsi-timePickerTextContainer {\n        .tsi-timePicker {\n            border-color: $gray5;\n        }\n    }\n\n    .tsi-sparklineContainer {\n        .overlay {\n            fill: $gray4;\n        }\n    }\n\n    &.tsi-compact {\n        .tsi-timePickerContainer {\n            .overlay {\n                fill: $gray4;\n            }\n            .tsi-compactFromTo {\n                background-color: $gray3;\n            }\n\n        }\n    }\n\n    .tsi-zoomButton{\n        background-color: $gray3;\n        color: $gray1;\n        &:active{\n            background-color: $gray2;\n        }\n    }\n\n    .tsi-dateTimeContainer {\n        color: $gray1;\n        .tsi-dateTimeButton {\n            background-color: rgba($gray5, .4) !important;\n            &:hover {\n                background-color: $gray5 !important;\n            }    \n        }\n    }\n\n    .tsi-timePicker, .tsi-timePicker > option {\n        background-color: $gray3;\n        color: $gray1; \n    }    \n}\n\n.tsi-availabilityChart {\n    .tsi-dateTimePickerContainer {\n        position: absolute;\n        right: 60px;\n        top: calc(100% - 40px);\n        background-color: white;\n    }\n\n    position: relative;\n\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n\t\t@include tableColors($grays);\n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n\t\t@include tableColors($grays);\n    }\n\n    width: 100%;\n    .tsi-timePickerContainer {\n        width: calc(100% - 4px);\n        height: calc(100% - 48px);\n        overflow: visible;\n        position: relative;\n        .tsi-timePickerChart {\n            position: relative;\n            .tsi-valueLine {\n                stroke-width: 2px;\n            }\n            height: calc(100% - 4px);\n        }\n    }\n    &.tsi-withButton{\n        .tsi-timePickerContainer {\n            height: calc(100% - 4px);\n        }\n    }\n\n    &.tsi-compact {\n        .tsi-rangeTextContainer {\n            background: none !important;\n            transform: translate(-50%, -2px) !important;\n        }\n        .tsi-timePickerContainer {\n            height: calc(100% - 8px);\n            path {\n                stroke: none !important;\n                fill: none !important;\n            }\n            .brushElem {\n                .selection {\n                    stroke: none;\n                }\n            }\n            .xAxisBaseline {\n                stroke: none !important;\n            }\n            .tsi-compactFromTo {\n                font-size: 12px;\n                bottom: calc(100% - 4px);\n                position: absolute;\n            }\n        }\n    }\n\n    &.tsi-compact.tsi-withButton{\n        .tsi-timePickerContainer {\n            height: 100%;\n        }\n    }\n\n    .tsi-timePickerTextContainer {\n        top: 0;\n        width: calc(100% - 80px);\n        position: relative;\n\n        .tsi-select {\n            top: 4px;\n            width: 100px;\n            background: url(../../Icons/chevron.svg) 16px / 16px no-repeat;\n            background-position-y: 12px;\n            background-position-x: calc(100% - 4px);\n            width: 132px;\n        }\n\n        .tsi-dateTimeInputLabel {\n            display: inline-block;\n            font-size: 12px;\n            top: 0px;\n            width: 40px;\n            text-align: right;\n            text-transform: uppercase;\n            opacity: .7;\n            font-weight: bold;\n        }\n\n        .tsi-dateTimeContainer {\n            label {\n                opacity: .66;\n                font-size: 12px;\n                line-height: 32px;\n            }\n            padding-right: 0px;\n            margin-top: 4px;\n            border: none;\n            background-color: transparent;\n            font-size: 14px;\n            text-transform: capitalize;\n            height: 32px;\n            float: right;\n            display: flex;\n\n            .tsi-dateTimeButton {\n                height: 32px;\n                margin-left: 8px;\n                border: none;                \n                cursor: pointer;\n                background: url(../../Icons/Calendar_Light_Theme.svg) 0% / 5% no-repeat;\n                background-position-y: 10px;\n                background-size: 13px;\n                background-position-x: 8px;\n                padding-left: 28px;\n                padding-right: 8px;\n                border-radius: 2px;\n                position: relative;\n            }\n            .tsi-dateTimePickerContainer {\n                left: unset;\n                right: 0;\n                top: 0px;\n                display: block;\n            }\n        }\n        .tsi-toText {\n            width: 32px;\n            font-size: 20px; \n            display: inline-block;\n            vertical-align: top;\n            text-align: center;\n        }\n\n        .tsi-dateTimeErrorDiv {\n            width: 200px;\n            display: inline-block;\n            padding-left: 4px;\n            font-size: 12px;\n            .tsi-invalidTime {\n                height: 20px;\n                padding: 4px;\n                width: 100%;\n            }\n        }\n    }\n\n    .tsi-zoomButtonContainer {\n        display: flex;\n        position: absolute;\n        right: 44px;\n        bottom: 96px;\n        width: 16px;\n        flex-wrap: wrap;\n\n        .tsi-zoomButton {\n            border: none;\n            width: 16px;\n            height: 16px;\n            padding: 0px;\n            cursor: pointer;\n        } \n\n        .tsi-zoomButtonIn{\n            background: url(../../Icons/ZoomIn_Light_Theme.svg) no-repeat;\n            @media screen and (-ms-high-contrast: white-on-black) {   \n                background: url(../../Icons/Zoomin_Dark_Theme.svg) no-repeat;             \n            }  \n            background-size: 16px;\n        }\n        .tsi-zoomButtonOut{\n            background: url(../../Icons/ZoomOut_Light_Theme.svg) no-repeat;\n            @media screen and (-ms-high-contrast: white-on-black) {    \n                 background: url(../../Icons/ZoomOut_Dark_Theme.svg) no-repeat;             \n            }   \n            background-size: 16px;\n            margin-top: 4px;\n            margin-bottom: 4px;\n        }\n    }\n\n    .tsi-sparklineContainer {\n        background: none !important;\n        margin-top: -32px;\n        path {\n            stroke: none !important;\n        }\n        .brushElem {\n            .handle {\n                visibility: visible;\n                shape-rendering: unset;\n                width: 8px;\n                rx: 4px;\n                ry: 4px;\n            }\n        }\n    }\n}","@charset \"UTF-8\";\n\n/*!\n * Pikaday\n * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/\n */\n\n.pika-single {\n    z-index: 9999;\n    display: block;\n    position: relative;\n    color: #333;\n    background: #fff;\n    border: 1px solid #ccc;\n    border-bottom-color: #bbb;\n    font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n}\n\n/*\nclear child float (pika-lendar), using the famous micro clearfix hack\nhttp://nicolasgallagher.com/micro-clearfix-hack/\n*/\n.pika-single:before,\n.pika-single:after {\n    content: \" \";\n    display: table;\n}\n.pika-single:after { clear: both }\n.pika-single { zoom: 1 }\n\n.pika-single.is-hidden {\n    display: none;\n}\n\n.pika-single.is-bound {\n    position: absolute;\n    box-shadow: 0 5px 15px -5px rgba(0,0,0,.5);\n}\n\n.pika-lendar {\n    float: left;\n    width: 240px;\n    margin: 8px;\n}\n\n.pika-title {\n    position: relative;\n    text-align: center;\n}\n\n.pika-label {\n    display: inline-block;\n    *display: inline;\n    position: relative;\n    z-index: 9999;\n    overflow: hidden;\n    margin: 0;\n    padding: 5px 3px;\n    font-size: 14px;\n    line-height: 20px;\n    font-weight: bold;\n    background-color: #fff;\n}\n.pika-title select {\n    cursor: pointer;\n    position: absolute;\n    z-index: 9998;\n    margin: 0;\n    left: 0;\n    top: 5px;\n    filter: alpha(opacity=0);\n    opacity: 0;\n}\n\n.pika-prev,\n.pika-next {\n    display: block;\n    cursor: pointer;\n    position: relative;\n    outline: none;\n    border: 0;\n    padding: 0;\n    width: 20px;\n    height: 30px;\n    /* hide text using text-indent trick, using width value (it's enough) */\n    text-indent: 20px;\n    white-space: nowrap;\n    overflow: hidden;\n    background-color: transparent;\n    background-position: center center;\n    background-repeat: no-repeat;\n    background-size: 75% 75%;\n    opacity: .5;\n    *position: absolute;\n    *top: 0;\n}\n\n.pika-prev:hover,\n.pika-next:hover {\n    opacity: 1;\n}\n\n.pika-prev,\n.is-rtl .pika-next {\n    float: left;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==');\n    *left: 0;\n}\n\n.pika-next,\n.is-rtl .pika-prev {\n    float: right;\n    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=');\n    *right: 0;\n}\n\n.pika-prev.is-disabled,\n.pika-next.is-disabled {\n    cursor: default;\n    opacity: .2;\n}\n\n.pika-select {\n    display: inline-block;\n    *display: inline;\n}\n\n.pika-table {\n    width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n    border: 0;\n}\n\n.pika-table th,\n.pika-table td {\n    width: 14.285714285714286%;\n    padding: 0;\n}\n\n.pika-table th {\n    color: #999;\n    font-size: 12px;\n    line-height: 25px;\n    font-weight: bold;\n    text-align: center;\n}\n\n.pika-button {\n    cursor: pointer;\n    display: block;\n    box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    outline: none;\n    border: 0;\n    margin: 0;\n    width: 100%;\n    padding: 5px;\n    color: #666;\n    font-size: 12px;\n    line-height: 15px;\n    text-align: right;\n    background: #f5f5f5;\n}\n\n.pika-week {\n    font-size: 11px;\n    color: #999;\n}\n\n.is-today .pika-button {\n    color: #33aaff;\n    font-weight: bold;\n}\n\n.is-selected .pika-button,\n.has-event .pika-button {\n    color: #fff;\n    font-weight: bold;\n    background: #33aaff;\n    box-shadow: inset 0 1px 3px #178fe5;\n    border-radius: 3px;\n}\n\n.has-event .pika-button {\n    background: #005da9;\n    box-shadow: inset 0 1px 3px #0076c9;\n}\n\n.is-disabled .pika-button,\n.is-inrange .pika-button {\n    background: #D5E9F7;\n}\n\n.is-startrange .pika-button {\n    color: #fff;\n    background: #6CB31D;\n    box-shadow: none;\n    border-radius: 3px;\n}\n\n.is-endrange .pika-button {\n    color: #fff;\n    background: #33aaff;\n    box-shadow: none;\n    border-radius: 3px;\n}\n\n.is-disabled .pika-button {\n    pointer-events: none;\n    cursor: default;\n    color: #999;\n    opacity: .3;\n}\n\n.is-outside-current-month .pika-button {\n    color: #999;\n    opacity: .3;\n}\n\n.is-selection-disabled {\n    pointer-events: none;\n    cursor: default;\n}\n\n.pika-button:hover,\n.pika-row.pick-whole-week:hover .pika-button {\n    color: #fff;\n    background: #ff8000;\n    box-shadow: none;\n    border-radius: 3px;\n}\n\n/* styling for abbr */\n.pika-table abbr {\n    border-bottom: none;\n    cursor: help;\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin dateTimePickerColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6);\n\n    background-color: $gray3;\n    color: $gray1;\n\n    .tsi-dateTimeGroup {\n        .tsi-dateTimeSelectionPanel {\n            border-left: 1px solid $gray5;\n\n            .tsi-dateTimeInput {\n                background-color: $gray3;\n                color: $gray1;\n                border: 1px solid rgba($gray1, .3);\n            }\n        }\n        .tsi-quickTimesPanel {\n            .tsi-quickTime {\n                color: $gray1;\n                background-color: $gray3;\n\n                &.tsi-isSelected {\n                    background-color: rgba($gray2, .6) !important; \n                    color: $gray1;\n                }\n            }\n            .tsi-quickTime:hover {\n                background-color: $gray4;\n            }\n        }\n    }\n\n    .tsi-select, .tsi-select option {\n        color: $gray1;\n        background-color: $gray3;\n    }\n    .pika-table th{\n        color: $gray1;\n        opacity: .6;\n    }\n    .pika-single  {\n        .pika-select, .pika-select option, .pika-label, .pika-day, .pika-prev, .pika-next {\n            color: $gray1;\n            background-color: $gray3;    \n            &:focus {\n                border:1px solid $gray6;\n            }\n        } \n\n        .pika-prev, .pika-next {\n            color: $gray6;\n            background-color: white;\n        }\n\n        color: $gray1;\n        background-color: $gray3;\n    }\n    .tsi-timeControlsContainer {\n        .tsi-startContainer, .tsi-endContainer, .tsi-timezoneContainer {\n            .tsi-timeLabel {\n                .tsi-snapToEndRangeButton {\n                    color: $gray6;\n                }\n            }\n        }\n    }\n}\n\n.tsi-timeRequired {\n    color: #a80000;\n}\n\n.tsi-dateTimePicker {\n\n    animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n        @include dateTimePickerColors($grays);\n        .pika-single {\n            .is-inrange {\n                .pika-day {\n                    background-color: rgba(48, 157, 144, .4) !important; \n                }\n            }\n            .is-selected {\n                .pika-day {\n                    box-shadow: unset;\n                }\n            }\n        }        \n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n        @include dateTimePickerColors($grays);\n    }\n\n    align-items: stretch;\n    width: 616px;\n\n    .tsi-dateTimeGroup {\n        display: inline-flex;\n\n        .tsi-quickTimesPanel {\n            display: flex;\n            flex-direction: column;\n\n            width: 152px;\n            float: left;\n            height: auto;\n            .tsi-quickTime {\n                text-align:left;\n                border: none;\n                height: 10%;\n                padding-left: 20px;\n                width: 100%;\n                cursor: pointer;\n            }\n\n\n        }\n        .tsi-dateTimeSelectionPanel {\n            float: right;\n            width: 460px;\n            padding-left: 8px;\n            .pika-single {\n                border: none;\n                height: 250px;\n                .is-selected {\n                    .pika-day {\n                        box-shadow: unset;\n                    }\n                }\n    \n            }\n        \n            .tsi-calendarPicker {\n                width: 100%;\n                margin-top: 8px;\n            }\n    \n            .tsi-select {\n                top: 4px;\n                margin: 0px;\n                padding-right: 28px;\n                option {\n                    padding: 6px;\n                }\n                width: 100px;\n                background: url(../../Icons/chevron.svg) 16px / 16px no-repeat;\n                background-position-y: 12px;\n                background-position-x: calc(100% - 4px);\n            }\n        \n            .tsi-timeControlsContainer {\n                align-items: stretch;\n                width: calc(100% - 28px);\n                margin-left: 12px;\n                margin-right: 12px;\n        \n                .tsi-timeInputContainer {\n                    display: inline-flex;\n                    width: 100%;\n                    .tsi-startContainer {\n                        padding-right: 10px;\n                    }\n                    .tsi-endContainer {\n                        padding-left: 6px;\n                    }\n                    .tsi-startContainer, .tsi-endContainer {\n                        padding-top: 12px;\n                        width: 50%;\n                        position: relative;\n        \n                        .tsi-dateTimeInput {\n                            margin-top: 4px;\n                            width: 100%;\n                            padding: 0px 8px 0px 8px;\n                            height: 30px;\n                            box-sizing: border-box;\n                        }\n        \n                        .tsi-startTimeInputContainer, .tsi-endTimeInputContainer {\n                            display:flex;\n                            .tsi-hoursInput, .tsi-minutesInput, .tsi-AMPMInput {\n                                display:flex;\n                                width: 33%;\n                                flex-grow: 1;\n                                height: 32px;\n                                padding-left: 12px;\n                                display: inline-flex;\n                                text-align: center;\n                            }\n                        }\n                    }\n                }\n            }\n    \n            .tsi-timeControlsContainer, .tsi-timezoneContainer {\n                .tsi-timeLabel {\n                    font-weight: 600;\n                    font-size: 14px;\n                    margin: 0;\n                    text-transform: capitalize;\n                    height: 20px;\n                    line-height: 20px;\n                    opacity: 1;\n                }\n                .tsi-snapToEndRangeButton {\n                    text-decoration: underline;\n                    background: transparent;\n                    border: none;\n                    line-height: 20px;\n                    cursor: pointer;\n                    margin-left: 8px;\n                    padding: 0px;\n                    text-transform: capitalize;\n                    position: absolute;\n                    top: 0px;\n                    right: 0px;\n                    margin-top: 12px;\n\n                }\n            }\n        \n        \n            .tsi-timezoneContainer {\n                padding-bottom: 12px;\n                width: calc(100% - 32px);\n                margin: 0 16px 16px 16px;\n                .tsi-timezonePickerContainer {\n                    width: 100%;\n                    height: 100%;\n                    .tsi-timezonePicker {\n                        width: 100%;\n                        background: url(../../Icons/chevron.svg) 16px/16px no-repeat;\n                        background-position-y: 12px;\n                        background-position-x: calc(100% - 4px);\n                    }    \n                }\n            }\n            .tsi-saveButtonContainer {\n                width: 100%;\n                height: 48px;\n                margin-top:12px;\n                .tsi-saveButton, .tsi-cancelButton {\n                    width: 92px;\n                    border: none;\n                    float: right;\n                    margin-right: 16px;\n                    height: 32px;\n                    padding: 8px;\n                    border-radius: 2px;\n                    line-height: 14px;\n                    &.tsi-buttonDisabled {\n                        background-color: grey !important;\n                    }\n                }\n        \n                .tsi-saveButton {\n                    background-color: #309d90;\n                    color: white;\n                }\n            }\n        }\n    }\n\n    .tsi-errorMessageContainer {\n        background-color: #B36200;\n        color: white;\n\n\n        @media screen and (-ms-high-contrast: active) {\n            -ms-high-contrast-adjust: none;\n            background-color: #B36200;\n        }\n\n        .tsi-errorMessage {\n            padding: 8px;\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin timezonePickerColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n\n    background-color: $gray3;\n    color: $gray1;\n\n    .tsi-select, .tsi-select option {\n        color: $gray1;\n        background-color: $gray3;\n    }\n}\n\n.tsi-timezonePicker {\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n        @include timezonePickerColors($grays);\n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n\t\t@include timezonePickerColors($grays);\n    }\n \n}\n\n.tsi-select {\n    margin: 0px;\n    top: 4px;\n    appearance: none;\n    background: url(../../Icons/chevron.svg) 16px / 16px no-repeat;\n    background-position-y: 12px;\n    background-position-x: calc(100% - 4px);\n    width: 160px;\n    display: block;\n}   ","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin dateTimeButtonColors($grays){\n    $gray1: list.nth($grays, 1);\n    $gray2: list.nth($grays, 2); \n    $gray3: list.nth($grays, 3); \n    $gray4: list.nth($grays, 4); \n    $gray5: list.nth($grays, 5); \n    \n    color: $gray1;\n    .tsi-dateTimeButton {\n        background-color: rgba($gray5, .8) !important;\n        color: $gray1;\n        &:hover {\n            background-color: $gray5 !important;\n        }    \n    }\n}\n.tsi-dateTimeContainerRange {\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include dateTimeButtonColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include dateTimeButtonColors($grays);\n    }\n\n    .tsi-dateTimePickerContainer {\n        z-index: 1;\n        position: absolute;\n        top: 8px;\n        left: 0px;\n    }\n\n    .tsi-dateTimeButton {\n        height: 32px;\n        border: none;\n        cursor: pointer;\n        padding-left: 8px;\n        padding-right: 8px;\n        border-radius: 2px;\n        position: absolute;\n        top: 0;\n        left: 0;\n        white-space: nowrap;\n    }\n}       \n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin pcColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    \n    color: $gray1;\n    background: $gray3;\n\n    .tsi-pieChartSVG{\n        text{\n            fill: $gray1;\n        }\n\n        path {\n            stroke: $gray1;\n        }\n    }\n    \n    @include styles.chartColors($grays);\n}\n\n\n.tsi-pieChart {\n    &.tsi-dark {\n        $grays: styles.grays('dark');\n        @include pcColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_dark.svg);\n        }\n    }\n    &.tsi-light {\n        $grays: styles.grays('light');\n        @include pcColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_light.svg);\n        }\n    }\n\n    display: flex;\n    position: relative;\n\n    .tsi-sliderWrapper{\n        position: absolute;\n        height: 55px;\n        bottom: 8px;\n        right: 0px;\n        width: 100%;\n    }\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin sliderColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray3: list.nth($grays, 3);\n    $gray4: list.nth($grays, 4); // text\n    $gray6: list.nth($grays, 6); // text hover\n   \n    .tsi-sliderTrack {\n        stroke: $gray1;\n        @media screen and (-ms-high-contrast: white-on-black) { \n            stroke: white;              \n        }\n    }\n\n    .tsi-sliderHandle{\n        fill: white;\t\n        stroke: $gray6;\n    }\n\n    .tsi-sliderLabel {\n        background: $gray3;\n        color: $gray1;\n    }\n}\n\n.tsi-sliderComponent {\n    position: absolute;\n    height: 55px;\n    bottom: 0px;\n    right: 0px;\n\n\t&.tsi-dark{\n\t\t$grays: styles.grays('dark');\n\t\t@include sliderColors($grays);\n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n\t\t@include sliderColors($grays);\n    }\n    \n    .tsi-sliderG {\n        .tsi-sliderTrack {\n            stroke-width: 1px;\n        }\n        .tsi-sliderTrackOverlay {\n            pointer-events: stroke;\n            stroke-width: 50px;\n            stroke: transparent;\n            cursor: pointer;\n        }\n        .tsi-sliderHandle{\n            stroke-width: 1.5;\n        }\n    }\n}\n\n.tsi-sliderLabel {\n    position: absolute;\n    bottom: 5px;\n    right: 0px;\n    font-size: 11px;\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin spColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    \n    color: $gray1;\n    background: $gray3;\n\n    .tsi-scatterPlotSVG{\n        text{\n            fill: $gray1;\n        }\n\n        .tsi-focusLine {\n            stroke: $gray2;\n        }\n    }\n    \n    @include styles.chartColors($grays);\n}\n\n\n.tsi-scatterPlot {\n\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include spColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_dark.svg);\n        }\n\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include spColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_light.svg);\n        }\n    }\n    // Hide data type dropdown in scatter plot -- selection has no effect\n    .tsi-splitByLabel{\n        height: 28px !important;\n\n        .tsi-seriesTypeSelection{\n            display: none;\n        }\n    }\n\n    .tsi-sliderWrapper{\n        position: absolute;\n        height: 55px;\n        bottom: 8px;\n        right: 0px;\n    }\n    \n    .tsi-scatterPlotSVG{\n        .xAxis, .yAxis text{\n            font-size: 12px;\n        }\n        .tsi-AxisLabel{\n            font-weight: 600;\n            font-size:13px;\n        }\n        .tsi-testAxisText{\n            visibility: hidden;\n        }\n        .tsi-focus{\n            z-index: -10;\n        }\n        .tsi-focusLine {\n            stroke-width: 1px !important;\n            pointer-events: none;\n        }\n        .tsi-voronoiWrap {\n            fill-opacity: 0;\n            cursor: crosshair;\n        }\n\n        .tsi-voronoiWrap path {\n            fill: none;\n            pointer-events: all;\n            cursor: crosshair;\n        }\n    }\n\n    display: flex;\n    position: relative;\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin bcColors($grays){\n    $gray1: list.nth($grays, 1);\n    $gray2: list.nth($grays, 2); \n    $gray3: list.nth($grays, 3); \n    $gray4: list.nth($grays, 4); \n    \n    text {\n        fill: $gray1;\n    }    \n    color: $gray1;\n    background: $gray3;\n    .tsi-barChartSVG {\n        .tsi-baseLine{\n            stroke: $gray1;\n        }\n        .tsi-focusLine {\n            stroke: $gray2;\n        }\n        .aggregateLabelBox{\n            fill: $gray3;\n        }        \n    }    \n    @include styles.chartColors($grays);\n}\n\n.tsi-barChart {\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include bcColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_dark.svg);\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include bcColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_light.svg);\n        }\n    }\n\n    text {\n        font-size:12px;\n    }\n    display: flex;\n    position: relative;\n    .tsi-barChartSVG {\n        .tsi-valueElement {\n            cursor: pointer;\n            stroke: none;\n        }\n        .tsi-focusLine {\n            stroke-width: 1px;\n            pointer-events: none;\n        }\n    }\n\n    .tsi-sliderWrapper{\n        position: absolute;\n        height: 55px;\n        bottom: 8px;\n        right: 0px;\n        width: 100%;\n    }\n    .tsi-stackedButton {\n        &.tsi-lightTheme {\n            background-image: url(../../Icons/Layer_Icon_Light_Theme.svg);\n        }\n        &.tsi-darkTheme {\n            background-image: url(../../Icons/Layer_Icon_Dark_Theme.svg);\n        }\n    }\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin hierarchyColors($grays){\n    $gray1: list.nth($grays, 1);\n    $gray2: list.nth($grays, 2); \n    $gray3: list.nth($grays, 3);\n    $gray4: list.nth($grays, 4); \n    color: $gray1;\n    background: $gray3;\n    .tsi-navTabWrapper{\n        border-bottom: 1px solid $gray1;\n    }\n    .tsi-hierarchyList{\n        li{\n            .tsi-markedName{\n                &:hover{\n                    cursor: pointer;\n                    background: $gray2;\n                }\n            }\n            &.tsi-resultSelected{\n                background-color: transparent;\n                .tsi-markedName{\n                    background: $gray2;\n                }\n            }\n        }\n    }    \n    .tsi-navTab{\n        &.tsi-selected{\n            border-bottom: 2px solid $gray1;\n        }\n    }\n    @include styles.baseContextMenuColors($grays);\n}   \n\n.tsi-hierarchy{\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include hierarchyColors($grays);\n        .tsi-hierarchyList{\n            li{\n                > .tsi-caret{\n                    background-image: url(../../Icons/CaretClosed_Dark_Theme.svg);\n                }\n            }\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include hierarchyColors($grays);\n        .tsi-hierarchyList{\n            li{\n                > .tsi-caret{\n                    background-image: url(../../Icons/CaretClosed_Light_Theme.svg);\n                }\n            }\n        }\n    }\n\n    .tsi-filterWrapper{\n        padding: 12px 20px;\n        padding-bottom: 4px;\n        input{\n            width: 100%;\n            padding: 4px;\n        }\n    }\n\n    .tsi-navTabWrapper{\n        padding-left: 8px;\n        .tsi-navTab{\n            border-bottom: 2px solid transparent;\n            display: inline-block;\n            margin: 0 12px;\n            font-size: 14px;\n            cursor: pointer;\n        }\n    }\n\n    .tsi-hierarchyList{\n        position: relative;\n        height: 100%;\n        ul{\n            list-style: none;\n            padding: 0;\n            &.tsi-noPad{\n                padding: 8px 20px;\n                margin: 0;\n                overflow: auto;\n                height: 100%;\n            }\n        }\n        li{\n            > .tsi-caret{\n                transform: rotate(0deg);\n            }\n            &.tsi-expanded{\n                > .tsi-caret{\n                    transform: rotate(90deg);\n                }\n            }\n        }\n        li{\n            position: relative;\n            .tsi-caret{\n                position: absolute;\n                display: block;\n                height: 10px;\n                width: 10px;\n                cursor: pointer;\n                z-index: 1;\n                background-size: 10px;\n                background-repeat: no-repeat;\n                top: 11px;\n                background-position: 50%;\n                transition: all .2s ease;\n                pointer-events: none;\n            }\n            .tsi-markedName{\n                width: calc(100% + 40px);\n                display: flex;\n                position: relative;\n                top: 0;\n                left: 0;\n                margin: 0;\n                padding-left: 28px;\n                height: 32px;\n                font-size: 14px;\n                align-items: center;\n                margin-left: -20px;\n            }\n            &.tsi-expanded{\n                .tsi-caret{\n                    content: '';\n                    cursor: pointer;\n                }\n            }\n            &.tsi-leaf, .tsi-leafParent{\n                font-weight: 600;\n                .tsi-caret{\n                    display: none;\n                }\n                &.draggable {\n                    cursor: move; \n                    .tsi-markedName{\n                        cursor: move; \n                    }\n                }\n                &.draggable:active {\n                    cursor: move;\n                    .tsi-markedName{\n                        cursor: move;\n                    }\n                }\n            }\n        }\n    }\n    .tsi-noBefore .tsi-caret{\n        content: '' !important;\n    }\n    .tsi-hierarchyContextMenu{\n        @extend .tsi-baseContextMenu;\n        position: absolute;\n        left: calc(100% - 32px);   \n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin hmColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6);\n    \n    color: $gray1;\n    background: $gray3;\n    @include styles.chartColors($grays);\n\n    .tsi-heatmapWrapper {\n        .tsi-heatmapTimeLabels {\n            stroke: $gray6;\n            .tsi-heatmapTimeLabelTextBox {\n                text {\n                    fill: $gray1 !important;\n                    stroke: none;\n                    font-size: 12px;\n                }\n                rect {\n                    fill: $gray4 !important;\n                }\n            }\n            .tsi-heatmapFocusLine {\n                stroke: $gray2 !important;\n            }\n            .xAxis {\n                fill: $gray1 !important;\n                text {\n                    stroke: none;\n                }\n        \n                .xAxisBaseline {\n                    stroke: $gray1 !important;\n                    pointer-events: none;\n                }\n            }\n        }\n    }\n}\n.tsi-heatmapComponent {\n    \n    svg {\n        shape-rendering: crispEdges;\n    }\n\n    display: flex;\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include hmColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_dark.svg);\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include hmColors($grays);\n        .tsi-resizeGutter {\n            background-image: url(./../../Icons/drag_handle_light.svg);\n        }\n    }\n\n\n    .tsi-heatmapWrapper {\n        position: relative;\n        overflow: hidden;\n    \n        .tsi-heatmapSVG {\n            width: 100%;\n            height: 100%;\n            pointer-events: none;\n            position: absolute;\n            bottom: 0px;\n            left: 0px;\n\n            .tick {\n                line {\n                    width: 4px;\n                }\n                text {\n                    font-size: 12px !important;\n                }\n            }\n    \n            .tsi-heatmapFocusLine {\n                stroke-width: 1px;\n            }\n\n            .tsi-heatmapTimeLabelTextBox {\n                text-anchor: middle;\n                text {\n                    transform: translateY(1px);\n                }\n            }\n        }\n    \n        .tsi-heatmapCanvasWrapper {\n            position: absolute;\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin hmcColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    \n    color: $gray1;\n    @include styles.chartColors($grays);\n\n    .tsi-heatmapColorLegend {\n        .highlightedValueLine {\n            stroke: $gray1;\n        }\n\n        text {\n            fill: $gray1;\n        }\n    }\n}\n\n.tsi-heatmapCanvasWrapper {\n    overflow: visible;\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include hmcColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include hmcColors($grays);\n    }\n    .tsi-heatmapColorLegend {\n        top: 0px;\n        position: absolute;\n        overflow: visible;\n\n        text {\n            font-size: 11px;\n            text-anchor: end;\n            dominant-baseline: middle;\n            stroke: none;\n        }\n\n        .highlightedValueLine {\n            fill: none;\n            stroke-width: 2px;\n            pointer-events: none;\n        }\n\n        .highlightedValueText {\n            font-size: 12px;\n        }\n    }\n}\n\n\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin tableColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5); // header background\n    $gray7: list.nth($grays, 7); // border color\n\n    background-color: $gray3;\n    .tsi-eventsTable {\n        background-color: $gray3;\n        color: $gray1;\n        border-left: 1px solid $gray7;\n        .tsi-eventRowsContainer {\n            .tsi-eventRows {\n                tr {\n                    &:hover {\n                        background-color: $gray2;\n                    } \n                    td {\n                        border: 1px solid $gray7;\n                    }\n                }\n            }\n        }\n        .tsi-columnHeaders {\n            .tsi-columnHeader {\n                border-right: 1px solid $gray7;\n                border-bottom: 1px solid $gray7;\n                background-color: $gray5;\n                &:hover{\n                    background-color: $gray2;\n                }\n                &.tsi-columnHeaderDisabled{\n                    &:hover{\n                        background-color: $gray5;\n                    }\n                }\n            }\n        }\n    }\n\n    .tsi-tableLeftPanel {\n        .tsi-tableLegend {\n            background-color: $gray3;\n            .tsi-selectAllColumns {\n                .tsi-selectAllSomeState {\n                    background-color: $gray1;\n                }\n            }\n    \n    \n            .tsi-columnToggle, .tsi-selectAllColumns {\n                color: $gray1;\n                &:hover {\n                    background-color: $gray2; \n                }\n            }\n            .tsi-columnToggleCheckbox{\n                &.tsi-notSelected{\n                    background: $gray3;\n                    border: 1px solid rgba($gray1, .2);\n                }\n            }\n\n            .tsi-eventsDownload {\n                background-color: $gray4;\n            }\n        }\n    }\n}\n\n.tsi-tableComponent {\n    position: relative;\n    text-align: left;\n\t&.tsi-dark{\n        $grays: styles.grays('dark');\n        @include styles.chartColors($grays);\n        @include tableColors($grays);\n        .tsi-downloadEventsIcon {\n            background-image: url('../../Icons/Download_Icon_Dark.svg');\n        }\n\n        .tsi-columnSortIcon {\n            &.down {\n                background-image: url('../../Icons/SortDown_Dark.svg');\n            }\n            &.up {\n                background-image: url('../../Icons/SortUp_Dark.svg');            \n            }\n        }\n\n\t}\n\t&.tsi-light{\n        $grays: styles.grays('light');\n        @include styles.chartColors($grays);\n        @include tableColors($grays);\n        .tsi-downloadEventsIcon {\n            background-image: url('../../Icons/Download_Icon_Light.svg');\n        }\n\n        .tsi-columnSortIcon {\n            &.down {\n                background-image: url('../../Icons/SortDown_Light.svg');\n            }\n            &.up {\n                background-image: url('../../Icons/SortUp_Light.svg');            \n            }\n        }\n    }\n\n    .tsi-columnTypeIcons {\n        display: flex;\n        align-items: center;\n    }\n\n    .tsi-columnTypeIcon {\n        width: 16px;\n        height: 16px;\n        pointer-events: none;\n        &.String {\n            background-image: url('../../Icons/abc.svg');\n        }\n        &.DateTime {\n            background-image: url('../../Icons/date.svg');\n        }\n        &.Double, &.Long {\n            background-image: url('../../Icons/number.svg');\n        }\n        &.Bool {\n            background-image: url('../../Icons/boolean.svg');\n        }\n        &.tsid {\n            pointer-events: auto;\n            margin-right: 8px;\n            background-image: url('../../Icons/key.svg');\n        }\n    }\n\n    .tsi-columnSortIcon {\n        width: 16px;\n        height: 16px;\n    }\n    \n    .tsi-eventsTable {\n        position: absolute;\n        right: 0px;\n        top: 0px;\n        width: calc(100% - 245px);\n        height: 100%;\n        font-family: consolas;\n        font-size: 13px;\n\n        .tsi-columnHeaders {\n            overflow-x: hidden;\n            font-size: 14px;\n            white-space: nowrap;\n            position:absolute;\n            width: 100%;\n            top: 0px;\n            left: 0px;\n            z-index: 1;    \n            .tsi-columnHeader {\n                display: inline-block;\n                top: 0px;\n                height: 24px;\n                padding-left: 6px;\n                padding-right: 12px;\n                position: relative;\n                box-sizing: content-box;\n                &.tsi-columnHeaderDisabled{\n                    &:hover{\n                        cursor: default;\n                    }\n                }\n                &:hover{\n                    cursor: pointer;\n                }\n                .tsi-columnHeaderName {\n                    display: inline-block;\n                    font-weight: bold;\n                    margin-right: 52px;\n                    &.moreMarginRight {\n                        margin-right: 72px;\n                    }\n                }\n                .tsi-columnSortIcon {\n                    right: 28px;\n                    position: absolute;\n                    &.moreRight {\n                        right: 52px;\n                    }\n                }\n                .tsi-columnTypeIcons {\n                    position: absolute;\n                    vertical-align: bottom;\n                    right: 8px;\n\n                    .tsi-columnTypeIcon {\n                        position: relative;\n                        right: unset;\n                    }\n                }\n                .tsi-columnTypeIcon {\n                    position: absolute;\n                    vertical-align: bottom;\n                    right: 8px;\n                }\n                .tsi-sortColumnButton {\n                    background-color: transparent;\n                    display: block;\n                    width: 100%;\n                    left: 0px;\n                    top: 0px;\n                    height: 100%;\n                    position: absolute;\n                    border: none;\n                    cursor: pointer;\n                    &:disabled{\n                        cursor: default;\n                    }\n                }\n            }\n        }\n        .tsi-eventRowsContainer {\n            top: 0px;\n            overflow-y: scroll;\n            position: absolute;\n            left: 0px;\n            width: 100%;\n            height: 100%;\n            .tsi-eventRows {\n                margin-left: -1px;\n                white-space: nowrap; \n                border-collapse: collapse;\n                position:absolute;\n                top: 0px;\n                left: 0px;\n                height: 24px;\n                tr {\n                    td {\n                        min-width: 60px;\n                    }\n                }\n            }\n        }\n\n        .tsi-eventRowsContainer .tsi-eventRow, .tsi-columnHeaders {\n            .tsi-eventCell, .tsi-columnHeader {\n                height: 24px;\n                padding-left: 8px;\n                padding-right: 8px;\n            }\n            .tsi-columnHeader {\n                display: inline-flex;\n                align-items: center;\n                \n            }\n        }\n    }\n\n    .tsi-tableLeftPanel {\n        position: absolute;\n        left: 0px;\n        top: 0px;\n        width: 244px;\n        height: 100%;\n\n        .tsi-eventsDownload {\n            border: none;\n            height: 32px;\n            display: block;\n            bottom: 16px;\n            background-position-y: 8px;\n            background-position-x: 8px;\n            width: calc(100% - 40px);\n            text-align: center;\n            padding: 8px 12px;\n            cursor: pointer;\n\n            align-items: center;\n            display: flex;\n            justify-items: center;\n            justify-content: center;\n            margin: 20px;\n\n            .tsi-downloadEventsIcon {\n                height: 16px;\n                width: 16px;\n                display: inline-flex;\n                background-repeat: no-repeat;\n                background-position: center;\n            }\n            &.tsi-downloading{\n                .tsi-downloadEventsIcon {\n                    animation: rotating 2s linear infinite;\n                    background-image: url('../../Icons/Spinner.svg');\n                }       \n            }\n            .tsi-downloadEventsText {\n                display: inline-flex;\n                margin-left: 8px;\n            }\n        }\n\n        .tsi-tableLegend {\n            overflow-y: auto;\n            height: calc(100% - 60px);\n            ul {\n                padding: 0;\n                margin: 8px;\n                margin-left: 16px;\n            }\n            font-size: 14px;\n    \n            .tsi-selectAllColumns {\n                .tsi-selectAllText {\n                    left: 28px;\n                    position: absolute;\n                    pointer-events: none;\n                    width: 124px;\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                }\n            }\n    \n            .tsi-selectAllColumns {\n                margin-bottom: 4px !important;\n                .tsi-columnToggleName {\n                    left: 13px !important;\n                }\n    \n                .tsi-selectAllSomeState {\n                    pointer-events: none;\n                    position: absolute;\n                    width: 8px;\n                    height: 8px;\n                    left: 8px;\n                    top: 8px;\n                }\n            }\n    \n            .tsi-columnToggle, .tsi-selectAllColumns {\n                height: 24px;\n                overflow: hidden;\n                list-style-type: none;\n                position: relative;\n                overflow-y: hidden;\n                white-space: nowrap;\n                display: flex;\n                align-items: center;\n    \n                .tsi-columnToggleName {\n                    left: 20px;\n                    position: relative;\n                    pointer-events: none;\n                    width: calc(100% - 88px);\n                    text-overflow: ellipsis;\n                    overflow: hidden;\n                    display: inline-block;\n\n                    &.tsidPropertyName {\n                        width: calc(100% - 112px);\n                    }\n                }\n    \n                .tsi-columnToggleCheckbox {\n                    pointer-events: none;\n                    display: inline-block;\n                    width: 16px;\n                    height: 16px;\n                    left: 4px;\n                    position: relative;\n                    background-image: url('../../Icons/checkboxes.svg');\n                }\n    \n                .tsi-columnTypeIcon {\n                    display: inline-block;\n                    position: relative;\n                    left: 12px;\n                }\n    \n                .tsi-columnToggleButton {\n                    z-index: 0;\n    \n                    .tsi-onlyLabel {\n                        opacity: 0;\n                        right: 4px;\n                        position: absolute;\n                        cursor: pointer;\n                        margin-top: -10px;\n                        font-size: 14px;\n                        &:hover, &:focus {\n                            text-decoration: underline;\n                            opacity: .6;\n                        }\n                    }\n                    &:hover {\n                        .tsi-onlyLabel {\n                            opacity: .6;\n                        }\n                    }\n                    background-color: transparent;\n                    width: 100%;\n                    left: 0px;\n                    height: 100%;\n                    position: absolute;\n                    border: none;\n                }\n            }\n            .tsi-selectAllColumns {\n                font-weight: bold;\n                text-transform: capitalize;\n            }\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin modelSearchColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n    \n    background: $gray3;\n    color: $gray1;\n    \n    hit{\n        background: #fff9a8;\n        font-weight: 600;\n        color: black;\n    }\n    .tsi-showMore{\n        color: $gray6;\n    }\n    .tsi-modelSearchInstances{\n        > div{\n            border-bottom: 1px solid rgba($gray1, .05);\n            &:hover, &:focus, &.tsi-resultSelected{\n                background-color: $gray2;\n                &::after{\n                    content: \"\";\n                    position: absolute;\n                    width: 14px;\n                    height: 14px;\n                    top: 8px;\n                    left: calc(100% - 20px);\n                    background: url(../../Icons/chevron.svg) no-repeat;\n                    transform: rotate(-90deg);\n                }\n            }\n        }\n    }\n    @include styles.baseContextMenuColors($grays);\n    :global{\n        .awesomplete > ul {\n            background: $gray4;\n            color: $gray1;\n            border: 1px solid $gray1;\n            li[aria-selected=\"true\"], li:hover{\n                background: $gray2;\n            }\n        }\n    }\n}\n\n\n.tsi-modelSearchWrapper{\n    height: 100%;\n    width: 100%;\n    display: flex;\n    flex-wrap: wrap;\n    position: relative;\n\n    .tsi-modelSearchInputWrapper{\n        width: 100%;\n        z-index: 2;\n        height: 48px;\n    }\n\n    .tsi-hierarchyWrapper{\n        position: absolute;\n        top: 40px;\n        width: 100%;\n        height: calc(100% - 40px);\n        left: 0;\n        .tsi-filterWrapper{\n            display: none;\n        }\n        .tsi-navTabWrapper{\n            display: none;\n        }\n    }\n    \n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include modelSearchColors($grays);\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include modelSearchColors($grays);\n    }\n\n    .tsi-modelSearchResults{\n        flex-grow: 1;\n        display: flex;\n        height: calc(100% - 48px);\n        overflow: auto;\n        .tsi-noResults{\n            padding: 20px;\n            white-space: nowrap;\n            height: 40px;\n            margin-left: 40px;\n        }\n        .tsi-showMore{\n            cursor: pointer;\n            text-align: center;\n            padding-bottom: 8px;\n            font-size: 13px;\n            &:hover{\n                text-decoration: underline;\n            }\n        }\n        .tsi-modelSearchInstancesWrapper{\n            width: 100%;\n        }\n        .tsi-modelSearchInstances{\n            flex-grow: 1;\n            .tsi-modelResultWrapper{\n                cursor: pointer;\n                position: relative;\n                max-height: 206px;\n                overflow: hidden;\n                .tsi-modelResult{\n                    pointer-events: none;\n                    padding: 8px 20px;\n                    .tsi-modelPK{\n                        font-weight: 600;   \n                        font-size: 14px\n                    }\n                    .tsi-modelHighlights{\n                        font-size: 12px;\n                        padding-top: 2px;\n                        padding-left: 8px;\n                        padding-bottom: 2px;\n                        table{\n                            border-spacing: 0;\n                            margin-top: 2px;\n                            tr{\n                                td:first-of-type{\n                                    padding: 0;\n                                    opacity: .6;\n                                }\n                                td:nth-of-type(2){\n                                    padding: 0;\n                                    padding-left: 8px;\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n    .tsi-modelSearchContextMenu{\n        @extend .tsi-baseContextMenu;\n        position: absolute;\n        left: calc(100% - 20px);\n        z-index: 3;\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin modelAutocompleteColors($grays){\n\t$gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n\t$gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n    \n    background: $gray3;\n    color: $gray1;\n    @include styles.baseContextMenuColors($grays);\n\n        .awesomplete > ul {\n            background: $gray4;\n            color: $gray1;\n\n            li[aria-selected=\"true\"], li:hover, li:focus{\n                background: $gray2;\n            }\n        }\n    \n    .tsi-clear{\n        background-color: $gray3;\n        &:hover{\n            background-color: $gray4;\n        }\n    }\n    .tsi-searchInput{\n        color: $gray1;\n    }\n}\n\n.tsi-modelAutocompleteWrapper{\n    height: 32px;\n    position: relative;\n\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include modelAutocompleteColors($grays);\n        .tsi-clear{\n            background-image: url(../../Icons/Close_Icon_Dark_Theme.svg);                    \n        }\n        .tsi-search-icon {\n            background-image: url(../../Icons/Search_Dark.svg);\n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include modelAutocompleteColors($grays);\n        .tsi-clear{\n            background-image: url(../../Icons/Close_Icon_Light_Theme.svg);                    \n        }\n        .tsi-search-icon {\n            background-image: url(../../Icons/Search_Light.svg);\n        }\n    }\n\n    .tsi-search{\n        .tsi-clear{\n            width: 20px;\n            height: 20px;\n            cursor: pointer;\n            position: absolute;\n            left: calc(100% - 28px);\n            margin-top: 1px;\n            display: none;\n            z-index: 2;\n            background-repeat: no-repeat;\n            background-position: 50%;\n            &.tsi-shown{\n                display: block;\n            }\n        }\n        .tsi-searchInput::-ms-clear{\n            display: none;\n        }\n        \n        .awesomplete [hidden] {\n            display: none;\n        }\n\n        .awesomplete .visually-hidden {\n            position: absolute;\n            clip: rect(0, 0, 0, 0);\n        }\n\n        .awesomplete {\n            height: 100%;\n            width: 100%;\n            position: absolute;\n        }\n\n        .awesomplete > input {\n            padding-right: 28px;\n        }\n\n        .awesomplete > ul {\n            @extend .tsi-baseContextMenu;\n            animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n            position: absolute;\n            z-index: 1;\n            list-style: none;\n            padding: 0;\n            border-radius: 0px;\n            font-size: 13px;\n            width: 100%;\n            margin-top: 30px;\n\n            &:before{\n                display: none;\n            }\n            li {\n                display: block;\n                line-height: 20px;\n                cursor: pointer;\n            }\n        }\n\n        .awesomplete > ul:empty {\n            display: none;\n        }\n\n        .tsi-search-results-info {\n            position: absolute !important;\n            display: block;\n            visibility: visible;\n            overflow: hidden;\n            width: 1px;\n            height: 1px;\n            margin: -1px;\n            border: 0;\n            padding: 0;\n            white-space: nowrap;\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin hierarchyColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n\t$gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n    color: $gray1;\n    background: $gray3;\n\n    hit{\n        background: #fff9a8;\n        font-weight: 600;\n        color: black;\n    }\n\n    .tsi-show-more{\n        color: $gray6;\n    }\n\n    .tsi-hierarchy-or-list-wrapper {\n        li{                     \n            .tsi-hierarchyItem{\n                &:hover{\n                    cursor: default;\n                    background: $gray4;\n                }\n                &:focus {\n                    outline: none;\n                    background: $gray4;\n                }\n            }\n            &.tsi-resultSelected{\n                background-color: transparent;\n                .tsi-hierarchyItem{\n                    background: $gray2;\n                }\n            }\n        }\n    }\n\n    .tsi-nav-tab.tsi-selected{\n        border-bottom: 2px solid $gray1 !important;\n    }\n\n    .tsi-modelResultWrapper{\n        border-bottom: 1px solid rgba($gray1, .05);\n        &:hover, &:focus {\n            background-color: $gray4;\n            outline: none;\n            &::after{\n                content: \"\";\n                position: absolute;\n                width: 14px;\n                height: 14px;\n                top: 8px;\n                left: calc(100% - 20px);\n                background: url(../../Icons/chevron.svg) no-repeat;\n                transform: rotate(-90deg);\n            }\n        }\n        &.tsi-selected {\n            background-color: $gray2;\n        }\n    }\n    .tsi-hierarchyNavigationContextMenu{\n        li:hover, li:focus{\n            background: $gray4;\n            outline: none;\n        }\n    }\n    .tsi-leaf {\n        &.tsi-selected {\n            background: $gray2;\n            .tsi-hierarchyItem{\n                &:hover{\n                    background: $gray2;\n                }\n            }\n        }\n    }\n\n    .tsi-filter-clear {\n        &:focus{\n            outline: 1px solid $gray6;\n        }\n    }\n\n    .tsi-hierarchy-selection-wrapper {\n        .tsi-hierarchy-select {\n            background: $gray3;\n            border: 1px solid $gray5;\n            color: $gray1;\n            &:hover{\n                background-color: $gray4;\n            }\n\n            &:focus {\n                box-shadow: 0px 4px 4px $gray5;\n            }\n        }\n    \n        .tsi-hierarchy-list-wrapper {\n            background: $gray3;\n            box-shadow: 0px 4px 4px $gray5;\n            li {\n                background: $gray3;\n                &:hover, &:focus{\n                    background-color: $gray4 !important;\n                }\n                &.selected {\n                    background-color: $gray5;\n                }\n            }\n        }\n    }\n\n    .tsi-filter-path {\n        .tsi-path {\n            &:hover, &:focus {\n                background-color: $gray5;\n            }\n        }\n    }\n\n    .tsi-hierarchy-search {\n        .tsi-view-type {\n            outline: 1px solid $gray5;\n            &.selected {\n                background-color: $gray2;\n            }\n            &:focus {\n                outline: 1px solid $gray6;\n                z-index: 2;\n            }\n        }\n    }\n\n    a {\n        color: $gray6;\n        &:hover, &:focus {\n            outline: none;\n            text-decoration: underline;\n        }\n    }\n\n    @include styles.baseContextMenuColors($grays);\n\n    .tsi-hierarchyCheckbox{\n        &.tsi-notSelected{\n            background: $gray3 !important;\n            border: 1px solid rgba($gray1, .2);\n        }\n    }\n\n    .tsi-notFound, .tsi-noResults {\n        border-bottom: 1px solid $gray5;\n        &.border-top {\n            border-top: 1px solid $gray5;\n        }\n    }\n}   \n\n.tsi-hierarchy-nav-wrapper{\n    width: 100%;\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n\n    &.tsi-dark{\n        $grays: styles.grays('dark');\n        @include hierarchyColors($grays);\n        .tsi-caret-icon, .tsi-down-caret-icon {\n            background-image: url(../../Icons/CaretClosed_Dark_Theme.svg);\n        }\n        .tsi-pin-icon {\n            background-image: url(../../Icons/Pin_Icon_Dark_Theme.svg);\n        }\n        .tsi-close-icon {\n            background-image: url(../../Icons/Close_Icon_Dark_Theme.svg);\n        }\n\n        .tsi-tree-icon {\n            background-image: url(../../Icons/Tree_Icon_Dark_Theme.svg);\n        }\n\n        .tsi-list-icon {\n            background-image: url(../../Icons/List_Icon_Dark_Theme.svg);\n        }\n\n        .tsi-filter-icon {\n            background-image: url(../../Icons/Filter_Icon_Dark_Theme.svg);\n        }\n\n        .tsi-spinner-icon {\n            background-image: url(../../Icons/Spinner.svg);\n        }\n\n        .tsi-search-icon {\n            background-image: url(../../Icons/Search_Dark.svg);\n        }\n\n        .tsi-clear{\n            background-image: url(../../Icons/Close_Icon_Dark_Theme.svg);                    \n        }\n    }\n    &.tsi-light{\n        $grays: styles.grays('light');\n        @include hierarchyColors($grays);\n        .tsi-caret-icon, .tsi-down-caret-icon{\n            background-image: url(../../Icons/CaretClosed_Light_Theme.svg);\n        }\n        .tsi-pin-icon {\n            background-image: url(../../Icons/Pin_Icon_Light_Theme.svg);\n        }\n\n        .tsi-close-icon {\n            background-image: url(../../Icons/Close_Icon_Light_Theme.svg);\n        }\n\n        .tsi-tree-icon {\n            background-image: url(../../Icons/Tree_Icon_Light_Theme.svg);\n        }\n\n        .tsi-list-icon {\n            background-image: url(../../Icons/List_Icon_Light_Theme.svg);\n        }\n\n        .tsi-filter-icon {\n            background-image: url(../../Icons/Filter_Icon_Light_Theme.svg);\n        }\n\n        .tsi-spinner-icon {\n            background-image: url(../../Icons/Spinner.svg);\n        }\n        \n        .tsi-search-icon {\n            background-image: url(../../Icons/Search_Light.svg);\n        }\n\n        .tsi-clear{\n            background-image: url(../../Icons/Close_Icon_Light_Theme.svg);                    \n        }\n    }\n\n    .tsi-hierarchy-selection-wrapper {\n        padding: 20px 20px 8px;\n        flex-direction: column;\n        display: flex;\n        z-index: 3;\n        position: relative;\n\n        .tsi-hierarchy-select {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            padding: 0 8px;;\n            box-sizing: border-box;\n            border-radius: 2px;\n            height: 32px;\n            cursor: pointer;\n\n            .tsi-hierarchy-name {\n                font-size: 14px;\n                overflow: hidden;\n                text-overflow: ellipsis;\n                white-space: nowrap;\n                width: calc(100% - 10px);\n                padding-right: 8px;\n                text-align: left;\n            }\n        }\n\n        .tsi-hierarchy-list-wrapper {\n            display: none;\n            z-index: 3;\n            position: absolute;\n            width: calc(100% - 40px);\n            top: 53px;\n\n            ul {\n                font-size: 14px;\n\n                li {\n                    padding: 8px;\n                    outline: none;\n                    &:hover {\n                        cursor: pointer;\n                    }\n                    &:focus {\n                        z-index: 2;\n                    }\n                }\n            }\n        }\n    }\n\n    .tsi-hierarchy-search {\n        display: flex;\n        align-items: center;\n        padding: 0px 20px;\n        flex-direction: row;\n\n        ul {\n            z-index: 2 !important;\n        }\n\n        .tsi-view-types {\n            display: none;\n            flex-direction: row;\n            animation: fade-in .2s ease-in-out;\n\n            .tsi-view-type {\n                width: 32px;\n                height: 32px;\n                padding: 8px;\n                margin-left: 1px;\n                align-items: center;\n                cursor: pointer;\n\n                .tsi-tree-icon {\n                    display: inline-block;\n                }\n    \n                .tsi-list-icon {\n                    display: inline-block;\n                }\n            }\n        }\n        \n        .tsi-modelAutocompleteWrapper {\n            position: relative;\n            display: inline-flex;\n            flex-grow: 1;\n\n            .tsi-clear {\n                right: 4px !important;\n                left: unset !important;\n                margin-top: 0px !important;\n            }\n        }\n    }\n\n    .tsi-filter-path-wrapper {\n        display: flex;\n        height: 0px;\n        transform: scaleY(0);\n        transform-origin: top;\n        transition: transform 0.2s ease-out;\n        opacity: 0.5;\n\n        &.visible {\n            height: 24px;\n            transform: scaleY(1);\n            padding: 0px 20px;\n            margin-top: 4px;\n        }\n\n        .tsi-filter-path {\n            display: flex;\n            width: 100%;\n            align-items: center;\n            flex-direction: row;\n            padding: 0;\n\n            .tsi-filter-icon {\n                width: 12px;\n                height: 10px;\n                cursor: auto;\n                margin-right: 4px;\n            }\n    \n            .tsi-path-list {\n                display: flex;\n                align-items: center;\n                max-width: calc(100% - 36px);\n\n                .tsi-path {\n                    font-size: 12px;\n                    text-overflow: ellipsis;\n                    white-space: nowrap;\n                    overflow: hidden;\n                    padding: 4px;\n                    border-radius: 4px;\n                    cursor: pointer;\n                    outline: none;\n\n                    &:first-child, &:last-child {\n                        min-width: 32px;\n                    }\n\n                    &:first-child {\n                        padding-left: 0;\n                    }\n                }\n            }\n    \n            .tsi-filter-clear {\n                width: 12px !important;\n                height: 12px !important;\n                margin-left: auto;\n                display: none;\n                cursor: pointer;\n            }\n        }  \n    }\n\n    .tsi-instance-lookup-loading {\n        display: none;\n        animation: fade-in .2s ease-in-out;\n        padding: 8px 18px 0px;\n        align-items: center;\n        width: 100%;\n\n        .tsi-spinner-icon {\n            width: 12px;\n            height: 12px;\n            display: inline-block;\n            margin-right: 8px;\n            animation: rotating 2s linear infinite;\n        }\n\n        .tsi-lookup-instance {\n            width: 100%;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            font-size: 13px;\n            white-space: nowrap;\n        }\n    }\n\n    .tsi-hierarchy-or-list-wrapper {\n        width: 100%;\n        display: flex;\n        flex-grow: 1;\n        flex-direction: column;\n        min-height: 0px;\n        padding-top: 8px;\n        position: relative;\n\n        .tsi-hierarchy {\n            width: 100%;\n            overflow-y: auto;\n            padding-bottom: 20px;\n        }\n\n        .tsi-list {\n            overflow-y: auto;\n            width: 100%;\n            display: none;\n\n            .tsi-modelResultWrapper {\n                cursor: pointer;\n                position: relative;\n                max-height: 206px;\n                overflow: hidden;\n                animation: fade-in .2s ease-in-out;\n\n                .tsi-modelResult{\n                    pointer-events: none;\n                    padding: 8px 20px;\n                    .tsi-modelPK{\n                        font-weight: 600;   \n                        font-size: 14px;\n                        text-overflow: ellipsis;\n                        overflow: hidden;\n                        white-space: nowrap;\n                    }\n                    .tsi-modelHighlights{\n                        font-size: 12px;\n                        padding-top: 2px;\n                        padding-left: 8px;\n                        padding-bottom: 2px;\n                        table{\n                            border-spacing: 0;\n                            margin-top: 2px;\n                            tr{\n                                td {\n                                    padding: 0;\n                                    vertical-align: top;\n                                    &:first-of-type{\n                                        opacity: .6;\n                                    }\n                                    &:nth-of-type(2){\n                                        padding-left: 8px;\n                                    }\n                                }\n                            }\n                        }\n                    }\n                }\n            }\n            .tsi-show-more{\n                text-align: center !important;\n                padding: 8px;\n            }\n        }\n        .tsi-show-more{\n            font-size: 14px;\n            span {\n                cursor: pointer !important;\n            }\n        }\n    }\n\n    .tsi-notFound, .tsi-noResults {\n        display: flex;\n        align-items: center;\n        margin: 4px 20px;\n        padding: 4px 0px;\n        animation: fade-in .2s ease-in-out;\n\n        .tsi-not-found-message {\n            width: calc(100% - 12px);\n            padding-right: 4px;\n            font-size: 12px;\n            line-height: 17px;\n\n            .tsi-search-globally-link {\n                padding-left: 4px;\n                cursor: pointer;\n            }\n        }\n\n        .tsi-clear {\n            width: 12px;\n            height: 12px;\n            cursor: pointer;\n            display: inline-block;\n            background-size: contain;\n            background-repeat: no-repeat;\n        }\n    }\n\n    .tsi-filter-icon {\n        z-index: 3 !important;\n        right: 20px;\n        position: absolute;\n        visibility: hidden;\n        height: 16px;\n        width: 16px;\n        cursor: pointer;\n        background-repeat: no-repeat;\n        background-size: 11px;\n        background-position: center;\n        top: 6px;\n    }\n\n    .tsi-down-caret-icon {\n        height: 14px;\n        width: 14px;\n        background-repeat: no-repeat;\n        background-size: contain;\n        transform: rotate(90deg);\n    }\n\n    .tsi-close-icon, .tsi-list-icon, .tsi-tree-icon {\n        cursor: pointer;\n        height: 16px;\n        width: 16px;\n        background-repeat: no-repeat;\n        background-size: contain;\n    }\n\n    ul{\n        list-style: none;\n        padding: 0;\n        margin: 0;\n        width: 100%;\n        \n        &.tsi-noPad{\n            padding: 8px 20px;\n            margin: 0;\n            overflow: auto;\n            height: 100%;\n        }\n    }\n\n    li {\n        position: relative;\n        animation: fade-in .2s ease-in-out;\n\n        .tsi-caret-icon{\n            position: absolute;\n            display: block;\n            height: 10px;\n            width: 10px;\n            cursor: pointer;\n            z-index: 1;\n            background-size: 10px;\n            background-repeat: no-repeat;\n            top: 11px;\n            background-position: 50%;\n            transition: all .2s ease;\n            pointer-events: none;\n            transform: rotate(0deg);\n        }\n        .tsi-hierarchyItem{\n            display: flex;\n            flex-wrap: wrap;\n            position: relative;\n            margin: 0;\n            min-height: 28px;\n            font-size: 14px;\n            align-items: center;\n            padding-right: 40px;\n            cursor: pointer !important;\n\n            .tsi-name {\n                text-overflow: ellipsis;\n                overflow: hidden;\n                white-space: nowrap;\n                max-width: calc(100% - 26px);\n            }\n\n            .tsi-instanceCount {\n                opacity: .6;\n                padding-left: 8px;\n                font-size: 11px;\n                position: relative;\n                top: 1px;\n            }\n\n            .tsi-highlights-detail {\n                font-weight: 400;\n                font-size: 12px;\n                padding-top: 2px;\n                padding-left: 8px;\n                padding-bottom: 2px;\n                display: none;\n                width: 100%;\n            \n                table {\n                    margin: 2px;\n                    table-layout: fixed;\n                    width: 100%;\n\n                    tr {\n                        td {\n                            padding: 0;\n                            vertical-align: top;\n                            white-space: nowrap;\n                            text-overflow: ellipsis;\n                            overflow: hidden;\n\n                            &:first-of-type{\n                                opacity: .6;\n                            }\n                            &:nth-of-type(2){\n                                padding-left: 8px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        &.tsi-expanded{\n            > .tsi-hierarchyItem > .tsi-caret-icon{\n                content: '';\n                cursor: pointer;\n                transform: rotate(90deg);\n            }\n        }\n        &.tsi-leaf {\n            font-weight: 600;\n        }\n    }\n\n    .tsi-noBefore .tsi-caret-icon{\n        content: '' !important;\n    }\n\n    .tsi-hierarchyNavigationContextMenu{\n        @extend .tsi-baseContextMenu;\n        border: none;\n        position: absolute;\n        width: 172px;\n        left: calc(100% - 32px);\n        top: 0px;\n        z-index: 4;\n        transition: top .2s ease-in-out;\n        display: flex;\n        flex-direction: column;\n\n        .tsi-search {\n            height: 32px;\n            padding: 0;\n            margin: 4px 8px 8px;\n            width: calc(100% - 16px);\n\n            &:focus, &:hover {\n                background-color: unset !important;\n            }\n        }\n\n        ul {\n            padding: 0;\n            margin: 0;\n            overflow-y: auto;\n            max-width: 200px;\n            max-height: 240px;\n        }\n\n        li {\n            font-size: 12px;\n            cursor: pointer;\n            height: 28px;\n            display: flex;\n            align-items: center;\n            overflow: hidden;\n        }\n\n        button {\n            text-align: center;\n            margin: 12px 8px 4px;\n            display: block;\n            min-height: 28px;\n        }\n\n        .tsi-selectionItemWrapper {\n            display: flex;\n            align-items: center;\n            width: 100%;\n            padding: 4px 8px;\n            cursor: pointer;\n\n            .tsi-hierarchyCheckbox {\n                display: inline-block;\n                width: 16px;\n                height: 16px;\n                margin: 0;\n                background-image: url('../../Icons/checkboxes.svg');\n                background-size: contain;\n                background-repeat: no-repeat;\n            }\n\n            .tsi-selectionItemKind {\n                width: 16px;\n                height: 16px;\n                background-size: contain;\n                background-repeat: no-repeat;\n                flex-shrink: 0;\n                &.categorical {\n                    background-image: url('../../Icons/categorical.svg');\n                }\n                &.aggregate {\n                    background-image: url('../../Icons/aggregate.svg');\n                }\n                &.numeric {\n                    background-image: url('../../Icons/numeric.svg');\n                }\n            }\n\n            .tsi-selectionItem {\n                text-overflow: ellipsis;\n                overflow: hidden;\n                white-space: nowrap;\n                width: calc(100% - 40px);\n                margin: 0 8px;\n                padding-left: 2px;\n            }\n        }\n    }\n\n    .tsi-hitCount { \n        display: none;\n    }\n\n    @keyframes fade-in {\n        0% { opacity: 0; }\n        100% { opacity: 1; }\n    }\n\n    @keyframes rotating {\n        from {\n          transform: rotate(0deg);\n        }\n        to {\n          transform: rotate(360deg);\n        }\n    }\n}\n","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin dateTimePickerColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6);\n\n    background-color: $gray3;\n    color: $gray1;\n\n    .tsi-select, .tsi-select option {\n        color: $gray1;\n        background-color: $gray3;\n    }\n    .pika-single  {\n        .pika-select, .pika-select option, .pika-label, .pika-day, .pika-prev, .pika-next {\n            color: $gray1;\n            background-color: $gray3;    \n            &:focus {\n                border:1px solid $gray6;\n            }\n        } \n\n        .pika-prev, .pika-next {\n            color: $gray6;\n            background-color: white;\n        }\n\n        color: $gray1;\n        background-color: $gray3;\n    }\n    .tsi-timeControlsContainer {\n        .tsi-startContainer, .tsi-endContainer, .tsi-timezoneContainer {\n            .tsi-timeLabel {\n                .tsi-snapToEndRangeButton {\n                    color: $gray6;\n                }\n            }\n        }\n        .tsi-dateTimeInput {\n            color: $gray1;\n            background-color: $gray3;\n            border: 1px solid rgba($gray1, .4);\n        }\n    }\n}\n\n.tsi-singleDateTimePicker {\n    animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n        @include dateTimePickerColors($grays);\n        .pika-single {\n            .is-inrange {\n                .pika-day {\n                    background-color: rgba(48, 157, 144, .4) !important; \n                }\n            }\n\n            .pika-table {\n                .pika-row {\n                    td {\n                        &.is-selected {\n                            .pika-day {\n                                background-color: #309d90;\n                                color: white;\n                                border-bottom-left-radius: 8px;\n                                border-top-left-radius: 8px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n        \n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n        @include dateTimePickerColors($grays);\n        \n        .pika-single {\n            .is-inrange {\n                .pika-day {\n                    background-color: rgba(48, 157, 144, .4) !important; \n                }\n            }\n\n            .pika-table {\n                .pika-row {\n                    td {\n                        &.is-selected {\n                            .pika-day {\n                                background-color: #309d90;\n                                color: white;\n                                border-radius: 8px;\n                            }\n                        }\n                    }\n                }\n            }\n        }\n    }\n\n    display: block;\n    align-items: stretch;\n    width: 220px;\n\n    .tsi-calendarPicker {\n        width: 100%;\n    }\n\n    .tsi-errorMessageContainer {\n        background-color: darkorange;\n        color: white;\n        .tsi-errorMessage {\n            padding: 8px;\n        }\n    }\n\n    .tsi-timeControlsContainer {\n        align-items: stretch;\n        width: calc(100% - 24px);\n        margin-left: 12px;\n        margin-right: 12px;\n        padding-top: 12px;\n        padding-bottom: 20px;\n\n        .tsi-dateTimeInput {\n            height: 28px;\n            padding-left: 4px;\n            font-size: 12px;\n            width: calc(100% - 8px);\n            -webkit-box-shadow: none;\n            -moz-box-shadow: none;\n            box-shadow: none;\n        }\n\n        .tsi-timeLabel {\n            font-weight: normal;\n            font-size: 12px;\n            margin: 0;\n            margin-bottom: 4px;\n        }\n    }\n    .tsi-saveButtonContainer {\n        width: 100%;\n        height: 48px;\n        .tsi-saveButton {\n            width: 92px;\n            border: none;\n            float: right;\n            margin-right: 12px;\n            height: 32px;\n            padding: 8px;\n            background-color: #309d90;\n            border-radius: 2px;\n            color: white;\n            line-height: 14px;\n            &.tsi-buttonDisabled {\n                background-color: grey;\n            }\n        }\n    }\n\n    .pika-single {\n        .pika-table {\n            .pika-row {\n                td {\n                    &.is-selected {\n                        .pika-day {\n                            border-radius: 8px;\n                        }\n                    }\n                }\n            }\n        }\n    }\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n\n@mixin dateTimeButtonSingleColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n    $gray5: list.nth($grays, 5);\n    $gray6: list.nth($grays, 6);\n\n    .tsi-dateTimeButton {\n        background-color: $gray5;\n        color: $gray1;        \n    }\n}\n\n.tsi-dateTimeContainerSingle {\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n        @include dateTimeButtonSingleColors($grays);\n        .tsi-dateTimeButton {\n            background-image: url('../../Icons/dateTimeDark.svg');\n        }\n\t}\n\t&.tsi-light{\n\t\t$grays: styles.grays('light');\n        @include dateTimeButtonSingleColors($grays);\n        .tsi-dateTimeButton {\n            background-image: url('../../Icons/dateTimeLight.svg');\n        }\n    }\n\n    .tsi-dateTimePickerContainer {\n        z-index: 1;\n        position: absolute;\n        top: 32px;\n    }\n\n    .tsi-dateTimeButton {\n        height: 32px;\n        border: none;\n        cursor: pointer;\n        padding-left: 32px;\n        padding-right: 8px;\n        border-radius: 2px;\n        background-size: 16px 16px;\n        background-position-y: 8px;\n        background-position-x: 8px;\n        background-repeat: no-repeat;\n    }\n}",".tsi-playback-controls-container {\n    padding-left: 20px;\n    padding-right: 20px;\n}\n\n.tsi-playback-timeline {\n    width: 100%;\n    height: 32px;\n    position: relative;\n}\n\n.tsi-playback-timeline svg {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n}\n\n.tsi-playback-input {\n    position: absolute;\n    pointer-events: none;\n    height: 100%;\n}\n\n.tsi-playback-track, .tsi-playback-handle {\n    cursor: pointer;\n}\n\n.tsi-playback-track {\n    stroke-width: 5px;\n    stroke-linecap: round;\n\n    .tsi-left-of-handle {\n        stroke: #605E5C;\n    }\n\n    .tsi-right-of-handle {\n        stroke: #C8C6C4;\n    }\n}\n\n.tsi-playback-handle {\n    stroke-width: 2px;\n    stroke: #323130;\n    fill: #fff;\n}\n\n.tsi-playback-axis {\n    position: absolute;\n    height: 100%;\n\n    svg {\n        width: 100%;\n        height: 100%;\n        overflow: visible;\n\n        g:first-of-type {\n            text-anchor: start;\n        }\n\n        g:last-of-type {\n            text-anchor: end;\n        }\n    }\n}\n\n.tsi-playback-buttons {\n    width: 100%;\n    height: 36px;\n    margin-top: 16px;\n    margin-bottom: 8px;\n\n    .tsi-play-button, .tsi-pause-button {\n        padding: 4px;\n        background: none;\n        border: none;\n        background-repeat: no-repeat;\n        background-position: center;\n    }\n}\n\n.tsi-dark {\n    .tsi-playback-buttons {\n        .tsi-play-button {\n            background-image: url(../../Icons/Play_Icon_Dark_Theme.svg);\n        }\n\n        .tsi-pause-button {\n            background-image: url(../../Icons/Pause_Icon_Dark_Theme.svg);\n        }\n    }\n}\n\n.tsi-light {\n    .tsi-playback-buttons {\n        .tsi-play-button, .tsi-pause-button {\n            margin-left: 6px;\n        }\n\n        .tsi-play-button {\n            background-image: url(../../Icons/Play_Icon_Light_Theme.svg);\n        }\n\n        .tsi-pause-button {\n            background-image: url(../../Icons/Pause_Icon_Light_Theme.svg);\n        }\n    }\n}\n\n.tsi-playback-timestamp {\n    height: 100%;\n    position: relative;\n    top: -8px;\n}\n\n.tsi-playback-buttons button {\n    cursor: pointer;\n    width: 36px;\n    height: 36px;\n}\n\n.tsi-playback-buttons button:focus {\n    outline: none;\n}","@use 'sass:list';\n@use \"../../styles\" as styles;\n\n@mixin colorPickerColors($grays){\n    $gray1: list.nth($grays, 1); // text\n    $gray2: list.nth($grays, 2); // hover\n    $gray3: list.nth($grays, 3); // element\n    $gray4: list.nth($grays, 4); // background\n\t$gray5: list.nth($grays, 5); // alt element\n    $gray6: list.nth($grays, 6);\n    color: $gray1;\n    background: $gray3;\n\n    .tsi-colorPickerButton {\n        background: $gray3;\n        border: 1px solid $gray5;\n        color: $gray1;\n        &:hover{\n            background-color: $gray4;\n            cursor: pointer;\n        }\n\n        &:focus {\n            box-shadow: 0px 4px 4px $gray5;\n        }\n    }\n\n    .tsi-colorItem {\n        &:hover {\n            box-shadow: 0px 0px 5px -1px $gray1;\n        }\n    }\n}\n\n.tsi-colorPicker {\n    max-width: 200px;\n\n    &.tsi-light{\n\t\t$grays: styles.grays('light');\n        @include colorPickerColors($grays);\n\n        .tsi-noColor {\n            background-image: url(../../Icons/ColorPicker_Light.svg) !important;\n        }\n    }\n\n    &.tsi-dark{\n\t\t$grays: styles.grays('dark');\n        @include colorPickerColors($grays);\n\n        .tsi-noColor {\n            background-image: url(../../Icons/ColorPicker_Dark.svg) !important;\n        }\n    }\n\n    .tsi-colorPickerButton {\n        width: 100%;\n        padding: 4px;\n        display: flex;\n        align-items: center;\n\n        .tsi-selectedColor {\n            width: 24px;\n            height: 24px;\n\n            &.tsi-noColor {\n                background-repeat: no-repeat;\n                background-position: center;\n            }\n        }\n\n        .tsi-selectedColorValue {\n            padding-left: 4px;\n            text-overflow: ellipsis;\n            overflow: hidden;\n            white-space: nowrap;\n\n            &.hidden {\n                display: none;\n            }\n        }\n    }\n\n    .tsi-colorGrid {\n        width: 200px;\n        display: flex;\n        flex-direction: row;\n        flex-wrap: wrap;\n        display: none;\n        padding: 12px 8px 12px 12px;\n        box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);\n        animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;\n        border-radius: 2px;\n\n        .tsi-colorGridRow {\n            display: contents;\n            \n            .tsi-colorItem {\n                width: 32px;\n                height: 32px;\n                margin-right: 4px;\n                margin-bottom: 4px;\n                cursor: pointer;\n    \n                &.tsi-selected {\n                    background-image: url(../../Icons/Check.svg) !important;\n                    background-size: 70%;\n                    background-repeat: no-repeat;\n                    background-position: center;\n                }\n            }\n        }\n    }\n}"],"names":[],"sourceRoot":""}