tsichart-core 1.0.2 → 1.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (112) hide show
  1. package/README.MD +171 -180
  2. package/dist/AggregateExpression.d.ts +2 -2
  3. package/dist/AggregateExpression.js +3 -3
  4. package/dist/{AvailabilityChart-DB-qDF5K.js → AvailabilityChart-BoMGG4TZ.js} +6 -6
  5. package/dist/AvailabilityChart.d.ts +5 -5
  6. package/dist/AvailabilityChart.js +19 -19
  7. package/dist/{ChartComponent-vkpgBQLu.js → ChartComponent-C-JHWFBg.js} +5 -5
  8. package/dist/{ChartComponent-D_oxwJzs.d.ts → ChartComponent-C7KeM9ur.d.ts} +3 -3
  9. package/dist/{ChartDataOptions-BRyaRP-P.d.ts → ChartDataOptions-e3poMYuu.d.ts} +1 -1
  10. package/dist/{ChartDataOptions-DmxO3Mff.js → ChartDataOptions-oeldKcRt.js} +1 -1
  11. package/dist/{ChartVisualizationComponent-vNl00qB5.d.ts → ChartVisualizationComponent-BLLViCDL.d.ts} +1 -1
  12. package/dist/{ChartVisualizationComponent-B8daZQmK.js → ChartVisualizationComponent-CxYG7eU1.js} +4 -4
  13. package/dist/{ColorPicker-CtdzSTCJ.js → ColorPicker-BoWwRLgX.js} +3 -3
  14. package/dist/ColorPicker.d.ts +3 -3
  15. package/dist/ColorPicker.js +4 -4
  16. package/dist/{Component-Fh8BfEkG.js → Component-8B9w_Fc5.js} +1 -1
  17. package/dist/{Component-oHRkpsGv.d.ts → Component-DWdzAFb3.d.ts} +2 -2
  18. package/dist/{ContextMenu-BSlU15yW.js → ContextMenu-BgyrOLWD.js} +2 -2
  19. package/dist/{DateTimeButton-Dw9kYXHe.js → DateTimeButton-BvRO_NBW.js} +3 -3
  20. package/dist/{DateTimeButton-UtkAf1Dj.d.ts → DateTimeButton-DadF09ki.d.ts} +1 -1
  21. package/dist/{DateTimeButtonRange-CYSwNEiU.js → DateTimeButtonRange-Cj7wm3Z5.js} +4 -4
  22. package/dist/DateTimeButtonRange.d.ts +6 -6
  23. package/dist/DateTimeButtonRange.js +11 -11
  24. package/dist/{DateTimeButtonSingle-Cf4PIsmM.js → DateTimeButtonSingle-BFAQ9T20.js} +3 -3
  25. package/dist/DateTimeButtonSingle.d.ts +6 -6
  26. package/dist/DateTimeButtonSingle.js +10 -10
  27. package/dist/{DateTimePicker-B0jCltxE.js → DateTimePicker-Dk0YIhn3.js} +5 -5
  28. package/dist/DateTimePicker.d.ts +5 -5
  29. package/dist/DateTimePicker.js +9 -9
  30. package/dist/{EllipsisMenu-BZIeb0lc.js → EllipsisMenu-SM3t0_RH.js} +2 -2
  31. package/dist/EllipsisMenu.d.ts +3 -3
  32. package/dist/EllipsisMenu.js +4 -4
  33. package/dist/{EventsTable-Cwd5ZYUS.js → EventsTable-BIekoggg.js} +3 -3
  34. package/dist/EventsTable.d.ts +5 -5
  35. package/dist/EventsTable.js +7 -7
  36. package/dist/{GeoProcessGraphic-B5f5ijbQ.js → GeoProcessGraphic-Dojay8AF.js} +2 -2
  37. package/dist/GeoProcessGraphic.d.ts +5 -5
  38. package/dist/GeoProcessGraphic.js +5 -5
  39. package/dist/{Grid-CLg8oulV.js → Grid-BKqhDVaY.js} +3 -3
  40. package/dist/Grid.d.ts +4 -4
  41. package/dist/Grid.js +4 -4
  42. package/dist/{GroupedBarChart-CGjuSRGL.js → GroupedBarChart-FFeEu50l.js} +8 -8
  43. package/dist/GroupedBarChart.d.ts +7 -7
  44. package/dist/GroupedBarChart.js +14 -14
  45. package/dist/{GroupedBarChartData-BG7Llyim.d.ts → GroupedBarChartData-BKp1I9r7.d.ts} +1 -1
  46. package/dist/{GroupedBarChartData-DntgubPo.js → GroupedBarChartData-Cqxtlygx.js} +3 -3
  47. package/dist/{Heatmap-wSPC1TO0.js → Heatmap-DVioWTUc.js} +6 -6
  48. package/dist/Heatmap.d.ts +7 -7
  49. package/dist/Heatmap.js +11 -11
  50. package/dist/{Hierarchy-Br9nqfbB.js → Hierarchy-lPLgbmzo.js} +3 -3
  51. package/dist/Hierarchy.d.ts +3 -3
  52. package/dist/Hierarchy.js +4 -4
  53. package/dist/{HierarchyNavigation-DuJ0RI_7.js → HierarchyNavigation-D_bMt4Pa.js} +3 -3
  54. package/dist/HierarchyNavigation.d.ts +3 -3
  55. package/dist/HierarchyNavigation.js +4 -4
  56. package/dist/{HistoryPlayback-oOgP7anD.d.ts → HistoryPlayback-BcaSqEf7.d.ts} +1 -1
  57. package/dist/{HistoryPlayback-CLzw5ZJq.js → HistoryPlayback-CHSCvnem.js} +3 -3
  58. package/dist/{Legend-C3pV4ytm.js → Legend-12N0sLvB.js} +3 -3
  59. package/dist/{LineChart-Cy9eqoNN.js → LineChart-Tl103JqK.js} +8 -8
  60. package/dist/LineChart.d.ts +7 -7
  61. package/dist/LineChart.js +13 -13
  62. package/dist/{ModelAutocomplete-DU9qSmK9.js → ModelAutocomplete-Ba3G9px4.js} +3 -3
  63. package/dist/ModelAutocomplete.d.ts +3 -3
  64. package/dist/ModelAutocomplete.js +4 -4
  65. package/dist/{ModelSearch-BRCP-i7Q.js → ModelSearch-CfGtU70f.js} +5 -5
  66. package/dist/ModelSearch.d.ts +3 -3
  67. package/dist/ModelSearch.js +6 -6
  68. package/dist/{PieChart-D0YxLxeJ.js → PieChart-BKf0AjEy.js} +9 -9
  69. package/dist/PieChart.d.ts +7 -7
  70. package/dist/PieChart.js +14 -14
  71. package/dist/{PlaybackControls-39WNEgIC.js → PlaybackControls-D7MI2Cta.js} +4 -4
  72. package/dist/PlaybackControls.d.ts +3 -3
  73. package/dist/PlaybackControls.js +10 -10
  74. package/dist/{ProcessGraphic-CYUuYDHy.js → ProcessGraphic-CQEpLT7O.js} +3 -3
  75. package/dist/ProcessGraphic.d.ts +5 -5
  76. package/dist/ProcessGraphic.js +5 -5
  77. package/dist/README.MD +171 -190
  78. package/dist/{ScatterPlot-BMgGh18V.js → ScatterPlot-BfIijDhM.js} +8 -8
  79. package/dist/ScatterPlot.d.ts +7 -7
  80. package/dist/ScatterPlot.js +13 -13
  81. package/dist/{SingleDateTimePicker-hjgc6B64.js → SingleDateTimePicker-DAwJLAQD.js} +4 -4
  82. package/dist/SingleDateTimePicker.d.ts +5 -5
  83. package/dist/SingleDateTimePicker.js +8 -8
  84. package/dist/{Slider-BIdM4S0z.js → Slider-1MEeY6k6.js} +3 -3
  85. package/dist/Slider.d.ts +3 -3
  86. package/dist/Slider.js +4 -4
  87. package/dist/{TemporalXAxisComponent-C-qdKKoq.js → TemporalXAxisComponent-BsyZY7mH.js} +3 -3
  88. package/dist/{TemporalXAxisComponent-PQkhKTGG.d.ts → TemporalXAxisComponent-ddvsBHmR.d.ts} +1 -1
  89. package/dist/{TimezonePicker-CFtiUEYe.js → TimezonePicker-BgGFu_sZ.js} +3 -3
  90. package/dist/TimezonePicker.d.ts +5 -5
  91. package/dist/TimezonePicker.js +7 -7
  92. package/dist/{Tooltip-CcY3Rgca.js → Tooltip-B6-nRUtc.js} +2 -2
  93. package/dist/TsqExpression.d.ts +2 -2
  94. package/dist/TsqExpression.js +3 -3
  95. package/dist/{UXClient-Bm8dSHcu.js → UXClient-DB0P2LoK.js} +24 -24
  96. package/dist/UXClient.d.ts +11 -11
  97. package/dist/UXClient.js +38 -38
  98. package/dist/{Utils-bxV3DmSb.d.ts → Utils-BoJ3Eswu.d.ts} +1 -1
  99. package/dist/Utils.d.ts +2 -2
  100. package/dist/Utils.js +1 -1
  101. package/dist/package.json +7 -3
  102. package/dist/tsiclient.css +1118 -1118
  103. package/dist/tsiclient.d.ts +12 -12
  104. package/dist/tsiclient.js +38 -38
  105. package/dist/tsiclient.min.css.map +1 -1
  106. package/package.json +1 -1
  107. /package/dist/{ChartComponentData-DY8xShs2.d.ts → ChartComponentData-De8dPb92.d.ts} +0 -0
  108. /package/dist/{Enums-BSzh32Nl.d.ts → Enums-Bo86uMp1.d.ts} +0 -0
  109. /package/dist/{Interfaces-CaFm-ZXM.d.ts → Interfaces-CFywewZp.d.ts} +0 -0
  110. /package/dist/{Utils-B_K3cdyq.js → Utils-DdttSdnA.js} +0 -0
  111. /package/dist/{_tslib-Co-aXUsI.js → _tslib-Dlq2Xvwj.js} +0 -0
  112. /package/dist/{pikaday-pjta9kjA.js → pikaday-BEnKOElE.js} +0 -0
@@ -1909,7 +1909,7 @@ div[class^=tsi-] {
1909
1909
  line-height: 16px;
1910
1910
  }
1911
1911
 
1912
- .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
1912
+ .tsi-baseContextMenu, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
1913
1913
  white-space: nowrap;
1914
1914
  padding: 4px 0;
1915
1915
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -1919,11 +1919,11 @@ div[class^=tsi-] {
1919
1919
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
1920
1920
  text-align: left;
1921
1921
  }
1922
- .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
1922
+ .tsi-baseContextMenu > div, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > div,
1923
1923
  .tsi-baseContextMenu > li,
1924
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
1924
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > li,
1925
1925
  .tsi-baseContextMenu > button,
1926
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
1926
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > button {
1927
1927
  padding: 4px 8px;
1928
1928
  font-size: 12px;
1929
1929
  cursor: pointer;
@@ -1932,13 +1932,13 @@ div[class^=tsi-] {
1932
1932
  align-items: center;
1933
1933
  overflow: hidden;
1934
1934
  }
1935
- .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
1935
+ .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break {
1936
1936
  height: 4px;
1937
1937
  margin-top: 4px;
1938
1938
  padding: 0 0 4px 0;
1939
1939
  cursor: default;
1940
1940
  }
1941
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
1941
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break:last-of-type {
1942
1942
  display: none;
1943
1943
  }
1944
1944
 
@@ -2118,212 +2118,191 @@ select::-ms-expand {
2118
2118
  font-weight: 300;
2119
2119
  }
2120
2120
 
2121
- .tsi-modelSearchWrapper {
2122
- height: 100%;
2123
- width: 100%;
2124
- display: flex;
2125
- flex-wrap: wrap;
2126
- position: relative;
2121
+ .tsi-ellipsisMenuContainer {
2122
+ left: 0px;
2123
+ top: 0px;
2124
+ width: 24px;
2125
+ height: 24px;
2127
2126
  }
2128
- .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
2129
- width: 100%;
2130
- z-index: 2;
2131
- height: 48px;
2127
+ .tsi-ellipsisMenuContainer.tsi-ellipsisMenuShown .tsi-ellipsisMenu {
2128
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2129
+ display: block;
2132
2130
  }
2133
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
2134
- position: absolute;
2135
- top: 40px;
2131
+ .tsi-ellipsisMenuContainer .tsi-ellipsisButton {
2132
+ cursor: pointer;
2133
+ border: none;
2134
+ background-color: transparent;
2136
2135
  width: 100%;
2137
- height: calc(100% - 40px);
2138
- left: 0;
2139
- }
2140
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
2141
- display: none;
2136
+ height: 100%;
2137
+ background-repeat: no-repeat;
2138
+ display: flex;
2139
+ background-position-x: 2px;
2140
+ background-position-y: 3px;
2141
+ border-radius: 2px;
2142
+ transition: background-color 0.15s ease;
2142
2143
  }
2143
- .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
2144
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2145
+ position: absolute;
2146
+ cursor: pointer;
2147
+ min-width: 220px;
2148
+ top: 24px;
2149
+ right: 0;
2150
+ z-index: 10000;
2144
2151
  display: none;
2152
+ flex-direction: column;
2145
2153
  }
