tsichart-core 1.0.1 → 1.0.3

package/dist/tsiclient.min.css.map

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