2146
- .tsi-modelSearchWrapper.tsi-dark {
2147
- background: #0d0f0e;
2148
- color: #fff;
2149
- }
2150
- .tsi-modelSearchWrapper.tsi-dark hit {
2151
- background: #fff9a8;
2152
- font-weight: 600;
2153
- color: black;
2154
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem {
2155
+ background-color: transparent;
2156
+ border: none;
2157
+ color: inherit;
2158
+ width: 100%;
2159
+ text-align: left;
2154
2160
  }
2155
- .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
2156
- color: #60aaff;
2161
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon {
2162
+ background-size: 20px 20px;
2163
+ background-repeat: no-repeat;
2164
+ height: 20px;
2165
+ width: 20px;
2166
+ margin-right: 12px;
2167
+ top: 2px;
2168
+ display: inline-block;
2169
+ position: relative;
2170
+ flex-shrink: 0;
2157
2171
  }
2158
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
2159
- border-bottom: 1px solid rgba(255, 255, 255, 0.05);
2172
+ .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuLabel {
2173
+ display: inline-block;
2174
+ position: relative;
2175
+ width: calc(100% - 60px);
2176
+ text-overflow: ellipsis;
2177
+ white-space: nowrap;
2178
+ overflow: hidden;
2160
2179
  }
2161
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected {
2162
- background-color: #62666c;
2180
+ .tsi-ellipsisMenuContainer .tsi-actionElement {
2181
+ padding: 4px 16px;
2182
+ cursor: default;
2183
+ font-size: 12px;
2163
2184
  }
2164
- .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2165
- content: "";
2166
- position: absolute;
2167
- width: 14px;
2168
- height: 14px;
2169
- top: 8px;
2170
- left: calc(100% - 20px);
2171
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
2172
- transform: rotate(-90deg);
2185
+ .tsi-ellipsisMenuContainer.tsi-dark {
2186
+ color: #fff;
2173
2187
  }
2174
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
2188
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2175
2189
  border-color: #60aaff;
2176
2190
  background-color: #0d0f0e;
2177
2191
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2178
2192
  }
2179
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:focus {
2193
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:focus {
2180
2194
  background-color: #62666c;
2181
2195
  }
2182
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
2196
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break {
2183
2197
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2184
2198
  }
2185
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:focus {
2199
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:focus {
2186
2200
  background-color: #0d0f0e;
2187
2201
  }
2188
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
2202
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput {
2189
2203
  border: 1px solid #31373e;
2190
2204
  }
2191
- .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
2205
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput:focus {
2192
2206
  border: 1px solid #60aaff;
2193
2207
  }
2194
- .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
2208
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseMono {
2195
2209
  background: #1e2223;
2196
2210
  }
2197
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
2198
- background: #1e2223;
2199
- color: #fff;
2200
- border: 1px solid #fff;
2211
+ .tsi-ellipsisMenuContainer.tsi-dark path {
2212
+ stroke: #fff;
2201
2213
  }
2202
- .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
2203
- background: #62666c;
2214
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2215
+ border-color: #60aaff;
2216
+ background-color: #0d0f0e;
2204
2217
  }
2205
- .tsi-modelSearchWrapper.tsi-light {
2206
- background: #ffffff;
2207
- color: #000;
2218
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2219
+ background-color: #62666c;
2208
2220
  }
2209
- .tsi-modelSearchWrapper.tsi-light hit {
2210
- background: #fff9a8;
2211
- font-weight: 600;
2212
- color: black;
2221
+ .tsi-ellipsisMenuContainer.tsi-dark.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2222
+ background-color: #62666c;
2213
2223
  }
2214
- .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
2215
- color: #136bfb;
2224
+ @media screen and (-ms-high-contrast: white-on-black) {
2225
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2226
+ background-color: #fff;
2227
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2228
+ }
2216
2229
  }
2217
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
2218
- border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2230
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2231
+ background-size: 20px 20px;
2232
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2219
2233
  }
2220
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected {
2221
- background-color: #b3d6f2;
2234
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2235
+ background-size: 20px 20px;
2236
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2222
2237
  }
2223
- .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2224
- content: "";
2225
- position: absolute;
2226
- width: 14px;
2227
- height: 14px;
2228
- top: 8px;
2229
- left: calc(100% - 20px);
2230
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
2231
- transform: rotate(-90deg);
2238
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2239
+ background-size: 20px 20px;
2240
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2215%22 viewBox%3D%220 0 18 15%22 fill%3D%22none%22 shape-rendering%3D%22geometricPrecision%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2.52246 4.4883V12.503H15.5225V4.4883H2.52246Z%22 fill%3D%22%23E8E8E8%22 stroke%3D%22%23F2F2F2%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M15.5 2.5H2.5V5.5H15.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M15.5 1.5H2.5V4.5H15.5V1.5Z%22 fill%3D%22white%22 fill-opacity%3D%220.3%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M10 10H8V12H10V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 10H4V12H6V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 10H12V12H14V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 7H8V9H10V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 7H4V9H6V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 7H12V9H14V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 9H8V11H10V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 9H4V11H6V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 9H12V11H14V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M10 6H8V8H10V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 6H4V8H6V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 6H12V8H14V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3C%2Fsvg%3E");
2232
2241
  }
2233
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
2242
+ .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2243
+ background-size: 16px 16px;
2244
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2245
+ }
2246
+ .tsi-ellipsisMenuContainer.tsi-light {
2247
+ color: #000;
2248
+ }
2249
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2234
2250
  border-color: #136bfb;
2235
2251
  background-color: #ffffff;
2236
2252
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2237
2253
  }
2238
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:focus {
2254
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:focus {
2239
2255
  background-color: #b3d6f2;
2240
2256
  }
2241
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
2257
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break {
2242
2258
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2243
2259
  }
2244
- .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:focus {
2260
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:focus {
2245
2261
  background-color: #ffffff;
2246
2262
  }
2247
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
2263
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput {
2248
2264
  border: 1px solid #dcdcdc;
2249
2265
  }
2250
- .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
2266
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput:focus {
2251
2267
  border: 1px solid #136bfb;
2252
2268
  }
2253
- .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
2269
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-baseMono {
2254
2270
  background: #f2f2f2;
2255
2271
  }
2256
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
2257
- background: #f2f2f2;
2258
- color: #000;
2259
- border: 1px solid #000;
2272
+ .tsi-ellipsisMenuContainer.tsi-light path {
2273
+ stroke: #000;
2260
2274
  }
2261
- .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
2262
- background: #b3d6f2;
2275
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2276
+ border-color: #136bfb;
2277
+ background-color: #ffffff;
2263
2278
  }
2264
- .tsi-modelSearchWrapper .tsi-modelSearchResults {
2265
- flex-grow: 1;
2266
- display: flex;
2267
- height: calc(100% - 48px);
2268
- overflow: auto;
2279
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2280
+ background-color: #b3d6f2;
2269
2281
  }
2270
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
2271
- padding: 20px;
2272
- white-space: nowrap;
2273
- height: 40px;
2274
- margin-left: 40px;
2282
+ .tsi-ellipsisMenuContainer.tsi-light.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2283
+ background-color: #b3d6f2;
2275
2284
  }
2276
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
2277
- cursor: pointer;
2278
- text-align: center;
2279
- padding-bottom: 8px;
2280
- font-size: 13px;
2285
+ @media screen and (-ms-high-contrast: white-on-black) {
2286
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2287
+ background-color: #fff;
2288
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2289
+ }
2281
2290
  }
2282
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
2283
- text-decoration: underline;
2291
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2292
+ background-size: 20px 20px;
2293
+ background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2284
2294
  }
2285
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
2286
- width: 100%;
2295
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2296
+ background-size: 20px 20px;
2297
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2287
2298
  }
2288
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
2289
- flex-grow: 1;
2299
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2300
+ background-size: 20px 20px;
2301
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M1.52002 4.4883V12.503H14.52V4.4883H1.52002Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M14.5 2.5H1.5V5.5H14.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M14.5 1.5H1.5V4.5H14.5V1.5Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M9 10H7V12H9V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 10H3V12H5V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 10H11V12H13V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 7H7V9H9V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 7H3V9H5V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 7H11V9H13V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 9H7V11H9V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 9H3V11H5V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 9H11V11H13V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M9 6H7V8H9V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 6H3V8H5V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 6H11V8H13V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3C%2Fsvg%3E");
2290
2302
  }
2291
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
2292
- cursor: pointer;
2293
- position: relative;
2294
- max-height: 206px;
2295
- overflow: hidden;
2296
- }
2297
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
2298
- pointer-events: none;
2299
- padding: 8px 20px;
2300
- }
2301
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
2302
- font-weight: 600;
2303
- font-size: 14px;
2304
- }
2305
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
2306
- font-size: 12px;
2307
- padding-top: 2px;
2308
- padding-left: 8px;
2309
- padding-bottom: 2px;
2310
- }
2311
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
2312
- border-spacing: 0;
2313
- margin-top: 2px;
2314
- }
2315
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
2316
- padding: 0;
2317
- opacity: 0.6;
2318
- }
2319
- .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
2320
- padding: 0;
2321
- padding-left: 8px;
2322
- }
2323
- .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2324
- position: absolute;
2325
- left: calc(100% - 20px);
2326
- z-index: 3;
2303
+ .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2304
+ background-size: 16px 16px;
2305
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2327
2306
  }
2328
2307
  div[class^=tsi-] {
2329
2308
  box-sizing: border-box;
@@ -2382,7 +2361,7 @@ div[class^=tsi-] {
2382
2361
  line-height: 16px;
2383
2362
  }
2384
2363
 
2385
- .tsi-baseContextMenu, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2364
+ .tsi-baseContextMenu, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2386
2365
  white-space: nowrap;
2387
2366
  padding: 4px 0;
2388
2367
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -2392,11 +2371,11 @@ div[class^=tsi-] {
2392
2371
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
2393
2372
  text-align: left;
2394
2373
  }
2395
- .tsi-baseContextMenu > div, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > div,
2374
+ .tsi-baseContextMenu > div, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > div,
2396
2375
  .tsi-baseContextMenu > li,
2397
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > li,
2376
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > li,
2398
2377
  .tsi-baseContextMenu > button,
2399
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu > button {
2378
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu > button {
2400
2379
  padding: 4px 8px;
2401
2380
  font-size: 12px;
2402
2381
  cursor: pointer;
@@ -2405,13 +2384,13 @@ div[class^=tsi-] {
2405
2384
  align-items: center;
2406
2385
  overflow: hidden;
2407
2386
  }
2408
- .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break {
2387
+ .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break {
2409
2388
  height: 4px;
2410
2389
  margin-top: 4px;
2411
2390
  padding: 0 0 4px 0;
2412
2391
  cursor: default;
2413
2392
  }
2414
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-break:last-of-type {
2393
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelSearchWrapper .tsi-modelSearchContextMenu .tsi-break:last-of-type {
2415
2394
  display: none;
2416
2395
  }
2417
2396
 
@@ -2591,191 +2570,212 @@ select::-ms-expand {
2591
2570
  font-weight: 300;
2592
2571
  }
2593
2572
 
2594
- .tsi-ellipsisMenuContainer {
2595
- left: 0px;
2596
- top: 0px;
2597
- width: 24px;
2598
- height: 24px;
2599
- }
2600
- .tsi-ellipsisMenuContainer.tsi-ellipsisMenuShown .tsi-ellipsisMenu {
2601
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
2602
- display: block;
2603
- }
2604
- .tsi-ellipsisMenuContainer .tsi-ellipsisButton {
2605
- cursor: pointer;
2606
- border: none;
2607
- background-color: transparent;
2608
- width: 100%;
2573
+ .tsi-modelSearchWrapper {
2609
2574
  height: 100%;
2610
- background-repeat: no-repeat;
2575
+ width: 100%;
2611
2576
  display: flex;
2612
- background-position-x: 2px;
2613
- background-position-y: 3px;
2614
- border-radius: 2px;
2615
- transition: background-color 0.15s ease;
2577
+ flex-wrap: wrap;
2578
+ position: relative;
2616
2579
  }
2617
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu {
2580
+ .tsi-modelSearchWrapper .tsi-modelSearchInputWrapper {
2581
+ width: 100%;
2582
+ z-index: 2;
2583
+ height: 48px;
2584
+ }
2585
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper {
2618
2586
  position: absolute;
2619
- cursor: pointer;
2620
- min-width: 220px;
2621
- top: 24px;
2622
- right: 0;
2623
- z-index: 10000;
2587
+ top: 40px;
2588
+ width: 100%;
2589
+ height: calc(100% - 40px);
2590
+ left: 0;
2591
+ }
2592
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-filterWrapper {
2624
2593
  display: none;
2625
- flex-direction: column;
2626
2594
  }
2627
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem {
2628
- background-color: transparent;
2629
- border: none;
2630
- color: inherit;
2631
- width: 100%;
2632
- text-align: left;
2595
+ .tsi-modelSearchWrapper .tsi-hierarchyWrapper .tsi-navTabWrapper {
2596
+ display: none;
2633
2597
  }
2634
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon {
2635
- background-size: 20px 20px;
2636
- background-repeat: no-repeat;
2637
- height: 20px;
2638
- width: 20px;
2639
- margin-right: 12px;
2640
- top: 2px;
2641
- display: inline-block;
2642
- position: relative;
2643
- flex-shrink: 0;
2598
+ .tsi-modelSearchWrapper.tsi-dark {
2599
+ background: #0d0f0e;
2600
+ color: #fff;
2644
2601
  }
2645
- .tsi-ellipsisMenuContainer .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuLabel {
2646
- display: inline-block;
2647
- position: relative;
2648
- width: calc(100% - 60px);
2649
- text-overflow: ellipsis;
2650
- white-space: nowrap;
2651
- overflow: hidden;
2602
+ .tsi-modelSearchWrapper.tsi-dark hit {
2603
+ background: #fff9a8;
2604
+ font-weight: 600;
2605
+ color: black;
2652
2606
  }
2653
- .tsi-ellipsisMenuContainer .tsi-actionElement {
2654
- padding: 4px 16px;
2655
- cursor: default;
2656
- font-size: 12px;
2607
+ .tsi-modelSearchWrapper.tsi-dark .tsi-showMore {
2608
+ color: #60aaff;
2657
2609
  }
2658
- .tsi-ellipsisMenuContainer.tsi-dark {
2659
- color: #fff;
2610
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div {
2611
+ border-bottom: 1px solid rgba(255, 255, 255, 0.05);
2660
2612
  }
2661
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2613
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected {
2614
+ background-color: #62666c;
2615
+ }
2616
+ .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2617
+ content: "";
2618
+ position: absolute;
2619
+ width: 14px;
2620
+ height: 14px;
2621
+ top: 8px;
2622
+ left: calc(100% - 20px);
2623
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
2624
+ transform: rotate(-90deg);
2625
+ }
2626
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu {
2662
2627
  border-color: #60aaff;
2663
2628
  background-color: #0d0f0e;
2664
2629
  box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
2665
2630
  }
2666
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu > div:focus {
2631
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu > div:focus {
2667
2632
  background-color: #62666c;
2668
2633
  }
2669
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break {
2634
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break {
2670
2635
  border-top: 1px solid rgba(96, 170, 255, 0.2);
2671
2636
  }
2672
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-break:focus {
2637
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-dark .tsi-modelSearchContextMenu .tsi-break:focus {
2673
2638
  background-color: #0d0f0e;
2674
2639
  }
2675
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput {
2640
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput {
2676
2641
  border: 1px solid #31373e;
2677
2642
  }
2678
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-searchInput:focus {
2643
+ .tsi-modelSearchWrapper.tsi-dark .tsi-searchInput:focus {
2679
2644
  border: 1px solid #60aaff;
2680
2645
  }
2681
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-baseMono {
2646
+ .tsi-modelSearchWrapper.tsi-dark .tsi-baseMono {
2682
2647
  background: #1e2223;
2683
2648
  }
2684
- .tsi-ellipsisMenuContainer.tsi-dark path {
2685
- stroke: #fff;
2686
- }
2687
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu {
2688
- border-color: #60aaff;
2689
- background-color: #0d0f0e;
2690
- }
2691
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2692
- background-color: #62666c;
2649
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul {
2650
+ background: #1e2223;
2651
+ color: #fff;
2652
+ border: 1px solid #fff;
2693
2653
  }
2694
- .tsi-ellipsisMenuContainer.tsi-dark.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2695
- background-color: #62666c;
2654
+ .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-dark :global .awesomplete > ul li:hover {
2655
+ background: #62666c;
2696
2656
  }
2697
- @media screen and (-ms-high-contrast: white-on-black) {
2698
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2699
- background-color: #fff;
2700
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2701
- }
2657
+ .tsi-modelSearchWrapper.tsi-light {
2658
+ background: #ffffff;
2659
+ color: #000;
2702
2660
  }
2703
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisButton {
2704
- background-size: 20px 20px;
2705
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2661
+ .tsi-modelSearchWrapper.tsi-light hit {
2662
+ background: #fff9a8;
2663
+ font-weight: 600;
2664
+ color: black;
2706
2665
  }
2707
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2708
- background-size: 20px 20px;
2709
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2219%22 height%3D%2216%22 viewBox%3D%220 0 19 16%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M2.30005 2.40039H14.761V8.96909H2.30005L6.12605 5.68479L2.30005 2.40039Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M3.28613 2.21289H15.7471V8.78159H3.28613L7.11213 5.49729L3.28613 2.21289Z%22 fill%3D%22%23F4F4F4%22 fill-opacity%3D%220.25%22 stroke%3D%22%23F4F4F4%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M16.6978 1H15.5439V14H16.6978V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2666
+ .tsi-modelSearchWrapper.tsi-light .tsi-showMore {
2667
+ color: #136bfb;
2710
2668
  }
2711
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2712
- background-size: 20px 20px;
2713
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2218%22 height%3D%2215%22 viewBox%3D%220 0 18 15%22 fill%3D%22none%22 shape-rendering%3D%22geometricPrecision%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M2.52246 4.4883V12.503H15.5225V4.4883H2.52246Z%22 fill%3D%22%23E8E8E8%22 stroke%3D%22%23F2F2F2%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M15.5 2.5H2.5V5.5H15.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M15.5 1.5H2.5V4.5H15.5V1.5Z%22 fill%3D%22white%22 fill-opacity%3D%220.3%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M10 10H8V12H10V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 10H4V12H6V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 10H12V12H14V10Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 7H8V9H10V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M6 7H4V9H6V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M14 7H12V9H14V7Z%22 fill%3D%22%231F1F20%22%2F%3E%0D%3Cpath d%3D%22M10 9H8V11H10V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 9H4V11H6V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 9H12V11H14V9Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M10 6H8V8H10V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M6 6H4V8H6V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3Cpath d%3D%22M14 6H12V8H14V6Z%22 fill%3D%22%23C5C5C5%22%2F%3E%0D%3C%2Fsvg%3E");
2669
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div {
2670
+ border-bottom: 1px solid rgba(0, 0, 0, 0.05);
2714
2671
  }
2715
- .tsi-ellipsisMenuContainer.tsi-dark .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2716
- background-size: 16px 16px;
2717
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.25%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath opacity%3D%220.75%22 d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23F4F4F4%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2672
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected {
2673
+ background-color: #b3d6f2;
2718
2674
  }
2719
- .tsi-ellipsisMenuContainer.tsi-light {
2720
- color: #000;
2675
+ .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:hover::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div:focus::after, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchInstances > div.tsi-resultSelected::after {
2676
+ content: "";
2677
+ position: absolute;
2678
+ width: 14px;
2679
+ height: 14px;
2680
+ top: 8px;
2681
+ left: calc(100% - 20px);
2682
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") no-repeat;
2683
+ transform: rotate(-90deg);
2721
2684
  }
2722
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2685
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu {
2723
2686
  border-color: #136bfb;
2724
2687
  background-color: #ffffff;
2725
2688
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
2726
2689
  }
2727
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu > div:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu > div:focus {
2690
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu > div:focus {
2728
2691
  background-color: #b3d6f2;
2729
2692
  }
2730
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break {
2693
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break {
2731
2694
  border-top: 1px solid rgba(19, 107, 251, 0.2);
2732
2695
  }
2733
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:hover, .tsi-ellipsisMenuContainer.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-break:focus {
2696
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:hover, .tsi-modelSearchWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelSearchWrapper.tsi-light .tsi-modelSearchContextMenu .tsi-break:focus {
2734
2697
  background-color: #ffffff;
2735
2698
  }
2736
- .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput {
2699
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput {
2737
2700
  border: 1px solid #dcdcdc;
2738
2701
  }
2739
- .tsi-ellipsisMenuContainer.tsi-light .tsi-searchInput:focus {
2702
+ .tsi-modelSearchWrapper.tsi-light .tsi-searchInput:focus {
2740
2703
  border: 1px solid #136bfb;
2741
2704
  }
2742
- .tsi-ellipsisMenuContainer.tsi-light .tsi-baseMono {
2705
+ .tsi-modelSearchWrapper.tsi-light .tsi-baseMono {
2743
2706
  background: #f2f2f2;
2744
2707
  }
2745
- .tsi-ellipsisMenuContainer.tsi-light path {
2746
- stroke: #000;
2747
- }
2748
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu {
2749
- border-color: #136bfb;
2750
- background-color: #ffffff;
2708
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul {
2709
+ background: #f2f2f2;
2710
+ color: #000;
2711
+ border: 1px solid #000;
2751
2712
  }
2752
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem:hover {
2753
- background-color: #b3d6f2;
2713
+ .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li[aria-selected=true], .tsi-modelSearchWrapper.tsi-light :global .awesomplete > ul li:hover {
2714
+ background: #b3d6f2;
2754
2715
  }
2755
- .tsi-ellipsisMenuContainer.tsi-light.tsi-ellipsisMenuShown .tsi-ellipsisButton {
2756
- background-color: #b3d6f2;
2716
+ .tsi-modelSearchWrapper .tsi-modelSearchResults {
2717
+ flex-grow: 1;
2718
+ display: flex;
2719
+ height: calc(100% - 48px);
2720
+ overflow: auto;
2757
2721
  }
2758
- @media screen and (-ms-high-contrast: white-on-black) {
2759
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2760
- background-color: #fff;
2761
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-dark%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E %0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisDark-1%2C.cls-ellipsisDark-4%7Bfill%3Anone%7D.cls-ellipsisDark-2%7Bopacity%3A.1%7D.cls-ellipsisDark-3%7Bfill%3Argba(255%2C255%2C255%2C.1)%7D.cls-ellipsisDark-4%7Bstroke%3A%23FFF%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisDark-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisDark-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisDark-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisDark-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E") !important;
2762
- }
2722
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-noResults {
2723
+ padding: 20px;
2724
+ white-space: nowrap;
2725
+ height: 40px;
2726
+ margin-left: 40px;
2763
2727
  }
2764
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisButton {
2765
- background-size: 20px 20px;
2766
- background-image: url("data:image/svg+xml, %3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 id%3D%22iconEllipsis-light%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-ellipsisLight-1%2C.cls-ellipsisLight-4%7Bfill%3Anone%7D.cls-ellipsisLight-2%7Bopacity%3A.1%7D.cls-ellipsisLight-3%7Bfill%3Argba(33%2C33%2C33%2C.1)%7D.cls-ellipsisLight-4%7Bstroke%3A%23000%7D%0D %3C%2Fstyle%3E%0D %3C%2Fdefs%3E%0D %3Cg transform%3D%22translate(-488 -60)%22%3E%0D %3Cpath d%3D%22M0 0h16v16H0z%22 class%3D%22cls-ellipsisLight-1%22 data-name%3D%22Rectangle 35712%22 transform%3D%22translate(488 60)%22%2F%3E%0D %3Cg data-name%3D%22Group 51398%22 transform%3D%22translate(-169.1 -543.8)%22%3E%0D %3Cg class%3D%22cls-ellipsisLight-2%22 data-name%3D%22Group 21684%22 transform%3D%22translate(498.6 540)%22%3E%0D %3Cpath d%3D%22M162 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43575%22%2F%3E%0D %3Cpath d%3D%22M167 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43576%22%2F%3E%0D %3Cpath d%3D%22M172 73.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 data-name%3D%22Path 43577%22%2F%3E%0D %3C%2Fg%3E%0D %3Cpath d%3D%22M162 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44739%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M163 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44740%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M167 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44741%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M168 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44742%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M172 72.8a1.5 1.5 0 1 0-1.5-1.5 1.473 1.473 0 0 0 1.5 1.5z%22 class%3D%22cls-ellipsisLight-3%22 data-name%3D%22Path 44743%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3Cpath d%3D%22M173 71.3a1 1 0 1 1-1-1 1.075 1.075 0 0 1 1 1z%22 class%3D%22cls-ellipsisLight-4%22 data-name%3D%22Path 44744%22 transform%3D%22translate(498.6 540)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D %3C%2Fsvg%3E");
2728
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore {
2729
+ cursor: pointer;
2730
+ text-align: center;
2731
+ padding-bottom: 8px;
2732
+ font-size: 13px;
2767
2733
  }
2768
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.flagIcon {
2769
- background-size: 20px 20px;
2770
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2217%22 height%3D%2215%22 viewBox%3D%220 0 17 15%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.25%22 d%3D%22M1.30005 2.4004H13.76V8.9691H1.30005L5.12988 5.6848L1.30005 2.4004Z%22 stroke%3D%22black%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.29004 2.2129H14.75V8.7816H2.29004L6.11011 5.4973L2.29004 2.2129Z%22 fill%3D%22%23E9E9E9%22 stroke%3D%22%23666666%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M15.6938 1H14.54V14H15.6938V1Z%22 fill%3D%22%233195E3%22%2F%3E%0D%3C%2Fsvg%3E");
2734
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-showMore:hover {
2735
+ text-decoration: underline;
2771
2736
  }
2772
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.gridIcon {
2773
- background-size: 20px 20px;
2774
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2214%22 viewBox%3D%220 0 16 14%22 fill%3D%22none%22%3E%0D%3Cpath opacity%3D%220.75%22 fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M1.52002 4.4883V12.503H14.52V4.4883H1.52002Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath opacity%3D%220.1%22 d%3D%22M14.5 2.5H1.5V5.5H14.5V2.5Z%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M14.5 1.5H1.5V4.5H14.5V1.5Z%22 fill%3D%22%23212121%22 fill-opacity%3D%220.1%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22%2F%3E%0D%3Cpath d%3D%22M9 10H7V12H9V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 10H3V12H5V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 10H11V12H13V10Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 7H7V9H9V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M5 7H3V9H5V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M13 7H11V9H13V7Z%22 fill%3D%22%23D6D6D6%22%2F%3E%0D%3Cpath d%3D%22M9 9H7V11H9V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 9H3V11H5V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 9H11V11H13V9Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M9 6H7V8H9V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M5 6H3V8H5V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3Cpath d%3D%22M13 6H11V8H13V6Z%22 fill%3D%22%238A8A8A%22%2F%3E%0D%3C%2Fsvg%3E");
2737
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstancesWrapper {
2738
+ width: 100%;
2775
2739
  }
2776
- .tsi-ellipsisMenuContainer.tsi-light .tsi-ellipsisMenu .tsi-ellipsisMenuItem .tsi-ellipsisMenuIcon.downloadIcon {
2777
- background-size: 16px 16px;
2778
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M3.49609 9.5L7.4961 13.5L11.4961 9.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 2.0004V13.5%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M3.49609 8.5L7.4961 12.5L11.4961 8.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M7.49609 1.0004V12.5%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2.99609 14.5H11.9961%22 stroke%3D%22%23212121%22 stroke-opacity%3D%220.75%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E%0D");
2740
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances {
2741
+ flex-grow: 1;
2742
+ }
2743
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper {
2744
+ cursor: pointer;
2745
+ position: relative;
2746
+ max-height: 206px;
2747
+ overflow: hidden;
2748
+ }
2749
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult {
2750
+ pointer-events: none;
2751
+ padding: 8px 20px;
2752
+ }
2753
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelPK {
2754
+ font-weight: 600;
2755
+ font-size: 14px;
2756
+ }
2757
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights {
2758
+ font-size: 12px;
2759
+ padding-top: 2px;
2760
+ padding-left: 8px;
2761
+ padding-bottom: 2px;
2762
+ }
2763
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table {
2764
+ border-spacing: 0;
2765
+ margin-top: 2px;
2766
+ }
2767
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:first-of-type {
2768
+ padding: 0;
2769
+ opacity: 0.6;
2770
+ }
2771
+ .tsi-modelSearchWrapper .tsi-modelSearchResults .tsi-modelSearchInstances .tsi-modelResultWrapper .tsi-modelResult .tsi-modelHighlights table tr td:nth-of-type(2) {
2772
+ padding: 0;
2773
+ padding-left: 8px;
2774
+ }
2775
+ .tsi-modelSearchWrapper .tsi-modelSearchContextMenu {
2776
+ position: absolute;
2777
+ left: calc(100% - 20px);
2778
+ z-index: 3;
2779
2779
  }
2780
2780
  div[class^=tsi-] {
2781
2781
  box-sizing: border-box;
@@ -3431,7 +3431,7 @@ div[class^=tsi-] {
3431
3431
  line-height: 16px;
3432
3432
  }
3433
3433
 
3434
- .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3434
+ .tsi-baseContextMenu {
3435
3435
  white-space: nowrap;
3436
3436
  padding: 4px 0;
3437
3437
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3441,11 +3441,9 @@ div[class^=tsi-] {
3441
3441
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3442
3442
  text-align: left;
3443
3443
  }
3444
- .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3444
+ .tsi-baseContextMenu > div,
3445
3445
  .tsi-baseContextMenu > li,
3446
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3447
- .tsi-baseContextMenu > button,
3448
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3446
+ .tsi-baseContextMenu > button {
3449
3447
  padding: 4px 8px;
3450
3448
  font-size: 12px;
3451
3449
  cursor: pointer;
@@ -3454,13 +3452,13 @@ div[class^=tsi-] {
3454
3452
  align-items: center;
3455
3453
  overflow: hidden;
3456
3454
  }
3457
- .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3455
+ .tsi-baseContextMenu .tsi-break {
3458
3456
  height: 4px;
3459
3457
  margin-top: 4px;
3460
3458
  padding: 0 0 4px 0;
3461
3459
  cursor: default;
3462
3460
  }
3463
- .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3461
+ .tsi-baseContextMenu .tsi-break:last-of-type {
3464
3462
  display: none;
3465
3463
  }
3466
3464
 
@@ -3640,219 +3638,147 @@ select::-ms-expand {
3640
3638
  font-weight: 300;
3641
3639
  }
3642
3640
 
3643
- .tsi-modelAutocompleteWrapper {
3644
- height: 32px;
3645
- position: relative;
3646
- }
3647
- .tsi-modelAutocompleteWrapper.tsi-dark {
3648
- background: #0d0f0e;
3649
- color: #fff;
3650
- }
3651
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
3652
- border-color: #60aaff;
3653
- background-color: #0d0f0e;
3654
- box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
3641
+ .tsi-colorPicker {
3642
+ max-width: 200px;
3655
3643
  }
3656
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
3657
- background-color: #62666c;
3644
+ .tsi-colorPicker.tsi-light {
3645
+ color: #000;
3646
+ background: #ffffff;
3658
3647
  }
3659
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
3660
- border-top: 1px solid rgba(96, 170, 255, 0.2);
3648
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
3649
+ background: #ffffff;
3650
+ border: 1px solid #dcdcdc;
3651
+ color: #000;
3661
3652
  }
3662
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
3663
- background-color: #0d0f0e;
3653
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
3654
+ background-color: #f2f2f2;
3655
+ cursor: pointer;
3664
3656
  }
3665
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3666
- border: 1px solid #31373e;
3657
+ .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
3658
+ box-shadow: 0px 4px 4px #dcdcdc;
3667
3659
  }
3668
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
3669
- border: 1px solid #60aaff;
3660
+ .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
3661
+ box-shadow: 0px 0px 5px -1px #000;
3670
3662
  }
3671
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
3672
- background: #1e2223;
3663
+ .tsi-colorPicker.tsi-light .tsi-noColor {
3664
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3673
3665
  }
3674
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
3675
- background: #1e2223;
3666
+ .tsi-colorPicker.tsi-dark {
3676
3667
  color: #fff;
3668
+ background: #0d0f0e;
3677
3669
  }
3678
- .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
3679
- background: #62666c;
3680
- }
3681
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3682
- background-color: #0d0f0e;
3670
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
3671
+ background: #0d0f0e;
3672
+ border: 1px solid #31373e;
3673
+ color: #fff;
3683
3674
  }
3684
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
3675
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
3685
3676
  background-color: #1e2223;
3677
+ cursor: pointer;
3686
3678
  }
3687
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
3688
- color: #fff;
3679
+ .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
3680
+ box-shadow: 0px 4px 4px #31373e;
3689
3681
  }
3690
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
3691
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3682
+ .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
3683
+ box-shadow: 0px 0px 5px -1px #fff;
3692
3684
  }
3693
- .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
3694
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3685
+ .tsi-colorPicker.tsi-dark .tsi-noColor {
3686
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
3695
3687
  }
3696
- .tsi-modelAutocompleteWrapper.tsi-light {
3697
- background: #ffffff;
3698
- color: #000;
3688
+ .tsi-colorPicker .tsi-colorPickerButton {
3689
+ width: 100%;
3690
+ padding: 4px;
3691
+ display: flex;
3692
+ align-items: center;
3699
3693
  }
3700
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
3701
- border-color: #136bfb;
3702
- background-color: #ffffff;
3703
- box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
3694
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
3695
+ width: 24px;
3696
+ height: 24px;
3704
3697
  }
3705
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
3706
- background-color: #b3d6f2;
3698
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
3699
+ background-repeat: no-repeat;
3700
+ background-position: center;
3707
3701
  }
3708
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
3709
- border-top: 1px solid rgba(19, 107, 251, 0.2);
3702
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
3703
+ padding-left: 4px;
3704
+ text-overflow: ellipsis;
3705
+ overflow: hidden;
3706
+ white-space: nowrap;
3710
3707
  }
3711
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
3712
- background-color: #ffffff;
3708
+ .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
3709
+ display: none;
3713
3710
  }
3714
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3715
- border: 1px solid #dcdcdc;
3711
+ .tsi-colorPicker .tsi-colorGrid {
3712
+ width: 200px;
3713
+ display: flex;
3714
+ flex-direction: row;
3715
+ flex-wrap: wrap;
3716
+ display: none;
3717
+ padding: 12px 8px 12px 12px;
3718
+ box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
3719
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3720
+ border-radius: 2px;
3716
3721
  }
3717
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
3718
- border: 1px solid #136bfb;
3722
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
3723
+ display: contents;
3719
3724
  }
3720
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
3721
- background: #f2f2f2;
3725
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
3726
+ width: 32px;
3727
+ height: 32px;
3728
+ margin-right: 4px;
3729
+ margin-bottom: 4px;
3730
+ cursor: pointer;
3722
3731
  }
3723
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
3724
- background: #f2f2f2;
3725
- color: #000;
3732
+ .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
3733
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
3734
+ background-size: 70%;
3735
+ background-repeat: no-repeat;
3736
+ background-position: center;
3726
3737
  }
3727
- .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
3728
- background: #b3d6f2;
3738
+ div[class^=tsi-] {
3739
+ box-sizing: border-box;
3740
+ font-family: "Segoe UI", sans-serif;
3729
3741
  }
3730
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3731
- background-color: #ffffff;
3742
+
3743
+ .tsi-textWrap {
3744
+ overflow: hidden;
3745
+ white-space: pre-wrap;
3746
+ text-overflow: ellipsis;
3747
+ hyphens: auto;
3748
+ overflow-wrap: break-word;
3732
3749
  }
3733
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
3734
- background-color: #f2f2f2;
3750
+
3751
+ .tsi-hidden {
3752
+ display: none;
3735
3753
  }
3736
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
3737
- color: #000;
3754
+
3755
+ @keyframes tsi-slideIn {
3756
+ from {
3757
+ transform: translateY(-10px);
3758
+ opacity: 0;
3759
+ }
3760
+ to {
3761
+ transform: translateY(0px);
3762
+ opacity: 1;
3763
+ }
3738
3764
  }
3739
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
3740
- background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
3765
+ @keyframes tsi-slideRight {
3766
+ from {
3767
+ transform: translateX(-10px);
3768
+ opacity: 0;
3769
+ }
3770
+ to {
3771
+ transform: translateX(0px);
3772
+ opacity: 1;
3773
+ }
3741
3774
  }
3742
- .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
3743
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
3744
- }
3745
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
3746
- width: 20px;
3747
- height: 20px;
3748
- cursor: pointer;
3749
- position: absolute;
3750
- left: calc(100% - 28px);
3751
- margin-top: 1px;
3752
- display: none;
3753
- z-index: 2;
3754
- background-repeat: no-repeat;
3755
- background-position: 50%;
3756
- }
3757
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
3758
- display: block;
3759
- }
3760
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
3761
- display: none;
3762
- }
3763
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
3764
- display: none;
3765
- }
3766
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
3767
- position: absolute;
3768
- clip: rect(0, 0, 0, 0);
3769
- }
3770
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
3771
- height: 100%;
3772
- width: 100%;
3773
- position: absolute;
3774
- }
3775
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
3776
- padding-right: 28px;
3777
- }
3778
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3779
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
3780
- position: absolute;
3781
- z-index: 1;
3782
- list-style: none;
3783
- padding: 0;
3784
- border-radius: 0px;
3785
- font-size: 13px;
3786
- width: 100%;
3787
- margin-top: 30px;
3788
- }
3789
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
3790
- display: none;
3791
- }
3792
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
3793
- display: block;
3794
- line-height: 20px;
3795
- cursor: pointer;
3796
- }
3797
- .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
3798
- display: none;
3799
- }
3800
- .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
3801
- position: absolute !important;
3802
- display: block;
3803
- visibility: visible;
3804
- overflow: hidden;
3805
- width: 1px;
3806
- height: 1px;
3807
- margin: -1px;
3808
- border: 0;
3809
- padding: 0;
3810
- white-space: nowrap;
3811
- }
3812
- div[class^=tsi-] {
3813
- box-sizing: border-box;
3814
- font-family: "Segoe UI", sans-serif;
3815
- }
3816
-
3817
- .tsi-textWrap {
3818
- overflow: hidden;
3819
- white-space: pre-wrap;
3820
- text-overflow: ellipsis;
3821
- hyphens: auto;
3822
- overflow-wrap: break-word;
3823
- }
3824
-
3825
- .tsi-hidden {
3826
- display: none;
3827
- }
3828
-
3829
- @keyframes tsi-slideIn {
3830
- from {
3831
- transform: translateY(-10px);
3832
- opacity: 0;
3833
- }
3834
- to {
3835
- transform: translateY(0px);
3836
- opacity: 1;
3837
- }
3838
- }
3839
- @keyframes tsi-slideRight {
3840
- from {
3841
- transform: translateX(-10px);
3842
- opacity: 0;
3843
- }
3844
- to {
3845
- transform: translateX(0px);
3846
- opacity: 1;
3847
- }
3848
- }
3849
- .tsi-resizeGutter {
3850
- width: 6px;
3851
- cursor: e-resize;
3852
- padding: 2px;
3853
- background-position-y: 50%;
3854
- background-position-x: 0px;
3855
- background-repeat: no-repeat;
3775
+ .tsi-resizeGutter {
3776
+ width: 6px;
3777
+ cursor: e-resize;
3778
+ padding: 2px;
3779
+ background-position-y: 50%;
3780
+ background-position-x: 0px;
3781
+ background-repeat: no-repeat;
3856
3782
  }
3857
3783
 
3858
3784
  .tsi-chartValueTextBox {
@@ -3866,7 +3792,7 @@ div[class^=tsi-] {
3866
3792
  line-height: 16px;
3867
3793
  }
3868
3794
 
3869
- .tsi-baseContextMenu {
3795
+ .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
3870
3796
  white-space: nowrap;
3871
3797
  padding: 4px 0;
3872
3798
  animation: tsi-slideRight 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
@@ -3876,9 +3802,11 @@ div[class^=tsi-] {
3876
3802
  box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
3877
3803
  text-align: left;
3878
3804
  }
3879
- .tsi-baseContextMenu > div,
3805
+ .tsi-baseContextMenu > div, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > div,
3880
3806
  .tsi-baseContextMenu > li,
3881
- .tsi-baseContextMenu > button {
3807
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > li,
3808
+ .tsi-baseContextMenu > button,
3809
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul > button {
3882
3810
  padding: 4px 8px;
3883
3811
  font-size: 12px;
3884
3812
  cursor: pointer;
@@ -3887,13 +3815,13 @@ div[class^=tsi-] {
3887
3815
  align-items: center;
3888
3816
  overflow: hidden;
3889
3817
  }
3890
- .tsi-baseContextMenu .tsi-break {
3818
+ .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break {
3891
3819
  height: 4px;
3892
3820
  margin-top: 4px;
3893
3821
  padding: 0 0 4px 0;
3894
3822
  cursor: default;
3895
3823
  }
3896
- .tsi-baseContextMenu .tsi-break:last-of-type {
3824
+ .tsi-baseContextMenu .tsi-break:last-of-type, .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul .tsi-break:last-of-type {
3897
3825
  display: none;
3898
3826
  }
3899
3827
 
@@ -4073,106 +4001,178 @@ select::-ms-expand {
4073
4001
  font-weight: 300;
4074
4002
  }
4075
4003
 
4076
- .tsi-colorPicker {
4077
- max-width: 200px;
4004
+ .tsi-modelAutocompleteWrapper {
4005
+ height: 32px;
4006
+ position: relative;
4078
4007
  }
4079
- .tsi-colorPicker.tsi-light {
4080
- color: #000;
4081
- background: #ffffff;
4008
+ .tsi-modelAutocompleteWrapper.tsi-dark {
4009
+ background: #0d0f0e;
4010
+ color: #fff;
4082
4011
  }
4083
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton {
4084
- background: #ffffff;
4085
- border: 1px solid #dcdcdc;
4086
- color: #000;
4012
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul {
4013
+ border-color: #60aaff;
4014
+ background-color: #0d0f0e;
4015
+ box-shadow: 0 1px 3px 0 rgba(255, 255, 255, 0.16);
4087
4016
  }
4088
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:hover {
4089
- background-color: #f2f2f2;
4090
- cursor: pointer;
4017
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul > div:focus {
4018
+ background-color: #62666c;
4091
4019
  }
4092
- .tsi-colorPicker.tsi-light .tsi-colorPickerButton:focus {
4093
- box-shadow: 0px 4px 4px #dcdcdc;
4020
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break {
4021
+ border-top: 1px solid rgba(96, 170, 255, 0.2);
4094
4022
  }
4095
- .tsi-colorPicker.tsi-light .tsi-colorItem:hover {
4096
- box-shadow: 0px 0px 5px -1px #000;
4023
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search .awesomplete > ul .tsi-break:focus {
4024
+ background-color: #0d0f0e;
4097
4025
  }
4098
- .tsi-colorPicker.tsi-light .tsi-noColor {
4099
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23323130%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4026
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4027
+ border: 1px solid #31373e;
4100
4028
  }
4101
- .tsi-colorPicker.tsi-dark {
4102
- color: #fff;
4103
- background: #0d0f0e;
4029
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput:focus {
4030
+ border: 1px solid #60aaff;
4104
4031
  }
4105
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton {
4106
- background: #0d0f0e;
4107
- border: 1px solid #31373e;
4108
- color: #fff;
4032
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-baseMono {
4033
+ background: #1e2223;
4109
4034
  }
4110
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:hover {
4111
- background-color: #1e2223;
4112
- cursor: pointer;
4035
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul {
4036
+ background: #1e2223;
4037
+ color: #fff;
4113
4038
  }
4114
- .tsi-colorPicker.tsi-dark .tsi-colorPickerButton:focus {
4115
- box-shadow: 0px 4px 4px #31373e;
4039
+ .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-dark .awesomplete > ul li:focus {
4040
+ background: #62666c;
4116
4041
  }
4117
- .tsi-colorPicker.tsi-dark .tsi-colorItem:hover {
4118
- box-shadow: 0px 0px 5px -1px #fff;
4042
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4043
+ background-color: #0d0f0e;
4119
4044
  }
4120
- .tsi-colorPicker.tsi-dark .tsi-noColor {
4121
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2228%22 height%3D%2228%22 viewBox%3D%220 0 28 28%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M19.7344 6C20.0469 6 20.3411 6.0599 20.6172 6.17969C20.8932 6.29948 21.1328 6.46094 21.3359 6.66406C21.5391 6.86719 21.7005 7.10677 21.8203 7.38281C21.9401 7.65885 22 7.95312 22 8.26562C22 8.56771 21.9427 8.85938 21.8281 9.14062C21.7135 9.41667 21.5495 9.66146 21.3359 9.875L19.4609 11.75C19.6328 11.9167 19.7656 12.1068 19.8594 12.3203C19.9531 12.5286 20 12.7552 20 13C20 13.2396 19.9531 13.4635 19.8594 13.6719C19.7708 13.8802 19.6432 14.0677 19.4766 14.2344L18.25 15.4609L17 14.2031L10.7109 20.4922L10.5078 20.5C10.2422 20.5104 10.013 20.5547 9.82031 20.6328C9.63281 20.7109 9.46615 20.8073 9.32031 20.9219C9.17969 21.0312 9.04948 21.1484 8.92969 21.2734C8.8151 21.3984 8.69271 21.5156 8.5625 21.625C8.43229 21.7344 8.28906 21.8255 8.13281 21.8984C7.97656 21.9661 7.78646 22 7.5625 22C7.34896 22 7.14583 21.9583 6.95312 21.875C6.76562 21.7917 6.60156 21.6797 6.46094 21.5391C6.32031 21.3984 6.20833 21.2344 6.125 21.0469C6.04167 20.8542 6 20.651 6 20.4375C6 20.2135 6.03385 20.0234 6.10156 19.8672C6.17448 19.7057 6.26562 19.5625 6.375 19.4375C6.48438 19.3073 6.60156 19.1849 6.72656 19.0703C6.85156 18.9505 6.96875 18.8203 7.07812 18.6797C7.19271 18.5339 7.28906 18.3672 7.36719 18.1797C7.44531 17.9922 7.48958 17.763 7.5 17.4922L7.50781 17.2891L13.7969 11L12.5391 9.75L13.7656 8.52344C13.9323 8.35677 14.1198 8.22917 14.3281 8.14062C14.5365 8.04688 14.7604 8 15 8C15.2448 8 15.4714 8.04688 15.6797 8.14062C15.8932 8.23438 16.0833 8.36719 16.25 8.53906L18.125 6.66406C18.3385 6.45052 18.5833 6.28646 18.8594 6.17188C19.1406 6.05729 19.4323 6 19.7344 6ZM16.2891 13.5L14.5 11.7109L8.49219 17.7188C8.46615 17.9844 8.41667 18.2214 8.34375 18.4297C8.27083 18.638 8.17708 18.8333 8.0625 19.0156C7.94792 19.1927 7.8125 19.3646 7.65625 19.5312C7.50521 19.6927 7.34115 19.8646 7.16406 20.0469C7.05469 20.1562 7 20.2891 7 20.4453C7 20.5964 7.05469 20.7266 7.16406 20.8359C7.27344 20.9453 7.40365 21 7.55469 21C7.71094 21 7.84375 20.9453 7.95312 20.8359C8.13542 20.6589 8.3099 20.4948 8.47656 20.3438C8.64323 20.1875 8.8151 20.0521 8.99219 19.9375C9.16927 19.8229 9.36198 19.7292 9.57031 19.6562C9.77865 19.5833 10.0156 19.5339 10.2812 19.5078L16.2891 13.5ZM20.625 9.16406C20.875 8.91406 21 8.61719 21 8.27344C21 8.10156 20.9661 7.9375 20.8984 7.78125C20.8307 7.625 20.7396 7.48958 20.625 7.375C20.5104 7.26042 20.375 7.16927 20.2188 7.10156C20.0625 7.03385 19.8984 7 19.7266 7C19.3828 7 19.0859 7.125 18.8359 7.375L16.25 9.95312L15.5156 9.21875C15.3698 9.07292 15.1979 9 15 9C14.8906 9 14.7865 9.02604 14.6875 9.07812C14.5938 9.13021 14.5026 9.19531 14.4141 9.27344C14.3307 9.35156 14.25 9.4349 14.1719 9.52344C14.0938 9.60677 14.0208 9.68229 13.9531 9.75L18.25 14.0469L18.7812 13.5156C18.9271 13.3698 19 13.1979 19 13C19 12.8958 18.9792 12.8021 18.9375 12.7188C18.901 12.6302 18.8464 12.5495 18.7734 12.4766L18.0469 11.75L20.625 9.16406Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D") !important;
4045
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear:hover {
4046
+ background-color: #1e2223;
4122
4047
  }
4123
- .tsi-colorPicker .tsi-colorPickerButton {
4124
- width: 100%;
4125
- padding: 4px;
4126
- display: flex;
4127
- align-items: center;
4048
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-searchInput {
4049
+ color: #fff;
4128
4050
  }
4129
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor {
4130
- width: 24px;
4131
- height: 24px;
4051
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-clear {
4052
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22black%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22white%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4132
4053
  }
4133
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColor.tsi-noColor {
4134
- background-repeat: no-repeat;
4135
- background-position: center;
4054
+ .tsi-modelAutocompleteWrapper.tsi-dark .tsi-search-icon {
4055
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4136
4056
  }
4137
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue {
4138
- padding-left: 4px;
4139
- text-overflow: ellipsis;
4140
- overflow: hidden;
4141
- white-space: nowrap;
4057
+ .tsi-modelAutocompleteWrapper.tsi-light {
4058
+ background: #ffffff;
4059
+ color: #000;
4142
4060
  }
4143
- .tsi-colorPicker .tsi-colorPickerButton .tsi-selectedColorValue.hidden {
4144
- display: none;
4061
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul {
4062
+ border-color: #136bfb;
4063
+ background-color: #ffffff;
4064
+ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16);
4145
4065
  }
4146
- .tsi-colorPicker .tsi-colorGrid {
4147
- width: 200px;
4148
- display: flex;
4149
- flex-direction: row;
4150
- flex-wrap: wrap;
4151
- display: none;
4152
- padding: 12px 8px 12px 12px;
4153
- box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.16), 0px 4px 8px rgba(0, 0, 0, 0.12);
4154
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4155
- border-radius: 2px;
4066
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu > div:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul > div:focus {
4067
+ background-color: #b3d6f2;
4156
4068
  }
4157
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow {
4158
- display: contents;
4069
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break {
4070
+ border-top: 1px solid rgba(19, 107, 251, 0.2);
4159
4071
  }
4160
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem {
4161
- width: 32px;
4162
- height: 32px;
4163
- margin-right: 4px;
4164
- margin-bottom: 4px;
4165
- cursor: pointer;
4072
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:hover, .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseContextMenu .tsi-break:focus, .tsi-modelAutocompleteWrapper.tsi-light .tsi-search .awesomplete > ul .tsi-break:focus {
4073
+ background-color: #ffffff;
4166
4074
  }
4167
- .tsi-colorPicker .tsi-colorGrid .tsi-colorGridRow .tsi-colorItem.tsi-selected {
4168
- background-image: url("data:image/svg+xml,%3Csvg width%3D%2213%22 height%3D%2210%22 viewBox%3D%220 0 13 10%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cg clip-path%3D%22url(%23clip0)%22%3E%0D %3Cpath d%3D%22M12.7 0.7L4.4 9.1L0 4.7L0.7 4L4.4 7.6L12 0L12.7 0.7Z%22 fill%3D%22white%22%2F%3E%0D %3C%2Fg%3E%0D %3Cdefs%3E%0D %3CclipPath id%3D%22clip0%22%3E%0D %3Crect width%3D%2212.7%22 height%3D%229.1%22 fill%3D%22white%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D%3C%2Fsvg%3E%0D") !important;
4169
- background-size: 70%;
4170
- background-repeat: no-repeat;
4171
- background-position: center;
4075
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4076
+ border: 1px solid #dcdcdc;
4172
4077
  }
4173
- div[class^=tsi-] {
4174
- box-sizing: border-box;
4175
- font-family: "Segoe UI", sans-serif;
4078
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput:focus {
4079
+ border: 1px solid #136bfb;
4080
+ }
4081
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-baseMono {
4082
+ background: #f2f2f2;
4083
+ }
4084
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul {
4085
+ background: #f2f2f2;
4086
+ color: #000;
4087
+ }
4088
+ .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li[aria-selected=true], .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:hover, .tsi-modelAutocompleteWrapper.tsi-light .awesomplete > ul li:focus {
4089
+ background: #b3d6f2;
4090
+ }
4091
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4092
+ background-color: #ffffff;
4093
+ }
4094
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear:hover {
4095
+ background-color: #f2f2f2;
4096
+ }
4097
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-searchInput {
4098
+ color: #000;
4099
+ }
4100
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-clear {
4101
+ background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22%3E%0D%3Cg opacity%3D%220.1%22%3E%0D%3Cpath d%3D%22M2 14L13 3%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 3.00001L13 14%22 stroke%3D%22black%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fg%3E%0D%3Cpath d%3D%22M2 13L13 2%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3Cpath d%3D%22M2 2.00001L13 13%22 stroke%3D%22%23212121%22 stroke-miterlimit%3D%221%22 stroke-linejoin%3D%22bevel%22%2F%3E%0D%3C%2Fsvg%3E");
4102
+ }
4103
+ .tsi-modelAutocompleteWrapper.tsi-light .tsi-search-icon {
4104
+ background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D %3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M11.96.195A5.433 5.433 0 0 0 10.5 0a5.433 5.433 0 0 0-2.773.75A5.571 5.571 0 0 0 5.75 2.727 5.434 5.434 0 0 0 5 5.5c0 .651.11 1.275.328 1.871.219.596.534 1.145.945 1.645L.148 15.149A.48.48 0 0 0 0 15.5c0 .135.05.253.148.352A.48.48 0 0 0 .5 16a.48.48 0 0 0 .352-.148l6.132-6.125c.5.411 1.049.726 1.645.945.596.219 1.22.328 1.871.328a5.433 5.433 0 0 0 2.773-.75 5.573 5.573 0 0 0 1.977-1.977A5.433 5.433 0 0 0 16 5.5a5.434 5.434 0 0 0-.75-2.773 5.573 5.573 0 0 0-.863-1.114A5.568 5.568 0 0 0 13.273.75a5.432 5.432 0 0 0-1.312-.555zm.29 9.45A4.354 4.354 0 0 1 10.5 10c-.62 0-1.203-.118-1.75-.355a4.57 4.57 0 0 1-1.43-.965 4.57 4.57 0 0 1-.965-1.43A4.354 4.354 0 0 1 6 5.5c0-.62.118-1.203.355-1.75a4.57 4.57 0 0 1 .965-1.43 4.57 4.57 0 0 1 1.43-.965A4.354 4.354 0 0 1 10.5 1c.62 0 1.203.119 1.75.355a4.57 4.57 0 0 1 1.43.965c.406.407.728.883.965 1.43.237.547.355 1.13.355 1.75 0 .62-.118 1.203-.355 1.75a4.57 4.57 0 0 1-.965 1.43 4.57 4.57 0 0 1-1.43.965z%22 fill%3D%22%23555%22%2F%3E%0D%3C%2Fsvg%3E%0D");
4105
+ }
4106
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear {
4107
+ width: 20px;
4108
+ height: 20px;
4109
+ cursor: pointer;
4110
+ position: absolute;
4111
+ left: calc(100% - 28px);
4112
+ margin-top: 1px;
4113
+ display: none;
4114
+ z-index: 2;
4115
+ background-repeat: no-repeat;
4116
+ background-position: 50%;
4117
+ }
4118
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-clear.tsi-shown {
4119
+ display: block;
4120
+ }
4121
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-searchInput::-ms-clear {
4122
+ display: none;
4123
+ }
4124
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete [hidden] {
4125
+ display: none;
4126
+ }
4127
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete .visually-hidden {
4128
+ position: absolute;
4129
+ clip: rect(0, 0, 0, 0);
4130
+ }
4131
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete {
4132
+ height: 100%;
4133
+ width: 100%;
4134
+ position: absolute;
4135
+ }
4136
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > input {
4137
+ padding-right: 28px;
4138
+ }
4139
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul {
4140
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
4141
+ position: absolute;
4142
+ z-index: 1;
4143
+ list-style: none;
4144
+ padding: 0;
4145
+ border-radius: 0px;
4146
+ font-size: 13px;
4147
+ width: 100%;
4148
+ margin-top: 30px;
4149
+ }
4150
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:before {
4151
+ display: none;
4152
+ }
4153
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul li {
4154
+ display: block;
4155
+ line-height: 20px;
4156
+ cursor: pointer;
4157
+ }
4158
+ .tsi-modelAutocompleteWrapper .tsi-search .awesomplete > ul:empty {
4159
+ display: none;
4160
+ }
4161
+ .tsi-modelAutocompleteWrapper .tsi-search .tsi-search-results-info {
4162
+ position: absolute !important;
4163
+ display: block;
4164
+ visibility: visible;
4165
+ overflow: hidden;
4166
+ width: 1px;
4167
+ height: 1px;
4168
+ margin: -1px;
4169
+ border: 0;
4170
+ padding: 0;
4171
+ white-space: nowrap;
4172
+ }
4173
+ div[class^=tsi-] {
4174
+ box-sizing: border-box;
4175
+ font-family: "Segoe UI", sans-serif;
4176
4176
  }
4177
4177
 
4178
4178
  .tsi-textWrap {
@@ -9575,326 +9575,380 @@ select::-ms-expand {
9575
9575
  font-weight: 300;
9576
9576
  }
9577
9577
 
9578
- .tsi-timeRequired {
9579
- color: #a80000;
9580
- }
9581
-
9582
- .tsi-dateTimePicker {
9583
- animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
9584
- box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
9585
- align-items: stretch;
9586
- width: 616px;
9587
- }
9588
- .tsi-dateTimePicker.tsi-dark {
9589
- background-color: #0d0f0e;
9590
- color: #fff;
9591
- }
9592
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9593
- border-left: 1px solid #31373e;
9578
+ .tsi-legend {
9579
+ overflow-y: auto;
9580
+ overflow-x: hidden;
9581
+ height: calc(100% - 16px);
9582
+ padding-left: 8px;
9594
9583
  }
9595
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9596
- background-color: #0d0f0e;
9584
+ .tsi-legend.tsi-dark {
9597
9585
  color: #fff;
9598
- border: 1px solid rgba(255, 255, 255, 0.3);
9586
+ fill: #fff;
9599
9587
  }
9600
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9601
- color: #fff;
9602
- background-color: #0d0f0e;
9588
+ .tsi-legend.tsi-dark path {
9589
+ stroke: #fff;
9603
9590
  }
9604
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9605
- background-color: rgba(98, 102, 108, 0.6) !important;
9606
- color: #fff;
9591
+ .tsi-legend.tsi-dark:not(.compact) {
9592
+ border-right: 1px solid #1e2223;
9607
9593
  }
9608
- .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9609
- background-color: #1e2223;
9594
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9595
+ color: #60aaff;
9596
+ opacity: 1;
9610
9597
  }
9611
- .tsi-dateTimePicker.tsi-dark .tsi-select,
9612
- .tsi-dateTimePicker.tsi-dark .tsi-select option {
9598
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
9599
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9600
+ fill: #fff;
9613
9601
  color: #fff;
9614
- background-color: #0d0f0e;
9615
9602
  }
9616
- .tsi-dateTimePicker.tsi-dark .pika-table th {
9603
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
9604
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9617
9605
  color: #fff;
9618
9606
  opacity: 0.6;
9607
+ background-color: transparent;
9608
+ border: 1px solid transparent;
9619
9609
  }
9620
- .tsi-dateTimePicker.tsi-dark .pika-single {
9621
- color: #fff;
9622
- background-color: #0d0f0e;
9623
- }
9624
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
9625
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
9626
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
9627
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
9628
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9629
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9630
- color: #fff;
9631
- background-color: #0d0f0e;
9632
- }
9633
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
9634
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
9635
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
9636
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
9637
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
9638
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
9639
- border: 1px solid #60aaff;
9610
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
9611
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9612
+ background: #0d0f0e;
9640
9613
  }
9641
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
9642
- .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
9614
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9615
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9616
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9643
9617
  color: #60aaff;
9644
- background-color: white;
9645
9618
  }
9646
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9647
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9648
- .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9649
- color: #60aaff;
9619
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9620
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9621
+ background-color: rgba(98, 102, 108, 0.4);
9650
9622
  }
9651
- .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
9652
- background-color: rgba(48, 157, 144, 0.4) !important;
9623
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
9624
+ border: none;
9625
+ background-color: transparent;
9653
9626
  }
9654
- .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
9655
- box-shadow: unset;
9627
+ .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9628
+ background-color: #0d0f0e;
9656
9629
  }
9657
- .tsi-dateTimePicker.tsi-light {
9658
- background-color: #ffffff;
9630
+ .tsi-legend.tsi-light {
9659
9631
  color: #000;
9632
+ fill: #000;
9660
9633
  }
9661
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9662
- border-left: 1px solid #dcdcdc;
9634
+ .tsi-legend.tsi-light path {
9635
+ stroke: #000;
9663
9636
  }
9664
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
9665
- background-color: #ffffff;
9666
- color: #000;
9667
- border: 1px solid rgba(0, 0, 0, 0.3);
9637
+ .tsi-legend.tsi-light:not(.compact) {
9638
+ border-right: 1px solid #f2f2f2;
9668
9639
  }
9669
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9640
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9641
+ color: #136bfb;
9642
+ opacity: 1;
9643
+ }
9644
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
9645
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9646
+ fill: #000;
9670
9647
  color: #000;
9671
- background-color: #ffffff;
9672
9648
  }
9673
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
9674
- background-color: rgba(179, 214, 242, 0.6) !important;
9649
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
9650
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9675
9651
  color: #000;
9652
+ opacity: 0.6;
9653
+ background-color: transparent;
9654
+ border: 1px solid transparent;
9676
9655
  }
9677
- .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
9678
- background-color: #f2f2f2;
9656
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
9657
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
9658
+ background: #ffffff;
9679
9659
  }
9680
- .tsi-dateTimePicker.tsi-light .tsi-select,
9681
- .tsi-dateTimePicker.tsi-light .tsi-select option {
9682
- color: #000;
9683
- background-color: #ffffff;
9660
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
9661
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
9662
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
9663
+ color: #136bfb;
9684
9664
  }
9685
- .tsi-dateTimePicker.tsi-light .pika-table th {
9686
- color: #000;
9687
- opacity: 0.6;
9665
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
9666
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
9667
+ background-color: rgba(179, 214, 242, 0.4);
9688
9668
  }
9689
- .tsi-dateTimePicker.tsi-light .pika-single {
9690
- color: #000;
9691
- background-color: #ffffff;
9669
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
9670
+ border: none;
9671
+ background-color: transparent;
9692
9672
  }
9693
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
9694
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
9695
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
9696
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
9697
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9698
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9699
- color: #000;
9673
+ .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
9700
9674
  background-color: #ffffff;
9701
9675
  }
9702
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
9703
- .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
9704
- .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
9705
- .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
9706
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
9707
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
9708
- border: 1px solid #136bfb;
9709
- }
9710
- .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
9711
- .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
9712
- color: #136bfb;
9713
- background-color: white;
9714
- }
9715
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9716
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
9717
- .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
9718
- color: #136bfb;
9676
+ .tsi-legend.hidden {
9677
+ display: none;
9719
9678
  }
9720
- .tsi-dateTimePicker .tsi-dateTimeGroup {
9721
- display: inline-flex;
9679
+ .tsi-legend:not(.hidden) {
9680
+ display: block;
9722
9681
  }
9723
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
9682
+ .tsi-legend.compact {
9683
+ margin-left: 20px;
9684
+ margin-right: 20px;
9685
+ top: 8px;
9686
+ height: 48px !important;
9687
+ width: calc(100% - 40px) !important;
9688
+ position: absolute;
9724
9689
  display: flex;
9725
- flex-direction: column;
9726
- width: 152px;
9727
- float: left;
9728
- height: auto;
9729
- }
9730
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
9731
- text-align: left;
9732
- border: none;
9733
- height: 10%;
9734
- padding-left: 20px;
9735
- width: 100%;
9736
- cursor: pointer;
9690
+ justify-content: center;
9691
+ border-right: none;
9692
+ padding: 0;
9693
+ padding-left: 0px;
9737
9694
  }
9738
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
9739
- float: right;
9740
- width: 460px;
9741
- padding-left: 8px;
9695
+ .tsi-legend.compact .tsi-seriesLabel {
9696
+ overflow-y: hidden;
9697
+ overflow-x: hidden;
9742
9698
  }
9743
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
9744
- border: none;
9745
- height: 250px;
9699
+ .tsi-legend.compact .tsi-seriesLabel:hover {
9700
+ overflow-x: auto;
9746
9701
  }
9747
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
9748
- box-shadow: unset;
9702
+ .tsi-legend.compact .tsi-seriesLabel {
9703
+ white-space: nowrap;
9704
+ flex-basis: auto;
9705
+ flex-shrink: 1;
9749
9706
  }
9750
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
9751
- width: 100%;
9752
- margin-top: 8px;
9707
+ .tsi-legend.compact .tsi-seriesLabel {
9708
+ border: none;
9709
+ padding: 0;
9710
+ text-align: center;
9711
+ margin: 4px;
9753
9712
  }
9754
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
9755
- top: 4px;
9756
- margin: 0px;
9757
- padding-right: 28px;
9758
- width: 100px;
9759
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
9760
- background-position-y: 12px;
9761
- background-position-x: calc(100% - 4px);
9713
+ .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
9714
+ border: none;
9762
9715
  }
9763
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
9764
- padding: 6px;
9716
+ .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
9717
+ display: none;
9765
9718
  }
9766
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
9767
- align-items: stretch;
9768
- width: calc(100% - 28px);
9769
- margin-left: 12px;
9770
- margin-right: 12px;
9719
+ .tsi-legend.compact .tsi-seriesLabel select {
9720
+ display: none;
9771
9721
  }
9772
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
9773
- display: inline-flex;
9774
- width: 100%;
9722
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
9723
+ max-height: 140px;
9724
+ display: inline-block;
9775
9725
  }
9776
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
9777
- padding-right: 10px;
9726
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9727
+ display: inline-block;
9728
+ margin: 0 4px;
9729
+ padding: 0 4px 1px 4px;
9730
+ height: 20px;
9731
+ margin-top: 1px;
9732
+ overflow: hidden;
9778
9733
  }
9779
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9780
- padding-left: 6px;
9734
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9735
+ display: none;
9781
9736
  }
9782
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
9783
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
9784
- padding-top: 12px;
9785
- width: 50%;
9786
- position: relative;
9737
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9738
+ display: block;
9739
+ position: absolute;
9740
+ height: 10px;
9741
+ width: 10px;
9742
+ top: -3px;
9743
+ forced-color-adjust: none;
9787
9744
  }
9788
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
9789
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
9745
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
9746
+ height: 12px;
9747
+ width: 12px;
9748
+ top: unset;
9790
9749
  margin-top: 4px;
9791
- width: 100%;
9792
- padding: 0px 8px 0px 8px;
9793
- height: 30px;
9794
- box-sizing: border-box;
9750
+ margin-left: 0px;
9795
9751
  }
9796
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
9797
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
9798
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
9799
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
9800
- display: flex;
9752
+ .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9753
+ max-width: 100px;
9754
+ margin-left: 16px;
9755
+ margin-right: 0px;
9756
+ text-align: left;
9757
+ width: initial;
9758
+ font-size: 12px;
9801
9759
  }
9802
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9803
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9804
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9805
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9806
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9807
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
9808
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
9809
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
9810
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
9811
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
9812
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
9813
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
9760
+ .tsi-legend:not(.compact).tsi-flexLegend {
9814
9761
  display: flex;
9815
- width: 33%;
9816
- flex-grow: 1;
9817
- height: 32px;
9818
- padding-left: 12px;
9819
- display: inline-flex;
9820
- text-align: center;
9762
+ flex-direction: column;
9821
9763
  }
9822
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
9823
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
9824
- font-weight: 600;
9825
- font-size: 14px;
9826
- margin: 0;
9827
- text-transform: capitalize;
9828
- height: 20px;
9829
- line-height: 20px;
9830
- opacity: 1;
9764
+ .tsi-legend:not(.compact) {
9765
+ height: 100%;
9831
9766
  }
9832
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
9833
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
9834
- text-decoration: underline;
9835
- background: transparent;
9767
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
9768
+ background: none;
9836
9769
  border: none;
9837
- line-height: 20px;
9770
+ visibility: visible;
9771
+ margin: 8px auto;
9838
9772
  cursor: pointer;
9839
- margin-left: 8px;
9840
- padding: 0px;
9841
- text-transform: capitalize;
9842
- position: absolute;
9843
- top: 0px;
9844
- right: 0px;
9845
- margin-top: 12px;
9846
9773
  }
9847
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
9848
- padding-bottom: 12px;
9849
- width: calc(100% - 32px);
9850
- margin: 0 16px 16px 16px;
9774
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
9775
+ text-decoration: underline;
9851
9776
  }
9852
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
9853
- width: 100%;
9854
- height: 100%;
9777
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
9778
+ overflow-y: auto;
9779
+ visibility: hidden;
9780
+ min-height: 42px;
9781
+ height: calc(100% - 25px);
9855
9782
  }
9856
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
9857
- width: 100%;
9858
- background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
9859
- background-position-y: 12px;
9860
- background-position-x: calc(100% - 4px);
9783
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:hover, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:focus {
9784
+ visibility: visible;
9861
9785
  }
9862
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
9863
- width: 100%;
9864
- height: 48px;
9865
- margin-top: 12px;
9786
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9787
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9788
+ display: block;
9789
+ background-size: 17px 11px;
9790
+ background-repeat: no-repeat;
9791
+ background-position: center;
9792
+ position: absolute;
9793
+ height: 100%;
9794
+ width: 17px;
9795
+ right: 17px;
9866
9796
  }
9867
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
9868
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
9869
- width: 92px;
9797
+ .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
9798
+ display: inherit;
9799
+ cursor: pointer;
9870
9800
  border: none;
9871
- float: right;
9872
- margin-right: 16px;
9873
- height: 32px;
9874
- padding: 8px;
9875
- border-radius: 2px;
9876
- line-height: 14px;
9877
- }
9878
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
9879
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
9880
- background-color: grey !important;
9801
+ background-color: transparent;
9881
9802
  }
9882
- .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
9883
- background-color: #309d90;
9884
- color: white;
9803
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9804
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9805
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E");
9885
9806
  }
9886
- .tsi-dateTimePicker .tsi-errorMessageContainer {
9887
- background-color: #b36200;
9888
- color: white;
9889
- }
9890
- @media screen and (-ms-high-contrast: active) {
9891
- .tsi-dateTimePicker .tsi-errorMessageContainer {
9892
- -ms-high-contrast-adjust: none;
9893
- background-color: #b36200;
9807
+ @media screen and (-ms-high-contrast: white-on-black) {
9808
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9809
+ .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9810
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
9894
9811
  }
9895
9812
  }
9896
- .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
9897
- padding: 8px;
9813
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
9814
+ .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
9815
+ background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
9816
+ }
9817
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
9818
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
9819
+ opacity: 0.3;
9820
+ }
9821
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
9822
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
9823
+ opacity: 1;
9824
+ }
9825
+ .tsi-legend .tsi-seriesLabel {
9826
+ margin: 8px;
9827
+ }
9828
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
9829
+ overflow-y: hidden;
9830
+ }
9831
+ .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
9832
+ display: none;
9833
+ }
9834
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
9835
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9836
+ display: flex;
9837
+ }
9838
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
9839
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
9840
+ flex-direction: row;
9841
+ align-items: center;
9842
+ }
9843
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9844
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9845
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
9846
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9847
+ text-overflow: ellipsis;
9848
+ white-space: nowrap;
9849
+ overflow: hidden;
9850
+ margin-top: 2px;
9851
+ margin-bottom: 4px;
9852
+ font-weight: 400;
9853
+ margin-right: 36px;
9854
+ }
9855
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
9856
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
9857
+ cursor: pointer;
9858
+ font-weight: 600;
9859
+ font-size: 15px;
9860
+ font-family: "Segoe UI", sans-serif;
9861
+ }
9862
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
9863
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
9864
+ cursor: default;
9865
+ overflow-x: hidden;
9866
+ text-overflow: ellipsis;
9867
+ font-size: 14px;
9868
+ }
9869
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
9870
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
9871
+ left: 20px;
9872
+ max-width: calc(100% - 64px);
9873
+ margin: 2px;
9874
+ border: none;
9875
+ position: absolute;
9876
+ top: 16px;
9877
+ -webkit-appearance: none;
9878
+ -moz-appearance: none;
9879
+ appearance: none;
9880
+ padding: 2px;
9881
+ background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
9882
+ background-repeat: no-repeat;
9883
+ background-position-x: calc(100% - 4px);
9884
+ background-position-y: 7px;
9885
+ background-size: 18px;
9886
+ padding-right: 28px;
9887
+ }
9888
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
9889
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
9890
+ display: none; /* remove default arrow on ie10 and ie11 */
9891
+ }
9892
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
9893
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
9894
+ height: 24px;
9895
+ }
9896
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
9897
+ display: inline-block;
9898
+ }
9899
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
9900
+ cursor: pointer;
9901
+ padding: 0 4px;
9902
+ position: relative;
9903
+ width: 100%;
9904
+ }
9905
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
9906
+ height: 17px;
9907
+ width: 50px;
9908
+ position: absolute;
9909
+ right: 4px;
9910
+ top: 6px;
9911
+ display: none;
9912
+ }
9913
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
9914
+ font-size: 16px;
9915
+ padding: 0 4px;
9916
+ position: relative;
9917
+ height: 40px;
9918
+ border-radius: 3px;
9919
+ }
9920
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
9921
+ height: 0px;
9922
+ display: none;
9923
+ padding: 0;
9924
+ }
9925
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
9926
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
9927
+ flex-shrink: 0;
9928
+ width: 12px;
9929
+ height: 12px;
9930
+ margin-top: 8px;
9931
+ margin-right: 8px;
9932
+ border-radius: 6px;
9933
+ position: relative;
9934
+ top: -2px;
9935
+ forced-color-adjust: none;
9936
+ }
9937
+ .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
9938
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
9939
+ .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
9940
+ height: 16px;
9941
+ width: 16px;
9942
+ margin-top: unset;
9943
+ }
9944
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
9945
+ margin: 0;
9946
+ cursor: pointer;
9947
+ font-weight: normal;
9948
+ padding-left: 8px;
9949
+ }
9950
+ .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
9951
+ display: none;
9898
9952
  }
9899
9953
  div[class^=tsi-] {
9900
9954
  box-sizing: border-box;
@@ -10160,380 +10214,326 @@ select::-ms-expand {
10160
10214
  font-weight: 300;
10161
10215
  }
10162
10216
 
10163
- .tsi-legend {
10164
- overflow-y: auto;
10165
- overflow-x: hidden;
10166
- height: calc(100% - 16px);
10167
- padding-left: 8px;
10217
+ .tsi-timeRequired {
10218
+ color: #a80000;
10168
10219
  }
10169
- .tsi-legend.tsi-dark {
10220
+
10221
+ .tsi-dateTimePicker {
10222
+ animation: tsi-slideIn 0.367s cubic-bezier(0.1, 0.9, 0.2, 1) forwards;
10223
+ box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
10224
+ align-items: stretch;
10225
+ width: 616px;
10226
+ }
10227
+ .tsi-dateTimePicker.tsi-dark {
10228
+ background-color: #0d0f0e;
10170
10229
  color: #fff;
10171
- fill: #fff;
10172
10230
  }
10173
- .tsi-legend.tsi-dark path {
10174
- stroke: #fff;
10231
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10232
+ border-left: 1px solid #31373e;
10175
10233
  }
10176
- .tsi-legend.tsi-dark:not(.compact) {
10177
- border-right: 1px solid #1e2223;
10234
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10235
+ background-color: #0d0f0e;
10236
+ color: #fff;
10237
+ border: 1px solid rgba(255, 255, 255, 0.3);
10178
10238
  }
10179
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10180
- color: #60aaff;
10181
- opacity: 1;
10239
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10240
+ color: #fff;
10241
+ background-color: #0d0f0e;
10182
10242
  }
10183
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel,
10184
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10185
- fill: #fff;
10243
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10244
+ background-color: rgba(98, 102, 108, 0.6) !important;
10186
10245
  color: #fff;
10187
10246
  }
10188
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select,
10189
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10247
+ .tsi-dateTimePicker.tsi-dark .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10248
+ background-color: #1e2223;
10249
+ }
10250
+ .tsi-dateTimePicker.tsi-dark .tsi-select,
10251
+ .tsi-dateTimePicker.tsi-dark .tsi-select option {
10252
+ color: #fff;
10253
+ background-color: #0d0f0e;
10254
+ }
10255
+ .tsi-dateTimePicker.tsi-dark .pika-table th {
10190
10256
  color: #fff;
10191
10257
  opacity: 0.6;
10192
- background-color: transparent;
10193
- border: 1px solid transparent;
10194
10258
  }
10195
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel select option,
10196
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10197
- background: #0d0f0e;
10259
+ .tsi-dateTimePicker.tsi-dark .pika-single {
10260
+ color: #fff;
10261
+ background-color: #0d0f0e;
10198
10262
  }
10199
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10200
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10201
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10263
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select,
10264
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option,
10265
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label,
10266
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day,
10267
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10268
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10269
+ color: #fff;
10270
+ background-color: #0d0f0e;
10271
+ }
10272
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select:focus,
10273
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-select option:focus,
10274
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-label:focus,
10275
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-day:focus,
10276
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev:focus,
10277
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next:focus {
10278
+ border: 1px solid #60aaff;
10279
+ }
10280
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-prev,
10281
+ .tsi-dateTimePicker.tsi-dark .pika-single .pika-next {
10202
10282
  color: #60aaff;
10283
+ background-color: white;
10203
10284
  }
10204
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10205
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10206
- background-color: rgba(98, 102, 108, 0.4);
10285
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10286
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10287
+ .tsi-dateTimePicker.tsi-dark .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10288
+ color: #60aaff;
10207
10289
  }
10208
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel {
10209
- border: none;
10210
- background-color: transparent;
10290
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-inrange .pika-day {
10291
+ background-color: rgba(48, 157, 144, 0.4) !important;
10211
10292
  }
10212
- .tsi-legend.tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10213
- background-color: #0d0f0e;
10293
+ .tsi-dateTimePicker.tsi-dark .pika-single .is-selected .pika-day {
10294
+ box-shadow: unset;
10214
10295
  }
10215
- .tsi-legend.tsi-light {
10296
+ .tsi-dateTimePicker.tsi-light {
10297
+ background-color: #ffffff;
10216
10298
  color: #000;
10217
- fill: #000;
10218
10299
  }
10219
- .tsi-legend.tsi-light path {
10220
- stroke: #000;
10300
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10301
+ border-left: 1px solid #dcdcdc;
10221
10302
  }
10222
- .tsi-legend.tsi-light:not(.compact) {
10223
- border-right: 1px solid #f2f2f2;
10224
- }
10225
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10226
- color: #136bfb;
10227
- opacity: 1;
10228
- }
10229
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel,
10230
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10231
- fill: #000;
10303
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-dateTimeInput {
10304
+ background-color: #ffffff;
10232
10305
  color: #000;
10306
+ border: 1px solid rgba(0, 0, 0, 0.3);
10233
10307
  }
10234
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select,
10235
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10308
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10236
10309
  color: #000;
10237
- opacity: 0.6;
10238
- background-color: transparent;
10239
- border: 1px solid transparent;
10240
- }
10241
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel select option,
10242
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select option {
10243
- background: #ffffff;
10244
- }
10245
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel:hover, .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.inFocus,
10246
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:hover,
10247
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.inFocus {
10248
- color: #136bfb;
10249
- }
10250
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.stickied,
10251
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.stickied {
10252
- background-color: rgba(179, 214, 242, 0.4);
10253
- }
10254
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel {
10255
- border: none;
10256
- background-color: transparent;
10257
- }
10258
- .tsi-legend.tsi-light .tsi-seriesLabel .tsi-seriesNameLabel.shown {
10259
10310
  background-color: #ffffff;
10260
10311
  }
10261
- .tsi-legend.hidden {
10262
- display: none;
10263
- }
10264
- .tsi-legend:not(.hidden) {
10265
- display: block;
10266
- }
10267
- .tsi-legend.compact {
10268
- margin-left: 20px;
10269
- margin-right: 20px;
10270
- top: 8px;
10271
- height: 48px !important;
10272
- width: calc(100% - 40px) !important;
10273
- position: absolute;
10274
- display: flex;
10275
- justify-content: center;
10276
- border-right: none;
10277
- padding: 0;
10278
- padding-left: 0px;
10279
- }
10280
- .tsi-legend.compact .tsi-seriesLabel {
10281
- overflow-y: hidden;
10282
- overflow-x: hidden;
10283
- }
10284
- .tsi-legend.compact .tsi-seriesLabel:hover {
10285
- overflow-x: auto;
10286
- }
10287
- .tsi-legend.compact .tsi-seriesLabel {
10288
- white-space: nowrap;
10289
- flex-basis: auto;
10290
- flex-shrink: 1;
10291
- }
10292
- .tsi-legend.compact .tsi-seriesLabel {
10293
- border: none;
10294
- padding: 0;
10295
- text-align: center;
10296
- margin: 4px;
10312
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime.tsi-isSelected {
10313
+ background-color: rgba(179, 214, 242, 0.6) !important;
10314
+ color: #000;
10297
10315
  }
10298
- .tsi-legend.compact .tsi-seriesLabel:not(.shown) {
10299
- border: none;
10316
+ .tsi-dateTimePicker.tsi-light .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime:hover {
10317
+ background-color: #f2f2f2;
10300
10318
  }
10301
- .tsi-legend.compact .tsi-seriesLabel .tsi-seriesNameLabel {
10302
- display: none;
10319
+ .tsi-dateTimePicker.tsi-light .tsi-select,
10320
+ .tsi-dateTimePicker.tsi-light .tsi-select option {
10321
+ color: #000;
10322
+ background-color: #ffffff;
10303
10323
  }
10304
- .tsi-legend.compact .tsi-seriesLabel select {
10305
- display: none;
10324
+ .tsi-dateTimePicker.tsi-light .pika-table th {
10325
+ color: #000;
10326
+ opacity: 0.6;
10306
10327
  }
10307
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer {
10308
- max-height: 140px;
10309
- display: inline-block;
10328
+ .tsi-dateTimePicker.tsi-light .pika-single {
10329
+ color: #000;
10330
+ background-color: #ffffff;
10310
10331
  }
10311
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10312
- display: inline-block;
10313
- margin: 0 4px;
10314
- padding: 0 4px 1px 4px;
10315
- height: 20px;
10316
- margin-top: 1px;
10317
- overflow: hidden;
10332
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select,
10333
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option,
10334
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label,
10335
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day,
10336
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10337
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10338
+ color: #000;
10339
+ background-color: #ffffff;
10318
10340
  }
10319
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10320
- display: none;
10341
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select:focus,
10342
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-select option:focus,
10343
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-label:focus,
10344
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-day:focus,
10345
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev:focus,
10346
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next:focus {
10347
+ border: 1px solid #136bfb;
10321
10348
  }
10322
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10323
- display: block;
10324
- position: absolute;
10325
- height: 10px;
10326
- width: 10px;
10327
- top: -3px;
10328
- forced-color-adjust: none;
10349
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-prev,
10350
+ .tsi-dateTimePicker.tsi-light .pika-single .pika-next {
10351
+ color: #136bfb;
10352
+ background-color: white;
10329
10353
  }
10330
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
10331
- height: 12px;
10332
- width: 12px;
10333
- top: unset;
10334
- margin-top: 4px;
10335
- margin-left: 0px;
10354
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-startContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10355
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-endContainer .tsi-timeLabel .tsi-snapToEndRangeButton,
10356
+ .tsi-dateTimePicker.tsi-light .tsi-timeControlsContainer .tsi-timezoneContainer .tsi-timeLabel .tsi-snapToEndRangeButton {
10357
+ color: #136bfb;
10336
10358
  }
10337
- .tsi-legend.compact .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10338
- max-width: 100px;
10339
- margin-left: 16px;
10340
- margin-right: 0px;
10341
- text-align: left;
10342
- width: initial;
10343
- font-size: 12px;
10359
+ .tsi-dateTimePicker .tsi-dateTimeGroup {
10360
+ display: inline-flex;
10344
10361
  }
10345
- .tsi-legend:not(.compact).tsi-flexLegend {
10362
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel {
10346
10363
  display: flex;
10347
10364
  flex-direction: column;
10365
+ width: 152px;
10366
+ float: left;
10367
+ height: auto;
10348
10368
  }
10349
- .tsi-legend:not(.compact) {
10350
- height: 100%;
10351
- }
10352
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore {
10353
- background: none;
10369
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-quickTimesPanel .tsi-quickTime {
10370
+ text-align: left;
10354
10371
  border: none;
10355
- visibility: visible;
10356
- margin: 8px auto;
10372
+ height: 10%;
10373
+ padding-left: 20px;
10374
+ width: 100%;
10357
10375
  cursor: pointer;
10358
10376
  }
10359
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-legendShowMore:hover {
10360
- text-decoration: underline;
10361
- }
10362
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer {
10363
- overflow-y: auto;
10364
- visibility: hidden;
10365
- min-height: 42px;
10366
- height: calc(100% - 25px);
10377
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel {
10378
+ float: right;
10379
+ width: 460px;
10380
+ padding-left: 8px;
10367
10381
  }
10368
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:hover, .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer:focus {
10369
- visibility: visible;
10382
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single {
10383
+ border: none;
10384
+ height: 250px;
10370
10385
  }
10371
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10372
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10373
- display: block;
10374
- background-size: 17px 11px;
10375
- background-repeat: no-repeat;
10376
- background-position: center;
10377
- position: absolute;
10378
- height: 100%;
10379
- width: 17px;
10380
- right: 17px;
10386
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .pika-single .is-selected .pika-day {
10387
+ box-shadow: unset;
10381
10388
  }
10382
- .tsi-legend:not(.compact) .tsi-seriesLabel .tsi-eyeIcon {
10383
- display: inherit;
10384
- cursor: pointer;
10385
- border: none;
10386
- background-color: transparent;
10389
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-calendarPicker {
10390
+ width: 100%;
10391
+ margin-top: 8px;
10387
10392
  }
10388
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10389
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10390
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23212121%22%2F%3E%0D%3C%2Fsvg%3E");
10393
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select {
10394
+ top: 4px;
10395
+ margin: 0px;
10396
+ padding-right: 28px;
10397
+ width: 100px;
10398
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
10399
+ background-position-y: 12px;
10400
+ background-position-x: calc(100% - 4px);
10391
10401
  }
10392
- @media screen and (-ms-high-contrast: white-on-black) {
10393
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10394
- .tsi-legend:not(.compact).tsi-light .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10395
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
10396
- }
10402
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-select option {
10403
+ padding: 6px;
10397
10404
  }
10398
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-seriesNameLabel .tsi-eyeIcon,
10399
- .tsi-legend:not(.compact).tsi-dark .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-eyeIcon {
10400
- background-image: url("data:image/svg+xml,%0D%3Csvg width%3D%2217%22 height%3D%2211%22 viewBox%3D%220 0 17 11%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0D%3Cpath d%3D%22M8.02 0C8.77 0 9.5 0.0899988 10.24 0.279999C10.97 0.469999 11.67 0.740006 12.32 1.10001C12.97 1.46001 13.56 1.90001 14.09 2.43001C14.62 2.96001 15.05 3.57 15.38 4.25C15.59 4.68 15.75 5.13001 15.86 5.59001C15.97 6.05001 16.02 6.52 16.02 7H15.02C15.02 6.39 14.93 5.81 14.74 5.27C14.55 4.73 14.29 4.24 13.96 3.8C13.63 3.36 13.24 2.96 12.79 2.61C12.34 2.26 11.86 1.97001 11.34 1.73001C10.82 1.49001 10.28 1.31001 9.71 1.18001C9.14 1.05001 8.58 0.990005 8.01 0.990005C7.44 0.990005 6.88 1.05001 6.31 1.18001C5.74 1.31001 5.2 1.49001 4.68 1.73001C4.16 1.97001 3.68 2.26 3.23 2.61C2.78 2.96 2.39 3.36 2.06 3.8C1.73 4.24 1.47 4.73 1.28 5.27C1.09 5.81 1 6.38 1 7H0C0 6.52 0.0500001 6.05001 0.16 5.59001C0.27 5.13001 0.43 4.68 0.64 4.25C0.97 3.56 1.4 2.95001 1.93 2.43001C2.46 1.90001 3.05 1.46001 3.7 1.10001C4.35 0.740006 5.04 0.469999 5.78 0.279999C6.53 0.0999988 7.27 0 8.02 0ZM8.02 4.14C8.43 4.14 8.82 4.22001 9.18 4.37001C9.54 4.52001 9.86 4.74001 10.14 5.01001C10.42 5.28001 10.63 5.6 10.78 5.97C10.94 6.33 11.01 6.72 11.01 7.13C11.01 7.55 10.93 7.94 10.78 8.3C10.62 8.66 10.41 8.98 10.14 9.25C9.87 9.52 9.55 9.74 9.18 9.89C8.81 10.04 8.43 10.12 8.02 10.12C7.6 10.12 7.21 10.04 6.85 9.89C6.49 9.74 6.17 9.52 5.9 9.25C5.63 8.98 5.41 8.66 5.26 8.3C5.1 7.94 5.03 7.55 5.03 7.13C5.03 6.72 5.11 6.33 5.26 5.97C5.42 5.61 5.63 5.29001 5.9 5.01001C6.17 4.73001 6.49 4.52001 6.85 4.37001C7.21 4.22001 7.6 4.14 8.02 4.14ZM8.02 9.14C8.3 9.14 8.56 9.09001 8.8 8.98001C9.04 8.88001 9.25 8.73 9.44 8.55C9.62 8.37 9.77 8.16 9.87 7.91C9.97 7.66 10.03 7.41 10.03 7.13C10.03 6.85 9.98 6.59001 9.87 6.35001C9.76 6.11001 9.62 5.90001 9.44 5.71001C9.26 5.53001 9.05 5.38 8.8 5.28C8.56 5.18 8.3 5.12001 8.02 5.12001C7.74 5.12001 7.48 5.17 7.24 5.28C7 5.38 6.79 5.53001 6.6 5.71001C6.42 5.89001 6.27 6.10001 6.17 6.35001C6.07 6.60001 6.01 6.85 6.01 7.13C6.01 7.41 6.06 7.67 6.17 7.91C6.28 8.15 6.42 8.36 6.6 8.55C6.78 8.73 6.99 8.88001 7.24 8.98001C7.48 9.09001 7.74 9.14 8.02 9.14Z%22 fill%3D%22%23fff%22%2F%3E%0D%3C%2Fsvg%3E");
10405
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer {
10406
+ align-items: stretch;
10407
+ width: calc(100% - 28px);
10408
+ margin-left: 12px;
10409
+ margin-right: 12px;
10401
10410
  }
10402
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel:not(.shown),
10403
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel:not(.shown) {
10404
- opacity: 0.3;
10411
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer {
10412
+ display: inline-flex;
10413
+ width: 100%;
10405
10414
  }
10406
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.shown,
10407
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.shown {
10408
- opacity: 1;
10415
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer {
10416
+ padding-right: 10px;
10409
10417
  }
10410
- .tsi-legend .tsi-seriesLabel {
10411
- margin: 8px;
10418
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10419
+ padding-left: 6px;
10412
10420
  }
10413
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-splitByContainer {
10414
- overflow-y: hidden;
10421
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer,
10422
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer {
10423
+ padding-top: 12px;
10424
+ width: 50%;
10425
+ position: relative;
10415
10426
  }
10416
- .tsi-legend .tsi-seriesLabel.tsi-nsb .tsi-seriesNameLabel {
10417
- display: none;
10427
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-dateTimeInput,
10428
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-dateTimeInput {
10429
+ margin-top: 4px;
10430
+ width: 100%;
10431
+ padding: 0px 8px 0px 8px;
10432
+ height: 30px;
10433
+ box-sizing: border-box;
10418
10434
  }
10419
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel,
10420
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10435
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer,
10436
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer,
10437
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer,
10438
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer {
10421
10439
  display: flex;
10422
10440
  }
10423
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-nonCompactNonNumeric,
10424
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-nonCompactNonNumeric {
10425
- flex-direction: row;
10426
- align-items: center;
10427
- }
10428
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10429
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10430
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4,
10431
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10432
- text-overflow: ellipsis;
10433
- white-space: nowrap;
10434
- overflow: hidden;
10435
- margin-top: 2px;
10436
- margin-bottom: 4px;
10437
- font-weight: 400;
10438
- margin-right: 36px;
10441
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10442
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10443
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10444
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10445
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10446
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-startContainer .tsi-endTimeInputContainer .tsi-AMPMInput,
10447
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-hoursInput,
10448
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-minutesInput,
10449
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-startTimeInputContainer .tsi-AMPMInput,
10450
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-hoursInput,
10451
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-minutesInput,
10452
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeInputContainer .tsi-endContainer .tsi-endTimeInputContainer .tsi-AMPMInput {
10453
+ display: flex;
10454
+ width: 33%;
10455
+ flex-grow: 1;
10456
+ height: 32px;
10457
+ padding-left: 12px;
10458
+ display: inline-flex;
10459
+ text-align: center;
10439
10460
  }
10440
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel h4,
10441
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel h4 {
10442
- cursor: pointer;
10461
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-timeLabel,
10462
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timeLabel {
10443
10463
  font-weight: 600;
10444
- font-size: 15px;
10445
- font-family: "Segoe UI", sans-serif;
10446
- }
10447
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-seriesName,
10448
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-seriesName {
10449
- cursor: default;
10450
- overflow-x: hidden;
10451
- text-overflow: ellipsis;
10452
10464
  font-size: 14px;
10465
+ margin: 0;
10466
+ text-transform: capitalize;
10467
+ height: 20px;
10468
+ line-height: 20px;
10469
+ opacity: 1;
10453
10470
  }
10454
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select,
10455
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select {
10456
- left: 20px;
10457
- max-width: calc(100% - 64px);
10458
- margin: 2px;
10471
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timeControlsContainer .tsi-snapToEndRangeButton,
10472
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-snapToEndRangeButton {
10473
+ text-decoration: underline;
10474
+ background: transparent;
10459
10475
  border: none;
10476
+ line-height: 20px;
10477
+ cursor: pointer;
10478
+ margin-left: 8px;
10479
+ padding: 0px;
10480
+ text-transform: capitalize;
10460
10481
  position: absolute;
10461
- top: 16px;
10462
- -webkit-appearance: none;
10463
- -moz-appearance: none;
10464
- appearance: none;
10465
- padding: 2px;
10466
- background-image: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D");
10467
- background-repeat: no-repeat;
10468
- background-position-x: calc(100% - 4px);
10469
- background-position-y: 7px;
10470
- background-size: 18px;
10471
- padding-right: 28px;
10472
- }
10473
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select::-ms-expand,
10474
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel select::-ms-expand {
10475
- display: none; /* remove default arrow on ie10 and ie11 */
10482
+ top: 0px;
10483
+ right: 0px;
10484
+ margin-top: 12px;
10476
10485
  }
10477
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel.tsi-splitByLabelCompact,
10478
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.tsi-splitByLabelCompact {
10479
- height: 24px;
10486
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer {
10487
+ padding-bottom: 12px;
10488
+ width: calc(100% - 32px);
10489
+ margin: 0 16px 16px 16px;
10480
10490
  }
10481
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel svg {
10482
- display: inline-block;
10491
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer {
10492
+ width: 100%;
10493
+ height: 100%;
10483
10494
  }
10484
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel {
10485
- cursor: pointer;
10486
- padding: 0 4px;
10487
- position: relative;
10495
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-timezoneContainer .tsi-timezonePickerContainer .tsi-timezonePicker {
10488
10496
  width: 100%;
10497
+ background: url("data:image/svg+xml,%0D%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 viewBox%3D%220 0 13 7%22%3E%0D %3Cdefs%3E%0D %3Cstyle%3E%0D .cls-1 %7B%0D clip-path%3A url(%23clip-Chevron_light_theme_1)%3B%0D %7D%0D%0D .cls-2%2C .cls-3 %7B%0D fill%3A none%3B%0D stroke-linecap%3A square%3B%0D stroke-miterlimit%3A 1%3B%0D %7D%0D%0D .cls-2 %7B%0D stroke%3A rgba(0%2C0%2C0%2C0.1)%3B%0D %7D%0D%0D .cls-3 %7B%0D stroke%3A %23666%3B%0D %7D%0D%0D .cls-4 %7B%0D fill%3A %23fff%3B%0D %7D%0D %3C%2Fstyle%3E%0D %3CclipPath id%3D%22clip-Chevron_light_theme_1%22%3E%0D %3Crect width%3D%2213%22 height%3D%227%22%2F%3E%0D %3C%2FclipPath%3E%0D %3C%2Fdefs%3E%0D %3Cg id%3D%22Chevron_light_theme_1%22 data-name%3D%22Chevron light theme %E2%80%93 1%22 class%3D%22cls-1%22%3E%0D %3Cg id%3D%22Group_22369%22 data-name%3D%22Group 22369%22 transform%3D%22translate(-199.6 -646.273)%22%3E%0D %3Cpath id%3D%22Path_44737%22 data-name%3D%22Path 44737%22 class%3D%22cls-2%22 d%3D%22M8.5%2C33.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3Cpath id%3D%22Path_44738%22 data-name%3D%22Path 44738%22 class%3D%22cls-3%22 d%3D%22M8.5%2C32.8l-5%2C5%2C5%2C5%22 transform%3D%22translate(167.8 655.8) rotate(-90)%22%2F%3E%0D %3C%2Fg%3E%0D %3C%2Fg%3E%0D%3C%2Fsvg%3E%0D") 16px/16px no-repeat;
10498
+ background-position-y: 12px;
10499
+ background-position-x: calc(100% - 4px);
10489
10500
  }
10490
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel select {
10491
- height: 17px;
10492
- width: 50px;
10493
- position: absolute;
10494
- right: 4px;
10495
- top: 6px;
10496
- display: none;
10501
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer {
10502
+ width: 100%;
10503
+ height: 48px;
10504
+ margin-top: 12px;
10497
10505
  }
10498
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel {
10499
- font-size: 16px;
10500
- padding: 0 4px;
10501
- position: relative;
10502
- height: 40px;
10503
- border-radius: 3px;
10506
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton,
10507
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton {
10508
+ width: 92px;
10509
+ border: none;
10510
+ float: right;
10511
+ margin-right: 16px;
10512
+ height: 32px;
10513
+ padding: 8px;
10514
+ border-radius: 2px;
10515
+ line-height: 14px;
10504
10516
  }
10505
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel.hidden {
10506
- height: 0px;
10507
- display: none;
10508
- padding: 0;
10517
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton.tsi-buttonDisabled,
10518
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-cancelButton.tsi-buttonDisabled {
10519
+ background-color: grey !important;
10509
10520
  }
10510
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey,
10511
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey {
10512
- flex-shrink: 0;
10513
- width: 12px;
10514
- height: 12px;
10515
- margin-top: 8px;
10516
- margin-right: 8px;
10517
- border-radius: 6px;
10518
- position: relative;
10519
- top: -2px;
10520
- forced-color-adjust: none;
10521
+ .tsi-dateTimePicker .tsi-dateTimeGroup .tsi-dateTimeSelectionPanel .tsi-saveButtonContainer .tsi-saveButton {
10522
+ background-color: #309d90;
10523
+ color: white;
10521
10524
  }
10522
- .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-eventsColorKey, .tsi-legend .tsi-seriesLabel .tsi-seriesNameLabel .tsi-colorKey.tsi-categoricalColorKey,
10523
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-eventsColorKey,
10524
- .tsi-legend .tsi-seriesLabel .tsi-splitByContainer .tsi-splitByLabel .tsi-colorKey.tsi-categoricalColorKey {
10525
- height: 16px;
10526
- width: 16px;
10527
- margin-top: unset;
10525
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
10526
+ background-color: #b36200;
10527
+ color: white;
10528
10528
  }
10529
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel {
10530
- margin: 0;
10531
- cursor: pointer;
10532
- font-weight: normal;
10533
- padding-left: 8px;
10529
+ @media screen and (-ms-high-contrast: active) {
10530
+ .tsi-dateTimePicker .tsi-errorMessageContainer {
10531
+ -ms-high-contrast-adjust: none;
10532
+ background-color: #b36200;
10533
+ }
10534
10534
  }
10535
- .tsi-legend .tsi-seriesLabel .tsi-seriesTypeLabel.disabled {
10536
- display: none;
10535
+ .tsi-dateTimePicker .tsi-errorMessageContainer .tsi-errorMessage {
10536
+ padding: 8px;
10537
10537
  }
10538
10538
  div[class^=tsi-] {
10539
10539
  box-sizing: border-box;