@dynatrace/strato-components 0.84.12

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 (139) hide show
  1. package/LICENSE +174 -0
  2. package/README.md +15 -0
  3. package/codeshift.config.js +5 -0
  4. package/core/components/app-root/AppRoot.css +2584 -0
  5. package/core/components/app-root/AppRoot.d.ts +17 -0
  6. package/core/components/app-root/AppRoot.js +1 -0
  7. package/core/components/app-root/AppRoot.sty.d.ts +1 -0
  8. package/core/components/app-root/AppRoot.sty.js +1 -0
  9. package/core/components/focus-scope/FocusScope.d.ts +29 -0
  10. package/core/components/focus-scope/FocusScope.js +1 -0
  11. package/core/contexts/FocusContext.d.ts +19 -0
  12. package/core/contexts/FocusContext.js +1 -0
  13. package/core/hooks/useActiveElement.d.ts +6 -0
  14. package/core/hooks/useActiveElement.js +1 -0
  15. package/core/hooks/useCurrentTheme.d.ts +2 -0
  16. package/core/hooks/useCurrentTheme.js +1 -0
  17. package/core/hooks/useFocusContext.d.ts +6 -0
  18. package/core/hooks/useFocusContext.js +1 -0
  19. package/core/index.d.ts +16 -0
  20. package/core/index.js +1 -0
  21. package/core/providers/FocusProvider.d.ts +17 -0
  22. package/core/providers/FocusProvider.js +1 -0
  23. package/core/types/data-props.d.ts +7 -0
  24. package/core/types/data-props.js +1 -0
  25. package/core/types/styling-props.d.ts +18 -0
  26. package/core/types/styling-props.js +1 -0
  27. package/core/types/with-children.d.ts +6 -0
  28. package/core/types/with-children.js +1 -0
  29. package/core/utils/focus-management/attempt-focus.d.ts +8 -0
  30. package/core/utils/focus-management/attempt-focus.js +1 -0
  31. package/core/utils/focus-management/focus-first-descendant.d.ts +8 -0
  32. package/core/utils/focus-management/focus-first-descendant.js +1 -0
  33. package/core/utils/focus-management/get-first-focusable-child.d.ts +10 -0
  34. package/core/utils/focus-management/get-first-focusable-child.js +1 -0
  35. package/core/utils/focus-management/get-last-focusable-child.d.ts +10 -0
  36. package/core/utils/focus-management/get-last-focusable-child.js +1 -0
  37. package/core/utils/focus-management/is-focusable.d.ts +7 -0
  38. package/core/utils/focus-management/is-focusable.js +1 -0
  39. package/core/utils/isBrowser.d.ts +7 -0
  40. package/core/utils/isBrowser.js +1 -0
  41. package/core/utils/merge-props.d.ts +31 -0
  42. package/core/utils/merge-props.js +1 -0
  43. package/esm/core/components/app-root/AppRoot.css +2584 -0
  44. package/esm/core/components/app-root/AppRoot.js +2 -0
  45. package/esm/core/components/app-root/AppRoot.js.map +7 -0
  46. package/esm/core/components/app-root/AppRoot.sty.js +2 -0
  47. package/esm/core/components/app-root/AppRoot.sty.js.map +7 -0
  48. package/esm/core/components/focus-scope/FocusScope.js +2 -0
  49. package/esm/core/components/focus-scope/FocusScope.js.map +7 -0
  50. package/esm/core/contexts/FocusContext.js +2 -0
  51. package/esm/core/contexts/FocusContext.js.map +7 -0
  52. package/esm/core/hooks/useActiveElement.js +2 -0
  53. package/esm/core/hooks/useActiveElement.js.map +7 -0
  54. package/esm/core/hooks/useCurrentTheme.js +2 -0
  55. package/esm/core/hooks/useCurrentTheme.js.map +7 -0
  56. package/esm/core/hooks/useFocusContext.js +2 -0
  57. package/esm/core/hooks/useFocusContext.js.map +7 -0
  58. package/esm/core/index.js +2 -0
  59. package/esm/core/index.js.map +7 -0
  60. package/esm/core/providers/FocusProvider.js +2 -0
  61. package/esm/core/providers/FocusProvider.js.map +7 -0
  62. package/esm/core/types/data-props.js +1 -0
  63. package/esm/core/types/data-props.js.map +7 -0
  64. package/esm/core/types/styling-props.js +1 -0
  65. package/esm/core/types/styling-props.js.map +7 -0
  66. package/esm/core/types/with-children.js +1 -0
  67. package/esm/core/types/with-children.js.map +7 -0
  68. package/esm/core/utils/focus-management/attempt-focus.js +2 -0
  69. package/esm/core/utils/focus-management/attempt-focus.js.map +7 -0
  70. package/esm/core/utils/focus-management/focus-first-descendant.js +2 -0
  71. package/esm/core/utils/focus-management/focus-first-descendant.js.map +7 -0
  72. package/esm/core/utils/focus-management/get-first-focusable-child.js +2 -0
  73. package/esm/core/utils/focus-management/get-first-focusable-child.js.map +7 -0
  74. package/esm/core/utils/focus-management/get-last-focusable-child.js +2 -0
  75. package/esm/core/utils/focus-management/get-last-focusable-child.js.map +7 -0
  76. package/esm/core/utils/focus-management/is-focusable.js +2 -0
  77. package/esm/core/utils/focus-management/is-focusable.js.map +7 -0
  78. package/esm/core/utils/isBrowser.js +2 -0
  79. package/esm/core/utils/isBrowser.js.map +7 -0
  80. package/esm/core/utils/merge-props.js +2 -0
  81. package/esm/core/utils/merge-props.js.map +7 -0
  82. package/esm/index.js +2 -0
  83. package/esm/index.js.map +7 -0
  84. package/index.d.ts +1 -0
  85. package/index.js +1 -0
  86. package/lang/en.json +2 -0
  87. package/lang/ja.json +2 -0
  88. package/lang/uncompiled/en.json +1 -0
  89. package/lang/uncompiled/ja.json +1 -0
  90. package/migrations.json +3 -0
  91. package/package.json +74 -0
  92. package/testing/custom-render.d.ts +10 -0
  93. package/testing/custom-render.js +1 -0
  94. package/testing/index.d.ts +22 -0
  95. package/testing/index.js +1 -0
  96. package/testing/jest/index.d.ts +1 -0
  97. package/testing/jest/index.js +5 -0
  98. package/testing/jest/jest-preset.d.ts +7 -0
  99. package/testing/jest/jest-preset.js +10 -0
  100. package/testing/jest/resolver.d.ts +0 -0
  101. package/testing/jest/resolver.js +27 -0
  102. package/testing/mocks/bounding-client-rect-mock.d.ts +4 -0
  103. package/testing/mocks/bounding-client-rect-mock.js +1 -0
  104. package/testing/mocks/canvas-mock.d.ts +11 -0
  105. package/testing/mocks/canvas-mock.js +1 -0
  106. package/testing/mocks/create-mock-element.d.ts +12 -0
  107. package/testing/mocks/create-mock-element.js +1 -0
  108. package/testing/mocks/create-range-mock.d.ts +7 -0
  109. package/testing/mocks/create-range-mock.js +1 -0
  110. package/testing/mocks/dom-rect-mock.d.ts +12 -0
  111. package/testing/mocks/dom-rect-mock.js +1 -0
  112. package/testing/mocks/fetch-mock.d.ts +6 -0
  113. package/testing/mocks/fetch-mock.js +1 -0
  114. package/testing/mocks/intersection-observer-mock.d.ts +7 -0
  115. package/testing/mocks/intersection-observer-mock.js +1 -0
  116. package/testing/mocks/match-media-mock.d.ts +7 -0
  117. package/testing/mocks/match-media-mock.js +1 -0
  118. package/testing/mocks/offset-height-mock.d.ts +4 -0
  119. package/testing/mocks/offset-height-mock.js +1 -0
  120. package/testing/mocks/offset-width-mock.d.ts +4 -0
  121. package/testing/mocks/offset-width-mock.js +1 -0
  122. package/testing/mocks/pointer-event-mock.d.ts +4 -0
  123. package/testing/mocks/pointer-event-mock.js +1 -0
  124. package/testing/mocks/resize-observer-mock.d.ts +7 -0
  125. package/testing/mocks/resize-observer-mock.js +1 -0
  126. package/testing/mocks/screen-size-mock.d.ts +4 -0
  127. package/testing/mocks/screen-size-mock.js +1 -0
  128. package/testing/mocks/scroll-into-view-mock.d.ts +8 -0
  129. package/testing/mocks/scroll-into-view-mock.js +1 -0
  130. package/testing/mocks/scroll-width-mock.d.ts +4 -0
  131. package/testing/mocks/scroll-width-mock.js +1 -0
  132. package/testing/mocks/select-mock.d.ts +10 -0
  133. package/testing/mocks/select-mock.js +1 -0
  134. package/testing/mocks/table-virtualization-mock.d.ts +7 -0
  135. package/testing/mocks/table-virtualization-mock.js +1 -0
  136. package/testing/mocks/text-ellipsis-mock.d.ts +4 -0
  137. package/testing/mocks/text-ellipsis-mock.js +1 -0
  138. package/testing/setup.d.ts +4 -0
  139. package/testing/setup.js +1 -0
package/esm/core/components/app-root/AppRoot.css ADDED
@@ -0,0 +1,2584 @@
1
+ :root {
2
+ --dt-borders-style-default: solid;
3
+ --dt-borders-style-dashed: dashed;
4
+ --dt-borders-width-default: 1px;
5
+ --dt-borders-width-emphasized: 2px;
6
+ --dt-borders-radius-surface-subdued: 12px;
7
+ --dt-borders-radius-surface-default: 16px;
8
+ --dt-borders-radius-container-subdued: 8px;
9
+ --dt-borders-radius-container-default: 12px;
10
+ --dt-borders-radius-field-subdued: 4px;
11
+ --dt-borders-radius-field-default: 8px;
12
+ --dt-borders-radius-field-emphasized: 9999px;
13
+ --dt-box-shadows-surface-flat-rest: none;
14
+ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
15
+ --dt-box-shadows-surface-flat-active: none;
16
+ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
17
+ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
18
+ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
19
+ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
20
+ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
21
+ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
22
+ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d;
23
+ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
24
+ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
25
+ --dt-breakpoints-max-mobile: 640px;
26
+ --dt-breakpoints-max-tablet: 960px;
27
+ --dt-breakpoints-max-desktop: 1920px;
28
+ --dt-breakpoints-min-tablet: 641px;
29
+ --dt-breakpoints-min-desktop: 961px;
30
+ --dt-breakpoints-min-widescreen: 1921px;
31
+ --dt-colors-theme-foreground-10: #2d2e4e;
32
+ --dt-colors-theme-foreground-20: #fcfcfd;
33
+ --dt-colors-theme-background-10: #f3f3f7;
34
+ --dt-colors-theme-background-20: #fcfcfd;
35
+ --dt-colors-theme-neutral-10: #ebebf2;
36
+ --dt-colors-theme-neutral-20: #e2e3ec;
37
+ --dt-colors-theme-neutral-30: #dadbe7;
38
+ --dt-colors-theme-neutral-40: #d2d3e1;
39
+ --dt-colors-theme-neutral-50: #cacbdc;
40
+ --dt-colors-theme-neutral-60: #c2c3d7;
41
+ --dt-colors-theme-neutral-70: #5a5b8c;
42
+ --dt-colors-theme-neutral-80: #4c4d7d;
43
+ --dt-colors-theme-neutral-90: #3f3f6e;
44
+ --dt-colors-theme-primary-10: #e9ebf6;
45
+ --dt-colors-theme-primary-20: #dfe3f5;
46
+ --dt-colors-theme-primary-30: #d6dbf4;
47
+ --dt-colors-theme-primary-40: #ccd3f3;
48
+ --dt-colors-theme-primary-50: #c3cbf1;
49
+ --dt-colors-theme-primary-60: #b9c3f0;
50
+ --dt-colors-theme-primary-70: #474ecf;
51
+ --dt-colors-theme-primary-80: #3b3ebe;
52
+ --dt-colors-theme-primary-90: #312cad;
53
+ --dt-colors-theme-success-10: #e9ecef;
54
+ --dt-colors-theme-success-20: #dfe4e7;
55
+ --dt-colors-theme-success-30: #d4dddf;
56
+ --dt-colors-theme-success-40: #cad6d7;
57
+ --dt-colors-theme-success-50: #c0cfcf;
58
+ --dt-colors-theme-success-60: #b7c8c7;
59
+ --dt-colors-theme-success-70: #2f6863;
60
+ --dt-colors-theme-success-80: #1f5a55;
61
+ --dt-colors-theme-success-90: #0d4c47;
62
+ --dt-colors-theme-warning-10: #f3efef;
63
+ --dt-colors-theme-warning-20: #f4ece6;
64
+ --dt-colors-theme-warning-30: #f4e8de;
65
+ --dt-colors-theme-warning-40: #f4e5d5;
66
+ --dt-colors-theme-warning-50: #f5e1cd;
67
+ --dt-colors-theme-warning-60: #f5ddc4;
68
+ --dt-colors-theme-warning-70: #eca440;
69
+ --dt-colors-theme-warning-80: #fdb452;
70
+ --dt-colors-theme-warning-90: #ffc56a;
71
+ --dt-colors-theme-critical-10: #f3eaed;
72
+ --dt-colors-theme-critical-20: #f3e0e3;
73
+ --dt-colors-theme-critical-30: #f2d7d9;
74
+ --dt-colors-theme-critical-40: #f1cdcf;
75
+ --dt-colors-theme-critical-50: #f0c4c5;
76
+ --dt-colors-theme-critical-60: #efbabb;
77
+ --dt-colors-theme-critical-70: #c4233b;
78
+ --dt-colors-theme-critical-80: #b2012d;
79
+ --dt-colors-theme-critical-90: #a0001f;
80
+ --dt-colors-background-base-default: #f3f3f7;
81
+ --dt-colors-background-surface-backdrop: #f3f3f7cc;
82
+ --dt-colors-background-surface-default: #fcfcfd;
83
+ --dt-colors-background-container-neutral-subdued: #f3f3f7;
84
+ --dt-colors-background-container-neutral-default: #ebebf2;
85
+ --dt-colors-background-container-neutral-emphasized: #e2e3ec;
86
+ --dt-colors-background-container-neutral-accent: #5a5b8c;
87
+ --dt-colors-background-container-primary-default: #e9ebf6;
88
+ --dt-colors-background-container-primary-emphasized: #dfe3f5;
89
+ --dt-colors-background-container-primary-accent: #474ecf;
90
+ --dt-colors-background-container-success-default: #e9ecef;
91
+ --dt-colors-background-container-success-emphasized: #dfe4e7;
92
+ --dt-colors-background-container-success-accent: #2f6863;
93
+ --dt-colors-background-container-warning-default: #f3efef;
94
+ --dt-colors-background-container-warning-emphasized: #f4ece6;
95
+ --dt-colors-background-container-warning-accent: #eca440;
96
+ --dt-colors-background-container-critical-default: #f3eaed;
97
+ --dt-colors-background-container-critical-emphasized: #f3e0e3;
98
+ --dt-colors-background-container-critical-accent: #c4233b;
99
+ --dt-colors-background-field-neutral-disabled: #dadbe780;
100
+ --dt-colors-background-field-neutral-default: #dadbe700;
101
+ --dt-colors-background-field-neutral-default-hover: #d2d3e1;
102
+ --dt-colors-background-field-neutral-default-active: #cacbdc;
103
+ --dt-colors-background-field-neutral-emphasized: #dadbe7;
104
+ --dt-colors-background-field-neutral-emphasized-hover: #d2d3e1;
105
+ --dt-colors-background-field-neutral-emphasized-active: #cacbdc;
106
+ --dt-colors-background-field-neutral-accent: #5a5b8c;
107
+ --dt-colors-background-field-neutral-accent-hover: #4c4d7d;
108
+ --dt-colors-background-field-neutral-accent-active: #3f3f6e;
109
+ --dt-colors-background-field-primary-disabled: #dadbe780;
110
+ --dt-colors-background-field-primary-default: #d6dbf400;
111
+ --dt-colors-background-field-primary-default-hover: #ccd3f3;
112
+ --dt-colors-background-field-primary-default-active: #c3cbf1;
113
+ --dt-colors-background-field-primary-emphasized: #d6dbf4;
114
+ --dt-colors-background-field-primary-emphasized-hover: #ccd3f3;
115
+ --dt-colors-background-field-primary-emphasized-active: #c3cbf1;
116
+ --dt-colors-background-field-primary-accent: #474ecf;
117
+ --dt-colors-background-field-primary-accent-hover: #3b3ebe;
118
+ --dt-colors-background-field-primary-accent-active: #312cad;
119
+ --dt-colors-background-field-success-disabled: #dadbe780;
120
+ --dt-colors-background-field-success-default: #d4dddf00;
121
+ --dt-colors-background-field-success-default-hover: #cad6d7;
122
+ --dt-colors-background-field-success-default-active: #c0cfcf;
123
+ --dt-colors-background-field-success-emphasized: #d4dddf;
124
+ --dt-colors-background-field-success-emphasized-hover: #cad6d7;
125
+ --dt-colors-background-field-success-emphasized-active: #c0cfcf;
126
+ --dt-colors-background-field-success-accent: #2f6863;
127
+ --dt-colors-background-field-success-accent-hover: #1f5a55;
128
+ --dt-colors-background-field-success-accent-active: #0d4c47;
129
+ --dt-colors-background-field-warning-disabled: #dadbe780;
130
+ --dt-colors-background-field-warning-default: #f4e8de00;
131
+ --dt-colors-background-field-warning-default-hover: #f4e5d5;
132
+ --dt-colors-background-field-warning-default-active: #f5e1cd;
133
+ --dt-colors-background-field-warning-emphasized: #f4e8de;
134
+ --dt-colors-background-field-warning-emphasized-hover: #f4e5d5;
135
+ --dt-colors-background-field-warning-emphasized-active: #f5e1cd;
136
+ --dt-colors-background-field-warning-accent: #eca440;
137
+ --dt-colors-background-field-warning-accent-hover: #fdb452;
138
+ --dt-colors-background-field-warning-accent-active: #ffc56a;
139
+ --dt-colors-background-field-critical-disabled: #dadbe780;
140
+ --dt-colors-background-field-critical-default: #f2d7d900;
141
+ --dt-colors-background-field-critical-default-hover: #f1cdcf;
142
+ --dt-colors-background-field-critical-default-active: #f0c4c5;
143
+ --dt-colors-background-field-critical-emphasized: #f2d7d9;
144
+ --dt-colors-background-field-critical-emphasized-hover: #f1cdcf;
145
+ --dt-colors-background-field-critical-emphasized-active: #f0c4c5;
146
+ --dt-colors-background-field-critical-accent: #c4233b;
147
+ --dt-colors-background-field-critical-accent-hover: #b2012d;
148
+ --dt-colors-background-field-critical-accent-active: #a0001f;
149
+ --dt-colors-background-field-on-accent-disabled: #f3f3f71a;
150
+ --dt-colors-background-field-on-accent-default: #f3f3f700;
151
+ --dt-colors-background-field-on-accent-default-hover: #f3f3f74d;
152
+ --dt-colors-background-field-on-accent-default-active: #f3f3f766;
153
+ --dt-colors-background-field-on-accent-emphasized: #f3f3f733;
154
+ --dt-colors-background-field-on-accent-emphasized-hover: #f3f3f74d;
155
+ --dt-colors-background-field-on-accent-emphasized-active: #f3f3f766;
156
+ --dt-colors-border-neutral-disabled: #d2d3e180;
157
+ --dt-colors-border-neutral-default: #d2d3e1;
158
+ --dt-colors-border-neutral-default-hover: #cacbdc;
159
+ --dt-colors-border-neutral-default-active: #c2c3d7;
160
+ --dt-colors-border-neutral-accent: #545587;
161
+ --dt-colors-border-neutral-accent-hover: #3f3f6f;
162
+ --dt-colors-border-neutral-accent-active: #2b2a58;
163
+ --dt-colors-border-neutral-on-accent-disabled: #f3f3f633;
164
+ --dt-colors-border-neutral-on-accent-default: #f3f3f6;
165
+ --dt-colors-border-neutral-on-accent-default-hover: #f3f3f6cc;
166
+ --dt-colors-border-neutral-on-accent-default-active: #f3f3f699;
167
+ --dt-colors-border-primary-disabled: #d2d3e180;
168
+ --dt-colors-border-primary-default: #ccd3f3;
169
+ --dt-colors-border-primary-default-hover: #c3cbf1;
170
+ --dt-colors-border-primary-default-active: #b9c3f0;
171
+ --dt-colors-border-primary-accent: #454cc9;
172
+ --dt-colors-border-primary-accent-hover: #3332ae;
173
+ --dt-colors-border-primary-accent-active: #241193;
174
+ --dt-colors-border-primary-on-accent-disabled: #f4f4fb33;
175
+ --dt-colors-border-primary-on-accent-default: #f4f4fb;
176
+ --dt-colors-border-primary-on-accent-default-hover: #f4f4fbcc;
177
+ --dt-colors-border-primary-on-accent-default-active: #f4f4fb99;
178
+ --dt-colors-border-success-disabled: #d2d3e180;
179
+ --dt-colors-border-success-default: #cad6d7;
180
+ --dt-colors-border-success-default-hover: #c0cfcf;
181
+ --dt-colors-border-success-default-active: #b7c8c7;
182
+ --dt-colors-border-success-accent: #2c6360;
183
+ --dt-colors-border-success-accent-hover: #124d4a;
184
+ --dt-colors-border-success-accent-active: #003735;
185
+ --dt-colors-border-success-on-accent-disabled: #f1f4f433;
186
+ --dt-colors-border-success-on-accent-default: #f1f4f4;
187
+ --dt-colors-border-success-on-accent-default-hover: #f1f4f4cc;
188
+ --dt-colors-border-success-on-accent-default-active: #f1f4f499;
189
+ --dt-colors-border-warning-disabled: #d2d3e180;
190
+ --dt-colors-border-warning-default: #f4e5d5;
191
+ --dt-colors-border-warning-default-hover: #f5e1cd;
192
+ --dt-colors-border-warning-default-active: #f5ddc4;
193
+ --dt-colors-border-warning-accent: #805100;
194
+ --dt-colors-border-warning-accent-hover: #683b00;
195
+ --dt-colors-border-warning-accent-active: #4d2800;
196
+ --dt-colors-border-warning-on-accent-disabled: #27202533;
197
+ --dt-colors-border-warning-on-accent-default: #272025;
198
+ --dt-colors-border-warning-on-accent-default-hover: #272025cc;
199
+ --dt-colors-border-warning-on-accent-default-active: #27202599;
200
+ --dt-colors-border-critical-disabled: #d2d3e180;
201
+ --dt-colors-border-critical-default: #f1cdcf;
202
+ --dt-colors-border-critical-default-hover: #f0c4c5;
203
+ --dt-colors-border-critical-default-active: #efbabb;
204
+ --dt-colors-border-critical-accent: #b80031;
205
+ --dt-colors-border-critical-accent-hover: #97001f;
206
+ --dt-colors-border-critical-accent-active: #720013;
207
+ --dt-colors-border-critical-on-accent-disabled: #f9f1f333;
208
+ --dt-colors-border-critical-on-accent-default: #f9f1f3;
209
+ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
210
+ --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
211
+ --dt-colors-border-on-accent-disabled: #f3f3f733;
212
+ --dt-colors-border-on-accent-default: #f3f3f7;
213
+ --dt-colors-border-on-accent-default-hover: #f3f3f7cc;
214
+ --dt-colors-border-on-accent-default-active: #f3f3f799;
215
+ --dt-colors-text-neutral-disabled: #54558780;
216
+ --dt-colors-text-neutral-subdued: #545587;
217
+ --dt-colors-text-neutral-subdued-hover: #3f3f6f;
218
+ --dt-colors-text-neutral-subdued-active: #2b2a58;
219
+ --dt-colors-text-neutral-default: #2b2a58;
220
+ --dt-colors-text-neutral-default-hover: #3f3f6f;
221
+ --dt-colors-text-neutral-default-active: #545587;
222
+ --dt-colors-text-neutral-on-accent-disabled: #f3f3f680;
223
+ --dt-colors-text-neutral-on-accent-default: #f3f3f6;
224
+ --dt-colors-text-neutral-on-accent-default-hover: #f3f3f6cc;
225
+ --dt-colors-text-neutral-on-accent-default-active: #f3f3f699;
226
+ --dt-colors-text-primary-disabled: #54558780;
227
+ --dt-colors-text-primary-default: #454cc9;
228
+ --dt-colors-text-primary-default-hover: #3332ae;
229
+ --dt-colors-text-primary-default-active: #241193;
230
+ --dt-colors-text-primary-on-accent-disabled: #f4f4fb80;
231
+ --dt-colors-text-primary-on-accent-default: #f4f4fb;
232
+ --dt-colors-text-primary-on-accent-default-hover: #f4f4fbcc;
233
+ --dt-colors-text-primary-on-accent-default-active: #f4f4fb99;
234
+ --dt-colors-text-success-disabled: #54558780;
235
+ --dt-colors-text-success-default: #2c6360;
236
+ --dt-colors-text-success-default-hover: #124d4a;
237
+ --dt-colors-text-success-default-active: #003735;
238
+ --dt-colors-text-success-on-accent-disabled: #f1f4f480;
239
+ --dt-colors-text-success-on-accent-default: #f1f4f4;
240
+ --dt-colors-text-success-on-accent-default-hover: #f1f4f4cc;
241
+ --dt-colors-text-success-on-accent-default-active: #f1f4f499;
242
+ --dt-colors-text-warning-disabled: #54558780;
243
+ --dt-colors-text-warning-default: #805100;
244
+ --dt-colors-text-warning-default-hover: #683b00;
245
+ --dt-colors-text-warning-default-active: #4d2800;
246
+ --dt-colors-text-warning-on-accent-disabled: #27202580;
247
+ --dt-colors-text-warning-on-accent-default: #272025;
248
+ --dt-colors-text-warning-on-accent-default-hover: #272025cc;
249
+ --dt-colors-text-warning-on-accent-default-active: #27202599;
250
+ --dt-colors-text-critical-disabled: #54558780;
251
+ --dt-colors-text-critical-default: #b80031;
252
+ --dt-colors-text-critical-default-hover: #97001f;
253
+ --dt-colors-text-critical-default-active: #720013;
254
+ --dt-colors-text-critical-on-accent-disabled: #f9f1f380;
255
+ --dt-colors-text-critical-on-accent-default: #f9f1f3;
256
+ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
257
+ --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
258
+ --dt-colors-text-on-accent-disabled: #f3f3f780;
259
+ --dt-colors-text-on-accent-default: #f3f3f7;
260
+ --dt-colors-text-on-accent-default-hover: #f3f3f7cc;
261
+ --dt-colors-text-on-accent-default-active: #f3f3f799;
262
+ --dt-colors-icon-neutral-disabled: #54558780;
263
+ --dt-colors-icon-neutral-subdued: #545587;
264
+ --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
265
+ --dt-colors-icon-neutral-subdued-active: #2b2a58;
266
+ --dt-colors-icon-neutral-default: #2b2a58;
267
+ --dt-colors-icon-neutral-default-hover: #3f3f6f;
268
+ --dt-colors-icon-neutral-default-active: #545587;
269
+ --dt-colors-icon-neutral-on-accent-disabled: #f3f3f680;
270
+ --dt-colors-icon-neutral-on-accent-default: #f3f3f6;
271
+ --dt-colors-icon-neutral-on-accent-default-hover: #f3f3f6cc;
272
+ --dt-colors-icon-neutral-on-accent-default-active: #f3f3f699;
273
+ --dt-colors-icon-primary-disabled: #54558780;
274
+ --dt-colors-icon-primary-default: #454cc9;
275
+ --dt-colors-icon-primary-default-hover: #3332ae;
276
+ --dt-colors-icon-primary-default-active: #241193;
277
+ --dt-colors-icon-primary-on-accent-disabled: #f4f4fb80;
278
+ --dt-colors-icon-primary-on-accent-default: #f4f4fb;
279
+ --dt-colors-icon-primary-on-accent-default-hover: #f4f4fbcc;
280
+ --dt-colors-icon-primary-on-accent-default-active: #f4f4fb99;
281
+ --dt-colors-icon-success-disabled: #54558780;
282
+ --dt-colors-icon-success-default: #2c6360;
283
+ --dt-colors-icon-success-default-hover: #124d4a;
284
+ --dt-colors-icon-success-default-active: #003735;
285
+ --dt-colors-icon-success-on-accent-disabled: #f1f4f480;
286
+ --dt-colors-icon-success-on-accent-default: #f1f4f4;
287
+ --dt-colors-icon-success-on-accent-default-hover: #f1f4f4cc;
288
+ --dt-colors-icon-success-on-accent-default-active: #f1f4f499;
289
+ --dt-colors-icon-warning-disabled: #54558780;
290
+ --dt-colors-icon-warning-default: #805100;
291
+ --dt-colors-icon-warning-default-hover: #683b00;
292
+ --dt-colors-icon-warning-default-active: #4d2800;
293
+ --dt-colors-icon-warning-on-accent-disabled: #27202580;
294
+ --dt-colors-icon-warning-on-accent-default: #272025;
295
+ --dt-colors-icon-warning-on-accent-default-hover: #272025cc;
296
+ --dt-colors-icon-warning-on-accent-default-active: #27202599;
297
+ --dt-colors-icon-critical-disabled: #54558780;
298
+ --dt-colors-icon-critical-default: #b80031;
299
+ --dt-colors-icon-critical-default-hover: #97001f;
300
+ --dt-colors-icon-critical-default-active: #720013;
301
+ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380;
302
+ --dt-colors-icon-critical-on-accent-default: #f9f1f3;
303
+ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
304
+ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
305
+ --dt-colors-icon-on-accent-disabled: #f3f3f780;
306
+ --dt-colors-icon-on-accent-default: #f3f3f7;
307
+ --dt-colors-icon-on-accent-default-hover: #f3f3f7cc;
308
+ --dt-colors-icon-on-accent-default-active: #f3f3f799;
309
+ --dt-colors-syntax-comment: #545586;
310
+ --dt-colors-syntax-string: #086467;
311
+ --dt-colors-syntax-variable: #2754b5;
312
+ --dt-colors-syntax-number: #aa0081;
313
+ --dt-colors-syntax-punctuation: #8136a9;
314
+ --dt-colors-syntax-function: #2754b5;
315
+ --dt-colors-syntax-classname: #2c2d4d;
316
+ --dt-colors-syntax-tag: #b30926;
317
+ --dt-colors-syntax-operators: #8136a9;
318
+ --dt-colors-syntax-boolean: #973f00;
319
+ --dt-colors-charts-status-ideal-default: #2f6863;
320
+ --dt-colors-charts-status-good-default: #474ecf;
321
+ --dt-colors-charts-status-neutral-default: #5a5b8c;
322
+ --dt-colors-charts-status-warning-default: #eca440;
323
+ --dt-colors-charts-status-critical-default: #c4233b;
324
+ --dt-colors-charts-categorical-color-01-default: #134fc9;
325
+ --dt-colors-charts-categorical-color-02-default: #2c2f3f;
326
+ --dt-colors-charts-categorical-color-03-default: #2a7453;
327
+ --dt-colors-charts-categorical-color-04-default: #d85a9f;
328
+ --dt-colors-charts-categorical-color-05-default: #84859a;
329
+ --dt-colors-charts-categorical-color-06-default: #a9780f;
330
+ --dt-colors-charts-categorical-color-07-default: #438fb1;
331
+ --dt-colors-charts-categorical-color-08-default: #8b6ecf;
332
+ --dt-colors-charts-categorical-color-09-default: #649438;
333
+ --dt-colors-charts-categorical-color-10-default: #904523;
334
+ --dt-colors-charts-categorical-color-11-default: #627cfe;
335
+ --dt-colors-charts-categorical-color-12-default: #cd3741;
336
+ --dt-colors-charts-categorical-color-13-default: #1c520a;
337
+ --dt-colors-charts-categorical-color-14-default: #d56b1a;
338
+ --dt-colors-charts-categorical-color-15-default: #9033a3;
339
+ --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #9033a3;
340
+ --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #a9780f;
341
+ --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d85a9f;
342
+ --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8b6ecf;
343
+ --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #904523;
344
+ --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3741;
345
+ --dt-colors-charts-categorical-themed-swamps-color-01-default: #006650;
346
+ --dt-colors-charts-categorical-themed-swamps-color-02-default: #84859a;
347
+ --dt-colors-charts-categorical-themed-swamps-color-03-default: #649438;
348
+ --dt-colors-charts-categorical-themed-swamps-color-04-default: #8f4624;
349
+ --dt-colors-charts-categorical-themed-swamps-color-05-default: #2c2f3f;
350
+ --dt-colors-charts-categorical-themed-swamps-color-06-default: #a9780f;
351
+ --dt-colors-charts-categorical-themed-fireplace-color-01-default: #ae132d;
352
+ --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d85a9f;
353
+ --dt-colors-charts-categorical-themed-fireplace-color-03-default: #d56b1a;
354
+ --dt-colors-charts-categorical-themed-fireplace-color-04-default: #a9780f;
355
+ --dt-colors-charts-categorical-themed-fireplace-color-05-default: #904523;
356
+ --dt-colors-charts-categorical-themed-fireplace-color-06-default: #9033a3;
357
+ --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #438fb1;
358
+ --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #84859a;
359
+ --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #627cfe;
360
+ --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8b6ecf;
361
+ --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #134fc9;
362
+ --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #2c2f3f;
363
+ --dt-colors-charts-logstatus-error-default: #cd3741;
364
+ --dt-colors-charts-logstatus-warning-default: #a9780f;
365
+ --dt-colors-charts-logstatus-info-default: #134fc9;
366
+ --dt-colors-charts-logstatus-none-default: #2c2f3f;
367
+ --dt-colors-charts-loglevel-emergency-default: #ae132d;
368
+ --dt-colors-charts-loglevel-error-default: #cd3741;
369
+ --dt-colors-charts-loglevel-alert-default: #c73d84;
370
+ --dt-colors-charts-loglevel-critical-default: #d85a9f;
371
+ --dt-colors-charts-loglevel-severe-default: #d56b1a;
372
+ --dt-colors-charts-loglevel-warning-default: #a9780f;
373
+ --dt-colors-charts-loglevel-notice-default: #2a7453;
374
+ --dt-colors-charts-loglevel-info-default: #134fc9;
375
+ --dt-colors-charts-loglevel-debug-default: #8b6ecf;
376
+ --dt-colors-charts-loglevel-none-default: #2c2f3f;
377
+ --dt-colors-charts-apdex-excellent-default: #2a7453;
378
+ --dt-colors-charts-apdex-good-default: #1c520a;
379
+ --dt-colors-charts-apdex-fair-default: #a9780f;
380
+ --dt-colors-charts-apdex-poor-default: #d56b1a;
381
+ --dt-colors-charts-apdex-unacceptable-default: #cd3741;
382
+ --dt-colors-charts-security-risk-level-muted-default: #84859a;
383
+ --dt-colors-charts-security-risk-level-critical-default: #8a0012;
384
+ --dt-colors-charts-security-risk-level-high-default: #cd3741;
385
+ --dt-colors-charts-security-risk-level-medium-default: #a9780f;
386
+ --dt-colors-charts-security-risk-level-low-default: #134fc9;
387
+ --dt-colors-charts-vulnerability-status-muted-default: #84859a;
388
+ --dt-colors-charts-vulnerability-status-resolved-default: #3e8e6a;
389
+ --dt-colors-charts-vulnerability-status-affected-default: #cd3741;
390
+ --dt-colors-charts-threshold-good-default: #2a7453;
391
+ --dt-colors-charts-threshold-warning-default: #a9780f;
392
+ --dt-colors-charts-threshold-bad-default: #cd3741;
393
+ --dt-colors-charts-rainbow-red-default: #cd3741;
394
+ --dt-colors-charts-rainbow-orange-default: #d56b1a;
395
+ --dt-colors-charts-rainbow-yellow-default: #a9780f;
396
+ --dt-colors-charts-rainbow-moss-default: #2a7453;
397
+ --dt-colors-charts-rainbow-blue-default: #134fc9;
398
+ --dt-colors-charts-rainbow-magenta-default: #9033a3;
399
+ --dt-colors-charts-sequential-pink-purple-color-01-default: #d85a9f;
400
+ --dt-colors-charts-sequential-pink-purple-color-02-default: #c6539f;
401
+ --dt-colors-charts-sequential-pink-purple-color-03-default: #b450a3;
402
+ --dt-colors-charts-sequential-pink-purple-color-04-default: #9f49a2;
403
+ --dt-colors-charts-sequential-pink-purple-color-05-default: #8d45a5;
404
+ --dt-colors-charts-sequential-pink-purple-color-06-default: #7640a5;
405
+ --dt-colors-charts-sequential-pink-purple-color-07-default: #5d3ba5;
406
+ --dt-colors-charts-sequential-pink-purple-color-08-default: #4038a8;
407
+ --dt-colors-charts-sequential-pink-purple-color-09-default: #0035a8;
408
+ --dt-colors-charts-sequential-blue-turquoise-color-01-default: #0035a8;
409
+ --dt-colors-charts-sequential-blue-turquoise-color-02-default: #1d41a5;
410
+ --dt-colors-charts-sequential-blue-turquoise-color-03-default: #284e9f;
411
+ --dt-colors-charts-sequential-blue-turquoise-color-04-default: #2f5998;
412
+ --dt-colors-charts-sequential-blue-turquoise-color-05-default: #336794;
413
+ --dt-colors-charts-sequential-blue-turquoise-color-06-default: #31708c;
414
+ --dt-colors-charts-sequential-blue-turquoise-color-07-default: #307c88;
415
+ --dt-colors-charts-sequential-blue-turquoise-color-08-default: #2a8981;
416
+ --dt-colors-charts-sequential-blue-turquoise-color-09-default: #1d957b;
417
+ --dt-colors-charts-sequential-blue-color-01-default: #001b85;
418
+ --dt-colors-charts-sequential-blue-color-02-default: #0035a8;
419
+ --dt-colors-charts-sequential-blue-color-03-default: #134fc9;
420
+ --dt-colors-charts-sequential-blue-color-04-default: #3f63e4;
421
+ --dt-colors-charts-sequential-blue-color-05-default: #627cfe;
422
+ --dt-colors-charts-sequential-blue-color-06-default: #8a9bff;
423
+ --dt-colors-charts-sequential-blue-color-07-default: #a8b7ff;
424
+ --dt-colors-charts-sequential-blue-color-08-default: #bdc8ff;
425
+ --dt-colors-charts-sequential-blue-color-09-default: #d6deff;
426
+ --dt-colors-charts-sequential-grey-color-01-default: #111422;
427
+ --dt-colors-charts-sequential-grey-color-02-default: #2c2f3f;
428
+ --dt-colors-charts-sequential-grey-color-03-default: #484a5b;
429
+ --dt-colors-charts-sequential-grey-color-04-default: #66687a;
430
+ --dt-colors-charts-sequential-grey-color-05-default: #84859a;
431
+ --dt-colors-charts-sequential-grey-color-06-default: #a7a9be;
432
+ --dt-colors-charts-sequential-grey-color-07-default: #cacce2;
433
+ --dt-colors-charts-sequential-grey-color-08-default: #d8d9e9;
434
+ --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef;
435
+ --dt-colors-charts-sequential-moss-color-01-default: #084427;
436
+ --dt-colors-charts-sequential-moss-color-02-default: #195c3d;
437
+ --dt-colors-charts-sequential-moss-color-03-default: #2a7453;
438
+ --dt-colors-charts-sequential-moss-color-04-default: #3e8e6a;
439
+ --dt-colors-charts-sequential-moss-color-05-default: #509575;
440
+ --dt-colors-charts-sequential-moss-color-06-default: #75c29d;
441
+ --dt-colors-charts-sequential-moss-color-07-default: #93dcb8;
442
+ --dt-colors-charts-sequential-moss-color-08-default: #b4e4cd;
443
+ --dt-colors-charts-sequential-moss-color-09-default: #d4ece0;
444
+ --dt-colors-charts-sequential-turquoise-color-01-default: #004733;
445
+ --dt-colors-charts-sequential-turquoise-color-02-default: #00523d;
446
+ --dt-colors-charts-sequential-turquoise-color-03-default: #006650;
447
+ --dt-colors-charts-sequential-turquoise-color-04-default: #047c64;
448
+ --dt-colors-charts-sequential-turquoise-color-05-default: #1d957b;
449
+ --dt-colors-charts-sequential-turquoise-color-06-default: #38ad92;
450
+ --dt-colors-charts-sequential-turquoise-color-07-default: #52c7aa;
451
+ --dt-colors-charts-sequential-turquoise-color-08-default: #78dec1;
452
+ --dt-colors-charts-sequential-turquoise-color-09-default: #c0ece0;
453
+ --dt-colors-charts-sequential-pink-color-01-default: #6b1441;
454
+ --dt-colors-charts-sequential-pink-color-02-default: #872256;
455
+ --dt-colors-charts-sequential-pink-color-03-default: #a83470;
456
+ --dt-colors-charts-sequential-pink-color-04-default: #c73d84;
457
+ --dt-colors-charts-sequential-pink-color-05-default: #d85a9f;
458
+ --dt-colors-charts-sequential-pink-color-06-default: #e675b5;
459
+ --dt-colors-charts-sequential-pink-color-07-default: #f291cb;
460
+ --dt-colors-charts-sequential-pink-color-08-default: #fcb5e2;
461
+ --dt-colors-charts-sequential-pink-color-09-default: #fed7f0;
462
+ --dt-colors-charts-sequential-yellow-color-01-default: #573b00;
463
+ --dt-colors-charts-sequential-yellow-color-02-default: #614200;
464
+ --dt-colors-charts-sequential-yellow-color-03-default: #755000;
465
+ --dt-colors-charts-sequential-yellow-color-04-default: #8f6200;
466
+ --dt-colors-charts-sequential-yellow-color-05-default: #a9780f;
467
+ --dt-colors-charts-sequential-yellow-color-06-default: #c79323;
468
+ --dt-colors-charts-sequential-yellow-color-07-default: #dfb14e;
469
+ --dt-colors-charts-sequential-yellow-color-08-default: #f1cd7e;
470
+ --dt-colors-charts-sequential-yellow-color-09-default: #f8e1af;
471
+ --dt-colors-charts-sequential-petrol-color-01-default: #00304d;
472
+ --dt-colors-charts-sequential-petrol-color-02-default: #114964;
473
+ --dt-colors-charts-sequential-petrol-color-03-default: #21607d;
474
+ --dt-colors-charts-sequential-petrol-color-04-default: #307697;
475
+ --dt-colors-charts-sequential-petrol-color-05-default: #438fb1;
476
+ --dt-colors-charts-sequential-petrol-color-06-default: #5ba7cd;
477
+ --dt-colors-charts-sequential-petrol-color-07-default: #81c8ef;
478
+ --dt-colors-charts-sequential-petrol-color-08-default: #aaddf9;
479
+ --dt-colors-charts-sequential-petrol-color-09-default: #cbe7f6;
480
+ --dt-colors-charts-sequential-purple-color-01-default: #32246a;
481
+ --dt-colors-charts-sequential-purple-color-02-default: #453380;
482
+ --dt-colors-charts-sequential-purple-color-03-default: #5e489d;
483
+ --dt-colors-charts-sequential-purple-color-04-default: #755abf;
484
+ --dt-colors-charts-sequential-purple-color-05-default: #8b6ecf;
485
+ --dt-colors-charts-sequential-purple-color-06-default: #a184dc;
486
+ --dt-colors-charts-sequential-purple-color-07-default: #bb9eeb;
487
+ --dt-colors-charts-sequential-purple-color-08-default: #d5b9f8;
488
+ --dt-colors-charts-sequential-purple-color-09-default: #e9d7fe;
489
+ --dt-colors-charts-sequential-pear-color-01-default: #084200;
490
+ --dt-colors-charts-sequential-pear-color-02-default: #1c520a;
491
+ --dt-colors-charts-sequential-pear-color-03-default: #306615;
492
+ --dt-colors-charts-sequential-pear-color-04-default: #457a1f;
493
+ --dt-colors-charts-sequential-pear-color-05-default: #649438;
494
+ --dt-colors-charts-sequential-pear-color-06-default: #83b455;
495
+ --dt-colors-charts-sequential-pear-color-07-default: #9fcb76;
496
+ --dt-colors-charts-sequential-pear-color-08-default: #b5de8c;
497
+ --dt-colors-charts-sequential-pear-color-09-default: #d3e9be;
498
+ --dt-colors-charts-sequential-brown-color-01-default: #5c1d00;
499
+ --dt-colors-charts-sequential-brown-color-02-default: #6f2e11;
500
+ --dt-colors-charts-sequential-brown-color-03-default: #8f4624;
501
+ --dt-colors-charts-sequential-brown-color-04-default: #a95d37;
502
+ --dt-colors-charts-sequential-brown-color-05-default: #bc724e;
503
+ --dt-colors-charts-sequential-brown-color-06-default: #c98769;
504
+ --dt-colors-charts-sequential-brown-color-07-default: #dfa486;
505
+ --dt-colors-charts-sequential-brown-color-08-default: #f2bfa6;
506
+ --dt-colors-charts-sequential-brown-color-09-default: #fddece;
507
+ --dt-colors-charts-sequential-red-color-01-default: #610000;
508
+ --dt-colors-charts-sequential-red-color-02-default: #8a0012;
509
+ --dt-colors-charts-sequential-red-color-03-default: #ae132d;
510
+ --dt-colors-charts-sequential-red-color-04-default: #cd3741;
511
+ --dt-colors-charts-sequential-red-color-05-default: #eb565b;
512
+ --dt-colors-charts-sequential-red-color-06-default: #ff7a7a;
513
+ --dt-colors-charts-sequential-red-color-07-default: #ffa6a3;
514
+ --dt-colors-charts-sequential-red-color-08-default: #ffb8b3;
515
+ --dt-colors-charts-sequential-red-color-09-default: #ffd9d6;
516
+ --dt-colors-charts-sequential-magenta-color-01-default: #59006b;
517
+ --dt-colors-charts-sequential-magenta-color-02-default: #761b88;
518
+ --dt-colors-charts-sequential-magenta-color-03-default: #9033a3;
519
+ --dt-colors-charts-sequential-magenta-color-04-default: #af4bbe;
520
+ --dt-colors-charts-sequential-magenta-color-05-default: #ba6bc2;
521
+ --dt-colors-charts-sequential-magenta-color-06-default: #e183e7;
522
+ --dt-colors-charts-sequential-magenta-color-07-default: #fca0fd;
523
+ --dt-colors-charts-sequential-magenta-color-08-default: #fdb4fd;
524
+ --dt-colors-charts-sequential-magenta-color-09-default: #faccfa;
525
+ --dt-colors-charts-sequential-orange-color-01-default: #662c00;
526
+ --dt-colors-charts-sequential-orange-color-02-default: #87420d;
527
+ --dt-colors-charts-sequential-orange-color-03-default: #ab5412;
528
+ --dt-colors-charts-sequential-orange-color-04-default: #c36218;
529
+ --dt-colors-charts-sequential-orange-color-05-default: #d56b1a;
530
+ --dt-colors-charts-sequential-orange-color-06-default: #e57e2e;
531
+ --dt-colors-charts-sequential-orange-color-07-default: #eb9a5c;
532
+ --dt-colors-charts-sequential-orange-color-08-default: #efb080;
533
+ --dt-colors-charts-sequential-orange-color-09-default: #f4caa9;
534
+ --dt-colors-charts-diverging-orange-blue-color-01-default: #662c00;
535
+ --dt-colors-charts-diverging-orange-blue-color-02-default: #ab5412;
536
+ --dt-colors-charts-diverging-orange-blue-color-03-default: #d56b1a;
537
+ --dt-colors-charts-diverging-orange-blue-color-04-default: #eb9a5c;
538
+ --dt-colors-charts-diverging-orange-blue-color-05-default: #f4caa9;
539
+ --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0;
540
+ --dt-colors-charts-diverging-orange-blue-color-07-default: #d6deff;
541
+ --dt-colors-charts-diverging-orange-blue-color-08-default: #a8b7ff;
542
+ --dt-colors-charts-diverging-orange-blue-color-09-default: #627cfe;
543
+ --dt-colors-charts-diverging-orange-blue-color-10-default: #134fc9;
544
+ --dt-colors-charts-diverging-orange-blue-color-11-default: #001b85;
545
+ --dt-colors-charts-diverging-red-blue-color-01-default: #610000;
546
+ --dt-colors-charts-diverging-red-blue-color-02-default: #ae132d;
547
+ --dt-colors-charts-diverging-red-blue-color-03-default: #eb565b;
548
+ --dt-colors-charts-diverging-red-blue-color-04-default: #ffa6a3;
549
+ --dt-colors-charts-diverging-red-blue-color-05-default: #ffd9d6;
550
+ --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0;
551
+ --dt-colors-charts-diverging-red-blue-color-07-default: #d6deff;
552
+ --dt-colors-charts-diverging-red-blue-color-08-default: #a8b7ff;
553
+ --dt-colors-charts-diverging-red-blue-color-09-default: #627cfe;
554
+ --dt-colors-charts-diverging-red-blue-color-10-default: #134fc9;
555
+ --dt-colors-charts-diverging-red-blue-color-11-default: #001b85;
556
+ --dt-colors-charts-diverging-red-purple-color-01-default: #610000;
557
+ --dt-colors-charts-diverging-red-purple-color-02-default: #ae132d;
558
+ --dt-colors-charts-diverging-red-purple-color-03-default: #eb565b;
559
+ --dt-colors-charts-diverging-red-purple-color-04-default: #ffa6a3;
560
+ --dt-colors-charts-diverging-red-purple-color-05-default: #ffd9d6;
561
+ --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0;
562
+ --dt-colors-charts-diverging-red-purple-color-07-default: #e9d7fe;
563
+ --dt-colors-charts-diverging-red-purple-color-08-default: #bb9eeb;
564
+ --dt-colors-charts-diverging-red-purple-color-09-default: #8b6ecf;
565
+ --dt-colors-charts-diverging-red-purple-color-10-default: #5e489d;
566
+ --dt-colors-charts-diverging-red-purple-color-11-default: #32246a;
567
+ --dt-colors-charts-diverging-blue-moss-color-01-default: #001b85;
568
+ --dt-colors-charts-diverging-blue-moss-color-02-default: #134fc9;
569
+ --dt-colors-charts-diverging-blue-moss-color-03-default: #627cfe;
570
+ --dt-colors-charts-diverging-blue-moss-color-04-default: #a8b7ff;
571
+ --dt-colors-charts-diverging-blue-moss-color-05-default: #d6deff;
572
+ --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0;
573
+ --dt-colors-charts-diverging-blue-moss-color-07-default: #d4ece0;
574
+ --dt-colors-charts-diverging-blue-moss-color-08-default: #93dcb8;
575
+ --dt-colors-charts-diverging-blue-moss-color-09-default: #509575;
576
+ --dt-colors-charts-diverging-blue-moss-color-10-default: #2a7453;
577
+ --dt-colors-charts-diverging-blue-moss-color-11-default: #084427;
578
+ --dt-colors-charts-diverging-purple-yellow-color-01-default: #32246a;
579
+ --dt-colors-charts-diverging-purple-yellow-color-02-default: #5e489d;
580
+ --dt-colors-charts-diverging-purple-yellow-color-03-default: #8b6ecf;
581
+ --dt-colors-charts-diverging-purple-yellow-color-04-default: #bb9eeb;
582
+ --dt-colors-charts-diverging-purple-yellow-color-05-default: #e9d7fe;
583
+ --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0;
584
+ --dt-colors-charts-diverging-purple-yellow-color-07-default: #f8e1af;
585
+ --dt-colors-charts-diverging-purple-yellow-color-08-default: #dfb14e;
586
+ --dt-colors-charts-diverging-purple-yellow-color-09-default: #a9780f;
587
+ --dt-colors-charts-diverging-purple-yellow-color-10-default: #755000;
588
+ --dt-colors-charts-diverging-purple-yellow-color-11-default: #573b00;
589
+ --dt-colors-charts-diverging-red-green-color-01-default: #610000;
590
+ --dt-colors-charts-diverging-red-green-color-02-default: #ae132d;
591
+ --dt-colors-charts-diverging-red-green-color-03-default: #eb565b;
592
+ --dt-colors-charts-diverging-red-green-color-04-default: #ffa6a3;
593
+ --dt-colors-charts-diverging-red-green-color-05-default: #ffd9d6;
594
+ --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0;
595
+ --dt-colors-charts-diverging-red-green-color-07-default: #d4ece0;
596
+ --dt-colors-charts-diverging-red-green-color-08-default: #93dcb8;
597
+ --dt-colors-charts-diverging-red-green-color-09-default: #509575;
598
+ --dt-colors-charts-diverging-red-green-color-10-default: #2a7453;
599
+ --dt-colors-charts-diverging-red-green-color-11-default: #084427;
600
+ --dt-colors-charts-diverging-orange-petrol-color-01-default: #662c00;
601
+ --dt-colors-charts-diverging-orange-petrol-color-02-default: #ab5412;
602
+ --dt-colors-charts-diverging-orange-petrol-color-03-default: #d56b1a;
603
+ --dt-colors-charts-diverging-orange-petrol-color-04-default: #eb9a5c;
604
+ --dt-colors-charts-diverging-orange-petrol-color-05-default: #f4caa9;
605
+ --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0;
606
+ --dt-colors-charts-diverging-orange-petrol-color-07-default: #cbe7f6;
607
+ --dt-colors-charts-diverging-orange-petrol-color-08-default: #81c8ef;
608
+ --dt-colors-charts-diverging-orange-petrol-color-09-default: #438fb1;
609
+ --dt-colors-charts-diverging-orange-petrol-color-10-default: #21607d;
610
+ --dt-colors-charts-diverging-orange-petrol-color-11-default: #00304d;
611
+ --dt-colors-charts-diverging-pink-green-color-01-default: #6b1441;
612
+ --dt-colors-charts-diverging-pink-green-color-02-default: #a83470;
613
+ --dt-colors-charts-diverging-pink-green-color-03-default: #d85a9f;
614
+ --dt-colors-charts-diverging-pink-green-color-04-default: #f291cb;
615
+ --dt-colors-charts-diverging-pink-green-color-05-default: #fed7f0;
616
+ --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0;
617
+ --dt-colors-charts-diverging-pink-green-color-07-default: #d4ece0;
618
+ --dt-colors-charts-diverging-pink-green-color-08-default: #93dcb8;
619
+ --dt-colors-charts-diverging-pink-green-color-09-default: #509575;
620
+ --dt-colors-charts-diverging-pink-green-color-10-default: #2a7453;
621
+ --dt-colors-charts-diverging-pink-green-color-11-default: #084427;
622
+ --dt-elevations-default: 1;
623
+ --dt-elevations-sticky: 10;
624
+ --dt-elevations-overlay: 20;
625
+ --dt-elevations-notification: 1999999999;
626
+ --dt-spacings-size-0: 0;
627
+ --dt-spacings-size-2: 2px;
628
+ --dt-spacings-size-4: 4px;
629
+ --dt-spacings-size-6: 6px;
630
+ --dt-spacings-size-8: 8px;
631
+ --dt-spacings-size-12: 12px;
632
+ --dt-spacings-size-16: 16px;
633
+ --dt-spacings-size-20: 20px;
634
+ --dt-spacings-size-24: 24px;
635
+ --dt-spacings-size-28: 28px;
636
+ --dt-spacings-size-32: 32px;
637
+ --dt-spacings-size-36: 36px;
638
+ --dt-spacings-size-40: 40px;
639
+ --dt-spacings-size-48: 48px;
640
+ --dt-spacings-size-56: 56px;
641
+ --dt-spacings-size-64: 64px;
642
+ --dt-typography-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
643
+ --dt-typography-display-level-1-weight: 600;
644
+ --dt-typography-display-level-1-size: 64px;
645
+ --dt-typography-display-level-1-line-height: 1.1875;
646
+ --dt-typography-display-level-1-text-decoration: none;
647
+ --dt-typography-display-level-1-text-transform: none;
648
+ --dt-typography-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
649
+ --dt-typography-display-level-2-weight: 600;
650
+ --dt-typography-display-level-2-size: 56px;
651
+ --dt-typography-display-level-2-line-height: 1.2142857143;
652
+ --dt-typography-display-level-2-text-decoration: none;
653
+ --dt-typography-display-level-2-text-transform: none;
654
+ --dt-typography-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
655
+ --dt-typography-display-level-3-weight: 600;
656
+ --dt-typography-display-level-3-size: 48px;
657
+ --dt-typography-display-level-3-line-height: 1.25;
658
+ --dt-typography-display-level-3-text-decoration: none;
659
+ --dt-typography-display-level-3-text-transform: none;
660
+ --dt-typography-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
661
+ --dt-typography-heading-level-1-weight: 600;
662
+ --dt-typography-heading-level-1-size: 32px;
663
+ --dt-typography-heading-level-1-line-height: 1.25;
664
+ --dt-typography-heading-level-1-text-decoration: none;
665
+ --dt-typography-heading-level-1-text-transform: none;
666
+ --dt-typography-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
667
+ --dt-typography-heading-level-2-weight: 600;
668
+ --dt-typography-heading-level-2-size: 28px;
669
+ --dt-typography-heading-level-2-line-height: 1.2857142857;
670
+ --dt-typography-heading-level-2-text-decoration: none;
671
+ --dt-typography-heading-level-2-text-transform: none;
672
+ --dt-typography-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
673
+ --dt-typography-heading-level-3-weight: 600;
674
+ --dt-typography-heading-level-3-size: 24px;
675
+ --dt-typography-heading-level-3-line-height: 1.3333333333;
676
+ --dt-typography-heading-level-3-text-decoration: none;
677
+ --dt-typography-heading-level-3-text-transform: none;
678
+ --dt-typography-heading-level-4-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
679
+ --dt-typography-heading-level-4-weight: 600;
680
+ --dt-typography-heading-level-4-size: 20px;
681
+ --dt-typography-heading-level-4-line-height: 1.4;
682
+ --dt-typography-heading-level-4-text-decoration: none;
683
+ --dt-typography-heading-level-4-text-transform: none;
684
+ --dt-typography-heading-level-5-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
685
+ --dt-typography-heading-level-5-weight: 600;
686
+ --dt-typography-heading-level-5-size: 16px;
687
+ --dt-typography-heading-level-5-line-height: 1.5;
688
+ --dt-typography-heading-level-5-text-decoration: none;
689
+ --dt-typography-heading-level-5-text-transform: none;
690
+ --dt-typography-heading-level-6-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
691
+ --dt-typography-heading-level-6-weight: 600;
692
+ --dt-typography-heading-level-6-size: 14px;
693
+ --dt-typography-heading-level-6-line-height: 1.4285714286;
694
+ --dt-typography-heading-level-6-text-decoration: none;
695
+ --dt-typography-heading-level-6-text-transform: none;
696
+ --dt-typography-subtitle-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
697
+ --dt-typography-subtitle-display-level-1-weight: 400;
698
+ --dt-typography-subtitle-display-level-1-size: 28px;
699
+ --dt-typography-subtitle-display-level-1-line-height: 1.4285714286;
700
+ --dt-typography-subtitle-display-level-1-text-decoration: none;
701
+ --dt-typography-subtitle-display-level-1-text-transform: none;
702
+ --dt-typography-subtitle-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
703
+ --dt-typography-subtitle-display-level-2-weight: 400;
704
+ --dt-typography-subtitle-display-level-2-size: 24px;
705
+ --dt-typography-subtitle-display-level-2-line-height: 1.5;
706
+ --dt-typography-subtitle-display-level-2-text-decoration: none;
707
+ --dt-typography-subtitle-display-level-2-text-transform: none;
708
+ --dt-typography-subtitle-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
709
+ --dt-typography-subtitle-display-level-3-weight: 400;
710
+ --dt-typography-subtitle-display-level-3-size: 21px;
711
+ --dt-typography-subtitle-display-level-3-line-height: 1.5238095238;
712
+ --dt-typography-subtitle-display-level-3-text-decoration: none;
713
+ --dt-typography-subtitle-display-level-3-text-transform: none;
714
+ --dt-typography-subtitle-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
715
+ --dt-typography-subtitle-heading-level-1-weight: 400;
716
+ --dt-typography-subtitle-heading-level-1-size: 21px;
717
+ --dt-typography-subtitle-heading-level-1-line-height: 1.5238095238;
718
+ --dt-typography-subtitle-heading-level-1-text-decoration: none;
719
+ --dt-typography-subtitle-heading-level-1-text-transform: none;
720
+ --dt-typography-subtitle-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
721
+ --dt-typography-subtitle-heading-level-2-weight: 400;
722
+ --dt-typography-subtitle-heading-level-2-size: 18px;
723
+ --dt-typography-subtitle-heading-level-2-line-height: 1.5555555556;
724
+ --dt-typography-subtitle-heading-level-2-text-decoration: none;
725
+ --dt-typography-subtitle-heading-level-2-text-transform: none;
726
+ --dt-typography-subtitle-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
727
+ --dt-typography-subtitle-heading-level-3-weight: 400;
728
+ --dt-typography-subtitle-heading-level-3-size: 16px;
729
+ --dt-typography-subtitle-heading-level-3-line-height: 1.5;
730
+ --dt-typography-subtitle-heading-level-3-text-decoration: none;
731
+ --dt-typography-subtitle-heading-level-3-text-transform: none;
732
+ --dt-typography-text-base-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
733
+ --dt-typography-text-base-default-weight: 400;
734
+ --dt-typography-text-base-default-size: 14px;
735
+ --dt-typography-text-base-default-line-height: 1.4285714286;
736
+ --dt-typography-text-base-default-text-decoration: none;
737
+ --dt-typography-text-base-default-text-transform: none;
738
+ --dt-typography-text-base-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
739
+ --dt-typography-text-base-emphasized-weight: 500;
740
+ --dt-typography-text-base-emphasized-size: 14px;
741
+ --dt-typography-text-base-emphasized-line-height: 1.4285714286;
742
+ --dt-typography-text-base-emphasized-text-decoration: none;
743
+ --dt-typography-text-base-emphasized-text-transform: none;
744
+ --dt-typography-text-small-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
745
+ --dt-typography-text-small-default-weight: 400;
746
+ --dt-typography-text-small-default-size: 12px;
747
+ --dt-typography-text-small-default-line-height: 1.333333333;
748
+ --dt-typography-text-small-default-text-decoration: none;
749
+ --dt-typography-text-small-default-text-transform: none;
750
+ --dt-typography-text-small-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
751
+ --dt-typography-text-small-emphasized-weight: 500;
752
+ --dt-typography-text-small-emphasized-size: 12px;
753
+ --dt-typography-text-small-emphasized-line-height: 1.333333333;
754
+ --dt-typography-text-small-emphasized-text-decoration: none;
755
+ --dt-typography-text-small-emphasized-text-transform: none;
756
+ --dt-typography-code-base-default-family: Roboto Mono,monospace;
757
+ --dt-typography-code-base-default-weight: 400;
758
+ --dt-typography-code-base-default-size: 14px;
759
+ --dt-typography-code-base-default-line-height: 1.4285714286;
760
+ --dt-typography-code-base-default-text-decoration: none;
761
+ --dt-typography-code-base-default-text-transform: none;
762
+ --dt-typography-code-base-emphasized-family: Roboto Mono,monospace;
763
+ --dt-typography-code-base-emphasized-weight: 500;
764
+ --dt-typography-code-base-emphasized-size: 14px;
765
+ --dt-typography-code-base-emphasized-line-height: 1.4285714286;
766
+ --dt-typography-code-base-emphasized-text-decoration: none;
767
+ --dt-typography-code-base-emphasized-text-transform: none;
768
+ --dt-typography-code-small-default-family: Roboto Mono,monospace;
769
+ --dt-typography-code-small-default-weight: 400;
770
+ --dt-typography-code-small-default-size: 12px;
771
+ --dt-typography-code-small-default-line-height: 1.333333333;
772
+ --dt-typography-code-small-default-text-decoration: none;
773
+ --dt-typography-code-small-default-text-transform: none;
774
+ --dt-typography-code-small-emphasized-family: Roboto Mono,monospace;
775
+ --dt-typography-code-small-emphasized-weight: 500;
776
+ --dt-typography-code-small-emphasized-size: 12px;
777
+ --dt-typography-code-small-emphasized-line-height: 1.333333333;
778
+ --dt-typography-code-small-emphasized-text-decoration: none;
779
+ --dt-typography-code-small-emphasized-text-transform: none;
780
+ --dt-animations-open-duration-fast: 170ms;
781
+ --dt-animations-open-duration-base: 250ms;
782
+ --dt-animations-open-duration-slow: 400ms;
783
+ --dt-animations-open-easing: cubic-bezier(0, 0, 0.2, 1);
784
+ --dt-animations-close-duration-fast: 0ms;
785
+ --dt-animations-close-duration-base: 170ms;
786
+ --dt-animations-close-duration-slow: 250ms;
787
+ --dt-animations-close-easing: cubic-bezier(0.5, 0, 1, 1);
788
+ --dt-animations-slide-in-duration-fast: 200ms;
789
+ --dt-animations-slide-in-duration-base: 300ms;
790
+ --dt-animations-slide-in-duration-slow: 400ms;
791
+ --dt-animations-slide-in-easing: cubic-bezier(0, 0, 0.2, 1);
792
+ --dt-animations-slide-out-duration-fast: 150ms;
793
+ --dt-animations-slide-out-duration-base: 250ms;
794
+ --dt-animations-slide-out-duration-slow: 350ms;
795
+ --dt-animations-slide-out-easing: cubic-bezier(0.8, 0, 0.5, 1);
796
+ --dt-animations-fade-in-duration-fast: 150ms;
797
+ --dt-animations-fade-in-duration-base: 250ms;
798
+ --dt-animations-fade-in-duration-slow: 350ms;
799
+ --dt-animations-fade-in-easing: cubic-bezier(0.5, 0, 1, 1);
800
+ --dt-animations-fade-out-duration-fast: 150ms;
801
+ --dt-animations-fade-out-duration-base: 250ms;
802
+ --dt-animations-fade-out-duration-slow: 350ms;
803
+ --dt-animations-fade-out-easing: cubic-bezier(0, 0, 0.2, 1);
804
+ --dt-animations-hover-duration-base: 150ms;
805
+ --dt-animations-hover-easing: cubic-bezier(0, 0, 0.2, 1);
806
+ --dt-animations-staggered-motion-duration-fast: 250ms;
807
+ --dt-animations-staggered-motion-duration-base: 350ms;
808
+ --dt-animations-staggered-motion-duration-slow: 400ms;
809
+ --dt-animations-staggered-motion-offset-fast: 20ms;
810
+ --dt-animations-staggered-motion-offset-base: 30ms;
811
+ --dt-animations-staggered-motion-offset-slow: 50ms;
812
+ --dt-animations-staggered-motion-easing: cubic-bezier(0, 0, 0.2, 1);
813
+ --dt-animations-expand-collapse-duration-fast: 250ms;
814
+ --dt-animations-expand-collapse-duration-base: 400ms;
815
+ --dt-animations-expand-collapse-duration-slow: 600ms;
816
+ --dt-animations-expand-collapse-easing: cubic-bezier(0.4, 0, 0.2, 1);
817
+ --dt-animations-move-duration-fast: 150ms;
818
+ --dt-animations-move-duration-base: 400ms;
819
+ --dt-animations-move-duration-slow: 600ms;
820
+ --dt-animations-move-easing: cubic-bezier(0.4, 0, 0.2, 1);
821
+ --dt-animations-rescale-duration-fast: 170ms;
822
+ --dt-animations-rescale-duration-base: 250ms;
823
+ --dt-animations-rescale-duration-slow: 400ms;
824
+ --dt-animations-rescale-easing: cubic-bezier(0.4, 0, 0.2, 1);
825
+ --dt-easings-decelerate: cubic-bezier(0, 0, 0.2, 1);
826
+ --dt-easings-accelerate: cubic-bezier(0.5, 0, 1, 1);
827
+ --dt-easings-slow-in-fast-out: cubic-bezier(0.8, 0, 0.5, 1);
828
+ --dt-easings-fast-in-slow-out: cubic-bezier(0.4, 0, 0.2, 1);
829
+ --dt-easings-out-back: cubic-bezier(0.4, 1.6, 0.7, 1);
830
+ --dt-timings-instant-default: 0ms;
831
+ --dt-timings-offset-short: 20ms;
832
+ --dt-timings-offset-medium: 30ms;
833
+ --dt-timings-offset-long: 100ms;
834
+ --dt-timings-offset-default: 50ms;
835
+ --dt-timings-fast-quick: 150ms;
836
+ --dt-timings-fast-default: 170ms;
837
+ --dt-timings-fast-moderate: 200ms;
838
+ --dt-timings-base-quick: 250ms;
839
+ --dt-timings-base-default: 300ms;
840
+ --dt-timings-base-moderate: 350ms;
841
+ --dt-timings-slow-default: 400ms;
842
+ --dt-timings-slow-moderate: 600ms;
843
+ --dt-timings-slow-gentle: 800ms;
844
+ --scrollbar-track: transparent;
845
+ --scrollbar-thumb: var(--dt-colors-background-field-neutral-emphasized, #dadbe7);
846
+ --scrollbar-thumb--hover: var(--dt-colors-background-field-neutral-emphasized-hover, #d2d3e1);
847
+ --scrollbar-thumb--active: var(--dt-colors-background-field-neutral-emphasized-active, #cacbdc);
848
+ }
849
+ :root[data-theme="dark"] {
850
+ --dt-borders-style-default: solid;
851
+ --dt-borders-style-dashed: dashed;
852
+ --dt-borders-width-default: 1px;
853
+ --dt-borders-width-emphasized: 2px;
854
+ --dt-borders-radius-surface-subdued: 12px;
855
+ --dt-borders-radius-surface-default: 16px;
856
+ --dt-borders-radius-container-subdued: 8px;
857
+ --dt-borders-radius-container-default: 12px;
858
+ --dt-borders-radius-field-subdued: 4px;
859
+ --dt-borders-radius-field-default: 8px;
860
+ --dt-borders-radius-field-emphasized: 9999px;
861
+ --dt-box-shadows-surface-flat-rest: none;
862
+ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
863
+ --dt-box-shadows-surface-flat-active: none;
864
+ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
865
+ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
866
+ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
867
+ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 4px 8px #112c;
868
+ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
869
+ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
870
+ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 10px 8px #112c;
871
+ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 7px 8px #112c;
872
+ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #f0f0f51f, 0px 1px 2px #112, 0px 13px 8px #112c;
873
+ --dt-breakpoints-max-mobile: 640px;
874
+ --dt-breakpoints-max-tablet: 960px;
875
+ --dt-breakpoints-max-desktop: 1920px;
876
+ --dt-breakpoints-min-tablet: 641px;
877
+ --dt-breakpoints-min-desktop: 961px;
878
+ --dt-breakpoints-min-widescreen: 1921px;
879
+ --dt-colors-theme-foreground-10: #f0f0f5;
880
+ --dt-colors-theme-foreground-20: #112;
881
+ --dt-colors-theme-background-10: #19192c;
882
+ --dt-colors-theme-background-20: #112;
883
+ --dt-colors-theme-neutral-10: #212135;
884
+ --dt-colors-theme-neutral-20: #292a3e;
885
+ --dt-colors-theme-neutral-30: #323248;
886
+ --dt-colors-theme-neutral-40: #3b3b52;
887
+ --dt-colors-theme-neutral-50: #44445c;
888
+ --dt-colors-theme-neutral-60: #4d4e66;
889
+ --dt-colors-theme-neutral-70: #a0a1c0;
890
+ --dt-colors-theme-neutral-80: #b0b1d0;
891
+ --dt-colors-theme-neutral-90: #bfc0e1;
892
+ --dt-colors-theme-primary-10: #212138;
893
+ --dt-colors-theme-primary-20: #292944;
894
+ --dt-colors-theme-primary-30: #313150;
895
+ --dt-colors-theme-primary-40: #39395d;
896
+ --dt-colors-theme-primary-50: #42426a;
897
+ --dt-colors-theme-primary-60: #4a4b78;
898
+ --dt-colors-theme-primary-70: #999bed;
899
+ --dt-colors-theme-primary-80: #a8abfe;
900
+ --dt-colors-theme-primary-90: #b8bbff;
901
+ --dt-colors-theme-success-10: #1e2234;
902
+ --dt-colors-theme-success-20: #222c3c;
903
+ --dt-colors-theme-success-30: #273644;
904
+ --dt-colors-theme-success-40: #2b404c;
905
+ --dt-colors-theme-success-50: #304a54;
906
+ --dt-colors-theme-success-60: #34545d;
907
+ --dt-colors-theme-success-70: #5eb1a9;
908
+ --dt-colors-theme-success-80: #6ec1b9;
909
+ --dt-colors-theme-success-90: #7ed1c9;
910
+ --dt-colors-theme-warning-10: #252230;
911
+ --dt-colors-theme-warning-20: #332c34;
912
+ --dt-colors-theme-warning-30: #403537;
913
+ --dt-colors-theme-warning-40: #4e3e39;
914
+ --dt-colors-theme-warning-50: #5d483c;
915
+ --dt-colors-theme-warning-60: #6c523e;
916
+ --dt-colors-theme-warning-70: #eea746;
917
+ --dt-colors-theme-warning-80: #ffb758;
918
+ --dt-colors-theme-warning-90: #ffc974;
919
+ --dt-colors-theme-critical-10: #251c2e;
920
+ --dt-colors-theme-critical-20: #301f2f;
921
+ --dt-colors-theme-critical-30: #3c2131;
922
+ --dt-colors-theme-critical-40: #482332;
923
+ --dt-colors-theme-critical-50: #542433;
924
+ --dt-colors-theme-critical-60: #602634;
925
+ --dt-colors-theme-critical-70: #c82d40;
926
+ --dt-colors-theme-critical-80: #b61532;
927
+ --dt-colors-theme-critical-90: #a50024;
928
+ --dt-colors-background-base-default: #19192c;
929
+ --dt-colors-background-surface-backdrop: #19192ccc;
930
+ --dt-colors-background-surface-default: #112;
931
+ --dt-colors-background-container-neutral-subdued: #19192c;
932
+ --dt-colors-background-container-neutral-default: #212135;
933
+ --dt-colors-background-container-neutral-emphasized: #292a3e;
934
+ --dt-colors-background-container-neutral-accent: #a0a1c0;
935
+ --dt-colors-background-container-primary-default: #212138;
936
+ --dt-colors-background-container-primary-emphasized: #292944;
937
+ --dt-colors-background-container-primary-accent: #999bed;
938
+ --dt-colors-background-container-success-default: #1e2234;
939
+ --dt-colors-background-container-success-emphasized: #222c3c;
940
+ --dt-colors-background-container-success-accent: #5eb1a9;
941
+ --dt-colors-background-container-warning-default: #252230;
942
+ --dt-colors-background-container-warning-emphasized: #332c34;
943
+ --dt-colors-background-container-warning-accent: #eea746;
944
+ --dt-colors-background-container-critical-default: #251c2e;
945
+ --dt-colors-background-container-critical-emphasized: #301f2f;
946
+ --dt-colors-background-container-critical-accent: #c82d40;
947
+ --dt-colors-background-field-neutral-disabled: #32324880;
948
+ --dt-colors-background-field-neutral-default: #32324800;
949
+ --dt-colors-background-field-neutral-default-hover: #3b3b52;
950
+ --dt-colors-background-field-neutral-default-active: #44445c;
951
+ --dt-colors-background-field-neutral-emphasized: #323248;
952
+ --dt-colors-background-field-neutral-emphasized-hover: #3b3b52;
953
+ --dt-colors-background-field-neutral-emphasized-active: #44445c;
954
+ --dt-colors-background-field-neutral-accent: #a0a1c0;
955
+ --dt-colors-background-field-neutral-accent-hover: #b0b1d0;
956
+ --dt-colors-background-field-neutral-accent-active: #bfc0e1;
957
+ --dt-colors-background-field-primary-disabled: #32324880;
958
+ --dt-colors-background-field-primary-default: #31315000;
959
+ --dt-colors-background-field-primary-default-hover: #39395d;
960
+ --dt-colors-background-field-primary-default-active: #42426a;
961
+ --dt-colors-background-field-primary-emphasized: #313150;
962
+ --dt-colors-background-field-primary-emphasized-hover: #39395d;
963
+ --dt-colors-background-field-primary-emphasized-active: #42426a;
964
+ --dt-colors-background-field-primary-accent: #999bed;
965
+ --dt-colors-background-field-primary-accent-hover: #a8abfe;
966
+ --dt-colors-background-field-primary-accent-active: #b8bbff;
967
+ --dt-colors-background-field-success-disabled: #32324880;
968
+ --dt-colors-background-field-success-default: #27364400;
969
+ --dt-colors-background-field-success-default-hover: #2b404c;
970
+ --dt-colors-background-field-success-default-active: #304a54;
971
+ --dt-colors-background-field-success-emphasized: #273644;
972
+ --dt-colors-background-field-success-emphasized-hover: #2b404c;
973
+ --dt-colors-background-field-success-emphasized-active: #304a54;
974
+ --dt-colors-background-field-success-accent: #5eb1a9;
975
+ --dt-colors-background-field-success-accent-hover: #6ec1b9;
976
+ --dt-colors-background-field-success-accent-active: #7ed1c9;
977
+ --dt-colors-background-field-warning-disabled: #32324880;
978
+ --dt-colors-background-field-warning-default: #40353700;
979
+ --dt-colors-background-field-warning-default-hover: #4e3e39;
980
+ --dt-colors-background-field-warning-default-active: #5d483c;
981
+ --dt-colors-background-field-warning-emphasized: #403537;
982
+ --dt-colors-background-field-warning-emphasized-hover: #4e3e39;
983
+ --dt-colors-background-field-warning-emphasized-active: #5d483c;
984
+ --dt-colors-background-field-warning-accent: #eea746;
985
+ --dt-colors-background-field-warning-accent-hover: #ffb758;
986
+ --dt-colors-background-field-warning-accent-active: #ffc974;
987
+ --dt-colors-background-field-critical-disabled: #32324880;
988
+ --dt-colors-background-field-critical-default: #3c213100;
989
+ --dt-colors-background-field-critical-default-hover: #482332;
990
+ --dt-colors-background-field-critical-default-active: #542433;
991
+ --dt-colors-background-field-critical-emphasized: #3c2131;
992
+ --dt-colors-background-field-critical-emphasized-hover: #482332;
993
+ --dt-colors-background-field-critical-emphasized-active: #542433;
994
+ --dt-colors-background-field-critical-accent: #c82d40;
995
+ --dt-colors-background-field-critical-accent-hover: #b61532;
996
+ --dt-colors-background-field-critical-accent-active: #a50024;
997
+ --dt-colors-background-field-on-accent-disabled: #19192c1a;
998
+ --dt-colors-background-field-on-accent-default: #19192c00;
999
+ --dt-colors-background-field-on-accent-default-hover: #19192c4d;
1000
+ --dt-colors-background-field-on-accent-default-active: #19192c66;
1001
+ --dt-colors-background-field-on-accent-emphasized: #19192c33;
1002
+ --dt-colors-background-field-on-accent-emphasized-hover: #19192c4d;
1003
+ --dt-colors-background-field-on-accent-emphasized-active: #19192c66;
1004
+ --dt-colors-border-neutral-disabled: #3b3b5280;
1005
+ --dt-colors-border-neutral-default: #3b3b52;
1006
+ --dt-colors-border-neutral-default-hover: #44445c;
1007
+ --dt-colors-border-neutral-default-active: #4d4e66;
1008
+ --dt-colors-border-neutral-accent: #b1b2d2;
1009
+ --dt-colors-border-neutral-accent-hover: #cecff0;
1010
+ --dt-colors-border-neutral-accent-active: #ebecff;
1011
+ --dt-colors-border-neutral-on-accent-disabled: #1f203333;
1012
+ --dt-colors-border-neutral-on-accent-default: #1f2033;
1013
+ --dt-colors-border-neutral-on-accent-default-hover: #1f2033cc;
1014
+ --dt-colors-border-neutral-on-accent-default-active: #1f203399;
1015
+ --dt-colors-border-primary-disabled: #3b3b5280;
1016
+ --dt-colors-border-primary-default: #39395d;
1017
+ --dt-colors-border-primary-default-hover: #42426a;
1018
+ --dt-colors-border-primary-default-active: #4a4b78;
1019
+ --dt-colors-border-primary-accent: #adb0ff;
1020
+ --dt-colors-border-primary-accent-hover: #ccd0ff;
1021
+ --dt-colors-border-primary-accent-active: #eef1ff;
1022
+ --dt-colors-border-primary-on-accent-disabled: #1f203733;
1023
+ --dt-colors-border-primary-on-accent-default: #1f2037;
1024
+ --dt-colors-border-primary-on-accent-default-hover: #1f2037cc;
1025
+ --dt-colors-border-primary-on-accent-default-active: #1f203799;
1026
+ --dt-colors-border-success-disabled: #3b3b5280;
1027
+ --dt-colors-border-success-default: #2b404c;
1028
+ --dt-colors-border-success-default-hover: #304a54;
1029
+ --dt-colors-border-success-default-active: #34545d;
1030
+ --dt-colors-border-success-accent: #6fc3ba;
1031
+ --dt-colors-border-success-accent-hover: #8ce0d7;
1032
+ --dt-colors-border-success-accent-active: #aafef5;
1033
+ --dt-colors-border-success-on-accent-disabled: #1a233233;
1034
+ --dt-colors-border-success-on-accent-default: #1a2332;
1035
+ --dt-colors-border-success-on-accent-default-hover: #1a2332cc;
1036
+ --dt-colors-border-success-on-accent-default-active: #1a233299;
1037
+ --dt-colors-border-warning-disabled: #3b3b5280;
1038
+ --dt-colors-border-warning-default: #4e3e39;
1039
+ --dt-colors-border-warning-default-hover: #5d483c;
1040
+ --dt-colors-border-warning-default-active: #6c523e;
1041
+ --dt-colors-border-warning-accent: #eea83f;
1042
+ --dt-colors-border-warning-accent-hover: #ffc563;
1043
+ --dt-colors-border-warning-accent-active: #ffecc3;
1044
+ --dt-colors-border-warning-on-accent-disabled: #27212633;
1045
+ --dt-colors-border-warning-on-accent-default: #272126;
1046
+ --dt-colors-border-warning-on-accent-default-hover: #272126cc;
1047
+ --dt-colors-border-warning-on-accent-default-active: #27212699;
1048
+ --dt-colors-border-critical-disabled: #3b3b5280;
1049
+ --dt-colors-border-critical-default: #482332;
1050
+ --dt-colors-border-critical-default-hover: #542433;
1051
+ --dt-colors-border-critical-default-active: #602634;
1052
+ --dt-colors-border-critical-accent: #ff999c;
1053
+ --dt-colors-border-critical-accent-hover: #ffc1c1;
1054
+ --dt-colors-border-critical-accent-active: #ffeceb;
1055
+ --dt-colors-border-critical-on-accent-disabled: #f9f1f333;
1056
+ --dt-colors-border-critical-on-accent-default: #f9f1f3;
1057
+ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
1058
+ --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
1059
+ --dt-colors-border-on-accent-disabled: #19192c33;
1060
+ --dt-colors-border-on-accent-default: #19192c;
1061
+ --dt-colors-border-on-accent-default-hover: #19192ccc;
1062
+ --dt-colors-border-on-accent-default-active: #19192c99;
1063
+ --dt-colors-text-neutral-disabled: #b1b2d280;
1064
+ --dt-colors-text-neutral-subdued: #b1b2d2;
1065
+ --dt-colors-text-neutral-subdued-hover: #cecff0;
1066
+ --dt-colors-text-neutral-subdued-active: #ebecff;
1067
+ --dt-colors-text-neutral-default: #ebecff;
1068
+ --dt-colors-text-neutral-default-hover: #cecff0;
1069
+ --dt-colors-text-neutral-default-active: #b1b2d2;
1070
+ --dt-colors-text-neutral-on-accent-disabled: #1f203380;
1071
+ --dt-colors-text-neutral-on-accent-default: #1f2033;
1072
+ --dt-colors-text-neutral-on-accent-default-hover: #1f2033cc;
1073
+ --dt-colors-text-neutral-on-accent-default-active: #1f203399;
1074
+ --dt-colors-text-primary-disabled: #b1b2d280;
1075
+ --dt-colors-text-primary-default: #adb0ff;
1076
+ --dt-colors-text-primary-default-hover: #ccd0ff;
1077
+ --dt-colors-text-primary-default-active: #eef1ff;
1078
+ --dt-colors-text-primary-on-accent-disabled: #1f203780;
1079
+ --dt-colors-text-primary-on-accent-default: #1f2037;
1080
+ --dt-colors-text-primary-on-accent-default-hover: #1f2037cc;
1081
+ --dt-colors-text-primary-on-accent-default-active: #1f203799;
1082
+ --dt-colors-text-success-disabled: #b1b2d280;
1083
+ --dt-colors-text-success-default: #6fc3ba;
1084
+ --dt-colors-text-success-default-hover: #8ce0d7;
1085
+ --dt-colors-text-success-default-active: #aafef5;
1086
+ --dt-colors-text-success-on-accent-disabled: #1a233280;
1087
+ --dt-colors-text-success-on-accent-default: #1a2332;
1088
+ --dt-colors-text-success-on-accent-default-hover: #1a2332cc;
1089
+ --dt-colors-text-success-on-accent-default-active: #1a233299;
1090
+ --dt-colors-text-warning-disabled: #b1b2d280;
1091
+ --dt-colors-text-warning-default: #eea83f;
1092
+ --dt-colors-text-warning-default-hover: #ffc563;
1093
+ --dt-colors-text-warning-default-active: #ffecc3;
1094
+ --dt-colors-text-warning-on-accent-disabled: #27212680;
1095
+ --dt-colors-text-warning-on-accent-default: #272126;
1096
+ --dt-colors-text-warning-on-accent-default-hover: #272126cc;
1097
+ --dt-colors-text-warning-on-accent-default-active: #27212699;
1098
+ --dt-colors-text-critical-disabled: #b1b2d280;
1099
+ --dt-colors-text-critical-default: #ff999c;
1100
+ --dt-colors-text-critical-default-hover: #ffc1c1;
1101
+ --dt-colors-text-critical-default-active: #ffeceb;
1102
+ --dt-colors-text-critical-on-accent-disabled: #f9f1f380;
1103
+ --dt-colors-text-critical-on-accent-default: #f9f1f3;
1104
+ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
1105
+ --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
1106
+ --dt-colors-text-on-accent-disabled: #19192c80;
1107
+ --dt-colors-text-on-accent-default: #19192c;
1108
+ --dt-colors-text-on-accent-default-hover: #19192ccc;
1109
+ --dt-colors-text-on-accent-default-active: #19192c99;
1110
+ --dt-colors-icon-neutral-disabled: #b1b2d280;
1111
+ --dt-colors-icon-neutral-subdued: #b1b2d2;
1112
+ --dt-colors-icon-neutral-subdued-hover: #cecff0;
1113
+ --dt-colors-icon-neutral-subdued-active: #ebecff;
1114
+ --dt-colors-icon-neutral-default: #ebecff;
1115
+ --dt-colors-icon-neutral-default-hover: #cecff0;
1116
+ --dt-colors-icon-neutral-default-active: #b1b2d2;
1117
+ --dt-colors-icon-neutral-on-accent-disabled: #1f203380;
1118
+ --dt-colors-icon-neutral-on-accent-default: #1f2033;
1119
+ --dt-colors-icon-neutral-on-accent-default-hover: #1f2033cc;
1120
+ --dt-colors-icon-neutral-on-accent-default-active: #1f203399;
1121
+ --dt-colors-icon-primary-disabled: #b1b2d280;
1122
+ --dt-colors-icon-primary-default: #adb0ff;
1123
+ --dt-colors-icon-primary-default-hover: #ccd0ff;
1124
+ --dt-colors-icon-primary-default-active: #eef1ff;
1125
+ --dt-colors-icon-primary-on-accent-disabled: #1f203780;
1126
+ --dt-colors-icon-primary-on-accent-default: #1f2037;
1127
+ --dt-colors-icon-primary-on-accent-default-hover: #1f2037cc;
1128
+ --dt-colors-icon-primary-on-accent-default-active: #1f203799;
1129
+ --dt-colors-icon-success-disabled: #b1b2d280;
1130
+ --dt-colors-icon-success-default: #6fc3ba;
1131
+ --dt-colors-icon-success-default-hover: #8ce0d7;
1132
+ --dt-colors-icon-success-default-active: #aafef5;
1133
+ --dt-colors-icon-success-on-accent-disabled: #1a233280;
1134
+ --dt-colors-icon-success-on-accent-default: #1a2332;
1135
+ --dt-colors-icon-success-on-accent-default-hover: #1a2332cc;
1136
+ --dt-colors-icon-success-on-accent-default-active: #1a233299;
1137
+ --dt-colors-icon-warning-disabled: #b1b2d280;
1138
+ --dt-colors-icon-warning-default: #eea83f;
1139
+ --dt-colors-icon-warning-default-hover: #ffc563;
1140
+ --dt-colors-icon-warning-default-active: #ffecc3;
1141
+ --dt-colors-icon-warning-on-accent-disabled: #27212680;
1142
+ --dt-colors-icon-warning-on-accent-default: #272126;
1143
+ --dt-colors-icon-warning-on-accent-default-hover: #272126cc;
1144
+ --dt-colors-icon-warning-on-accent-default-active: #27212699;
1145
+ --dt-colors-icon-critical-disabled: #b1b2d280;
1146
+ --dt-colors-icon-critical-default: #ff999c;
1147
+ --dt-colors-icon-critical-default-hover: #ffc1c1;
1148
+ --dt-colors-icon-critical-default-active: #ffeceb;
1149
+ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380;
1150
+ --dt-colors-icon-critical-on-accent-default: #f9f1f3;
1151
+ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
1152
+ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
1153
+ --dt-colors-icon-on-accent-disabled: #19192c80;
1154
+ --dt-colors-icon-on-accent-default: #19192c;
1155
+ --dt-colors-icon-on-accent-default-hover: #19192ccc;
1156
+ --dt-colors-icon-on-accent-default-active: #19192c99;
1157
+ --dt-colors-syntax-comment: #b2b3cd;
1158
+ --dt-colors-syntax-string: #80dbca;
1159
+ --dt-colors-syntax-variable: #abb1ed;
1160
+ --dt-colors-syntax-number: #fd8fe1;
1161
+ --dt-colors-syntax-punctuation: #cfa3f3;
1162
+ --dt-colors-syntax-function: #abb1ed;
1163
+ --dt-colors-syntax-classname: #f0f0f5;
1164
+ --dt-colors-syntax-tag: #ff96a6;
1165
+ --dt-colors-syntax-operators: #cfa3f3;
1166
+ --dt-colors-syntax-boolean: #fe9b7d;
1167
+ --dt-colors-charts-status-ideal-default: #5eb1a9;
1168
+ --dt-colors-charts-status-good-default: #999bed;
1169
+ --dt-colors-charts-status-neutral-default: #a0a1c0;
1170
+ --dt-colors-charts-status-warning-default: #eea746;
1171
+ --dt-colors-charts-status-critical-default: #c82d40;
1172
+ --dt-colors-charts-categorical-color-01-default: #2e5bd6;
1173
+ --dt-colors-charts-categorical-color-02-default: #e1e3ef;
1174
+ --dt-colors-charts-categorical-color-03-default: #368160;
1175
+ --dt-colors-charts-categorical-color-04-default: #d35091;
1176
+ --dt-colors-charts-categorical-color-05-default: #7f8194;
1177
+ --dt-colors-charts-categorical-color-06-default: #b68c2b;
1178
+ --dt-colors-charts-categorical-color-07-default: #4285a9;
1179
+ --dt-colors-charts-categorical-color-08-default: #8d74cd;
1180
+ --dt-colors-charts-categorical-color-09-default: #62903c;
1181
+ --dt-colors-charts-categorical-color-10-default: #a24b20;
1182
+ --dt-colors-charts-categorical-color-11-default: #86c3e4;
1183
+ --dt-colors-charts-categorical-color-12-default: #cd3c44;
1184
+ --dt-colors-charts-categorical-color-13-default: #6fc3ad;
1185
+ --dt-colors-charts-categorical-color-14-default: #dc671e;
1186
+ --dt-colors-charts-categorical-color-15-default: #b138c7;
1187
+ --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #b138c7;
1188
+ --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #b68c2b;
1189
+ --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d35091;
1190
+ --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8d74cd;
1191
+ --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #a24b20;
1192
+ --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3c44;
1193
+ --dt-colors-charts-categorical-themed-swamps-color-01-default: #107e65;
1194
+ --dt-colors-charts-categorical-themed-swamps-color-02-default: #7f8194;
1195
+ --dt-colors-charts-categorical-themed-swamps-color-03-default: #62903c;
1196
+ --dt-colors-charts-categorical-themed-swamps-color-04-default: #a24b20;
1197
+ --dt-colors-charts-categorical-themed-swamps-color-05-default: #e1e3ef;
1198
+ --dt-colors-charts-categorical-themed-swamps-color-06-default: #b68c2b;
1199
+ --dt-colors-charts-categorical-themed-fireplace-color-01-default: #cd3c44;
1200
+ --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d35091;
1201
+ --dt-colors-charts-categorical-themed-fireplace-color-03-default: #dc671e;
1202
+ --dt-colors-charts-categorical-themed-fireplace-color-04-default: #b68c2b;
1203
+ --dt-colors-charts-categorical-themed-fireplace-color-05-default: #a24b20;
1204
+ --dt-colors-charts-categorical-themed-fireplace-color-06-default: #a414bd;
1205
+ --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #5194b8;
1206
+ --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #7f8194;
1207
+ --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #86c3e4;
1208
+ --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8d74cd;
1209
+ --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #2e5bd6;
1210
+ --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #e1e3ef;
1211
+ --dt-colors-charts-logstatus-error-default: #cd3c44;
1212
+ --dt-colors-charts-logstatus-warning-default: #b68c2b;
1213
+ --dt-colors-charts-logstatus-info-default: #2e5bd6;
1214
+ --dt-colors-charts-logstatus-none-default: #6f7285;
1215
+ --dt-colors-charts-loglevel-emergency-default: #c21930;
1216
+ --dt-colors-charts-loglevel-error-default: #cd3c44;
1217
+ --dt-colors-charts-loglevel-alert-default: #c43b80;
1218
+ --dt-colors-charts-loglevel-critical-default: #df62a1;
1219
+ --dt-colors-charts-loglevel-severe-default: #db7133;
1220
+ --dt-colors-charts-loglevel-warning-default: #b68c2b;
1221
+ --dt-colors-charts-loglevel-notice-default: #368160;
1222
+ --dt-colors-charts-loglevel-info-default: #2e5bd6;
1223
+ --dt-colors-charts-loglevel-debug-default: #8d74cd;
1224
+ --dt-colors-charts-loglevel-none-default: #6f7285;
1225
+ --dt-colors-charts-apdex-excellent-default: #48936f;
1226
+ --dt-colors-charts-apdex-good-default: #007058;
1227
+ --dt-colors-charts-apdex-fair-default: #b68c2b;
1228
+ --dt-colors-charts-apdex-poor-default: #dc671e;
1229
+ --dt-colors-charts-apdex-unacceptable-default: #cd3c44;
1230
+ --dt-colors-charts-security-risk-level-muted-default: #7f8194;
1231
+ --dt-colors-charts-security-risk-level-critical-default: #c21930;
1232
+ --dt-colors-charts-security-risk-level-high-default: #d65151;
1233
+ --dt-colors-charts-security-risk-level-medium-default: #b68c2b;
1234
+ --dt-colors-charts-security-risk-level-low-default: #2e5bd6;
1235
+ --dt-colors-charts-vulnerability-status-muted-default: #7f8194;
1236
+ --dt-colors-charts-vulnerability-status-resolved-default: #48936f;
1237
+ --dt-colors-charts-vulnerability-status-affected-default: #d65151;
1238
+ --dt-colors-charts-threshold-good-default: #368160;
1239
+ --dt-colors-charts-threshold-warning-default: #b68c2b;
1240
+ --dt-colors-charts-threshold-bad-default: #cd3c44;
1241
+ --dt-colors-charts-rainbow-red-default: #cd3c44;
1242
+ --dt-colors-charts-rainbow-orange-default: #dc671e;
1243
+ --dt-colors-charts-rainbow-yellow-default: #b68c2b;
1244
+ --dt-colors-charts-rainbow-moss-default: #368160;
1245
+ --dt-colors-charts-rainbow-blue-default: #2e5bd6;
1246
+ --dt-colors-charts-rainbow-magenta-default: #b138c7;
1247
+ --dt-colors-charts-sequential-pink-purple-color-01-default: #df62a1;
1248
+ --dt-colors-charts-sequential-pink-purple-color-02-default: #d062a8;
1249
+ --dt-colors-charts-sequential-pink-purple-color-03-default: #c261ae;
1250
+ --dt-colors-charts-sequential-pink-purple-color-04-default: #b15eb5;
1251
+ --dt-colors-charts-sequential-pink-purple-color-05-default: #9e5dbb;
1252
+ --dt-colors-charts-sequential-pink-purple-color-06-default: #8b5bc2;
1253
+ --dt-colors-charts-sequential-pink-purple-color-07-default: #745bc8;
1254
+ --dt-colors-charts-sequential-pink-purple-color-08-default: #595bcf;
1255
+ --dt-colors-charts-sequential-pink-purple-color-09-default: #2e5bd6;
1256
+ --dt-colors-charts-sequential-blue-turquoise-color-01-default: #2e5bd6;
1257
+ --dt-colors-charts-sequential-blue-turquoise-color-02-default: #3b62ce;
1258
+ --dt-colors-charts-sequential-blue-turquoise-color-03-default: #466fc8;
1259
+ --dt-colors-charts-sequential-blue-turquoise-color-04-default: #4e7ac1;
1260
+ --dt-colors-charts-sequential-blue-turquoise-color-05-default: #5185b8;
1261
+ --dt-colors-charts-sequential-blue-turquoise-color-06-default: #5693b3;
1262
+ --dt-colors-charts-sequential-blue-turquoise-color-07-default: #559caa;
1263
+ --dt-colors-charts-sequential-blue-turquoise-color-08-default: #57a8a3;
1264
+ --dt-colors-charts-sequential-blue-turquoise-color-09-default: #53b29a;
1265
+ --dt-colors-charts-sequential-blue-color-01-default: #2e5bd6;
1266
+ --dt-colors-charts-sequential-blue-color-02-default: #4766e1;
1267
+ --dt-colors-charts-sequential-blue-color-03-default: #6178ea;
1268
+ --dt-colors-charts-sequential-blue-color-04-default: #7989f1;
1269
+ --dt-colors-charts-sequential-blue-color-05-default: #8d99f7;
1270
+ --dt-colors-charts-sequential-blue-color-06-default: #9da8fb;
1271
+ --dt-colors-charts-sequential-blue-color-07-default: #b4bcfe;
1272
+ --dt-colors-charts-sequential-blue-color-08-default: #c2cbff;
1273
+ --dt-colors-charts-sequential-blue-color-09-default: #d6dfff;
1274
+ --dt-colors-charts-sequential-grey-color-01-default: #606276;
1275
+ --dt-colors-charts-sequential-grey-color-02-default: #6f7285;
1276
+ --dt-colors-charts-sequential-grey-color-03-default: #7f8194;
1277
+ --dt-colors-charts-sequential-grey-color-04-default: #8f91a3;
1278
+ --dt-colors-charts-sequential-grey-color-05-default: #9fa1b2;
1279
+ --dt-colors-charts-sequential-grey-color-06-default: #afb0c0;
1280
+ --dt-colors-charts-sequential-grey-color-07-default: #bfc1cf;
1281
+ --dt-colors-charts-sequential-grey-color-08-default: #d1d3e0;
1282
+ --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef;
1283
+ --dt-colors-charts-sequential-moss-color-01-default: #287150;
1284
+ --dt-colors-charts-sequential-moss-color-02-default: #368160;
1285
+ --dt-colors-charts-sequential-moss-color-03-default: #48936f;
1286
+ --dt-colors-charts-sequential-moss-color-04-default: #5aa07e;
1287
+ --dt-colors-charts-sequential-moss-color-05-default: #6db08f;
1288
+ --dt-colors-charts-sequential-moss-color-06-default: #85c1a3;
1289
+ --dt-colors-charts-sequential-moss-color-07-default: #9ad0b4;
1290
+ --dt-colors-charts-sequential-moss-color-08-default: #b2e1c9;
1291
+ --dt-colors-charts-sequential-moss-color-09-default: #ccf0dd;
1292
+ --dt-colors-charts-sequential-turquoise-color-01-default: #007058;
1293
+ --dt-colors-charts-sequential-turquoise-color-02-default: #107e65;
1294
+ --dt-colors-charts-sequential-turquoise-color-03-default: #279176;
1295
+ --dt-colors-charts-sequential-turquoise-color-04-default: #3ba087;
1296
+ --dt-colors-charts-sequential-turquoise-color-05-default: #53b29a;
1297
+ --dt-colors-charts-sequential-turquoise-color-06-default: #6fc3ad;
1298
+ --dt-colors-charts-sequential-turquoise-color-07-default: #89d1bf;
1299
+ --dt-colors-charts-sequential-turquoise-color-08-default: #a8e1d2;
1300
+ --dt-colors-charts-sequential-turquoise-color-09-default: #c7efe7;
1301
+ --dt-colors-charts-sequential-pink-color-01-default: #b72a73;
1302
+ --dt-colors-charts-sequential-pink-color-02-default: #c43b80;
1303
+ --dt-colors-charts-sequential-pink-color-03-default: #d35091;
1304
+ --dt-colors-charts-sequential-pink-color-04-default: #df62a1;
1305
+ --dt-colors-charts-sequential-pink-color-05-default: #e977b4;
1306
+ --dt-colors-charts-sequential-pink-color-06-default: #f18ec6;
1307
+ --dt-colors-charts-sequential-pink-color-07-default: #f8a0d8;
1308
+ --dt-colors-charts-sequential-pink-color-08-default: #fcb6ec;
1309
+ --dt-colors-charts-sequential-pink-color-09-default: #ffc7ff;
1310
+ --dt-colors-charts-sequential-yellow-color-01-default: #805b00;
1311
+ --dt-colors-charts-sequential-yellow-color-02-default: #956d09;
1312
+ --dt-colors-charts-sequential-yellow-color-03-default: #a47a19;
1313
+ --dt-colors-charts-sequential-yellow-color-04-default: #b68c2b;
1314
+ --dt-colors-charts-sequential-yellow-color-05-default: #c79e3d;
1315
+ --dt-colors-charts-sequential-yellow-color-06-default: #d5ae53;
1316
+ --dt-colors-charts-sequential-yellow-color-07-default: #e5c16c;
1317
+ --dt-colors-charts-sequential-yellow-color-08-default: #f4d490;
1318
+ --dt-colors-charts-sequential-yellow-color-09-default: #ffedc2;
1319
+ --dt-colors-charts-sequential-petrol-color-01-default: #246789;
1320
+ --dt-colors-charts-sequential-petrol-color-02-default: #337599;
1321
+ --dt-colors-charts-sequential-petrol-color-03-default: #4285a9;
1322
+ --dt-colors-charts-sequential-petrol-color-04-default: #5194b8;
1323
+ --dt-colors-charts-sequential-petrol-color-05-default: #60a3c7;
1324
+ --dt-colors-charts-sequential-petrol-color-06-default: #71b2d6;
1325
+ --dt-colors-charts-sequential-petrol-color-07-default: #86c3e4;
1326
+ --dt-colors-charts-sequential-petrol-color-08-default: #98d2f1;
1327
+ --dt-colors-charts-sequential-petrol-color-09-default: #b0e2fc;
1328
+ --dt-colors-charts-sequential-purple-color-01-default: #6a51bd;
1329
+ --dt-colors-charts-sequential-purple-color-02-default: #7d63c5;
1330
+ --dt-colors-charts-sequential-purple-color-03-default: #8d74cd;
1331
+ --dt-colors-charts-sequential-purple-color-04-default: #9f85d5;
1332
+ --dt-colors-charts-sequential-purple-color-05-default: #ae97dd;
1333
+ --dt-colors-charts-sequential-purple-color-06-default: #bea9e5;
1334
+ --dt-colors-charts-sequential-purple-color-07-default: #cebbed;
1335
+ --dt-colors-charts-sequential-purple-color-08-default: #dfd1f5;
1336
+ --dt-colors-charts-sequential-purple-color-09-default: #efe2fd;
1337
+ --dt-colors-charts-sequential-pear-color-01-default: #3c7114;
1338
+ --dt-colors-charts-sequential-pear-color-02-default: #508028;
1339
+ --dt-colors-charts-sequential-pear-color-03-default: #62903c;
1340
+ --dt-colors-charts-sequential-pear-color-04-default: #75a14f;
1341
+ --dt-colors-charts-sequential-pear-color-05-default: #87b063;
1342
+ --dt-colors-charts-sequential-pear-color-06-default: #99c077;
1343
+ --dt-colors-charts-sequential-pear-color-07-default: #add08b;
1344
+ --dt-colors-charts-sequential-pear-color-08-default: #bfe09f;
1345
+ --dt-colors-charts-sequential-pear-color-09-default: #e1f6cb;
1346
+ --dt-colors-charts-sequential-brown-color-01-default: #913703;
1347
+ --dt-colors-charts-sequential-brown-color-02-default: #a24b20;
1348
+ --dt-colors-charts-sequential-brown-color-03-default: #b16139;
1349
+ --dt-colors-charts-sequential-brown-color-04-default: #c17753;
1350
+ --dt-colors-charts-sequential-brown-color-05-default: #cc8a6b;
1351
+ --dt-colors-charts-sequential-brown-color-06-default: #d9a287;
1352
+ --dt-colors-charts-sequential-brown-color-07-default: #e3b7a0;
1353
+ --dt-colors-charts-sequential-brown-color-08-default: #eecebe;
1354
+ --dt-colors-charts-sequential-brown-color-09-default: #f8e2d8;
1355
+ --dt-colors-charts-sequential-red-color-01-default: #c21930;
1356
+ --dt-colors-charts-sequential-red-color-02-default: #cd3c44;
1357
+ --dt-colors-charts-sequential-red-color-03-default: #d65151;
1358
+ --dt-colors-charts-sequential-red-color-04-default: #df6c68;
1359
+ --dt-colors-charts-sequential-red-color-05-default: #e7817e;
1360
+ --dt-colors-charts-sequential-red-color-06-default: #ee9590;
1361
+ --dt-colors-charts-sequential-red-color-07-default: #f5ada8;
1362
+ --dt-colors-charts-sequential-red-color-08-default: #fbbfbb;
1363
+ --dt-colors-charts-sequential-red-color-09-default: #ffd5d1;
1364
+ --dt-colors-charts-sequential-magenta-color-01-default: #a414bd;
1365
+ --dt-colors-charts-sequential-magenta-color-02-default: #b138c7;
1366
+ --dt-colors-charts-sequential-magenta-color-03-default: #bd50ce;
1367
+ --dt-colors-charts-sequential-magenta-color-04-default: #c766d6;
1368
+ --dt-colors-charts-sequential-magenta-color-05-default: #d27dde;
1369
+ --dt-colors-charts-sequential-magenta-color-06-default: #dd90e4;
1370
+ --dt-colors-charts-sequential-magenta-color-07-default: #e7a2eb;
1371
+ --dt-colors-charts-sequential-magenta-color-08-default: #f0b9f3;
1372
+ --dt-colors-charts-sequential-magenta-color-09-default: #faccfa;
1373
+ --dt-colors-charts-sequential-orange-color-01-default: #b13902;
1374
+ --dt-colors-charts-sequential-orange-color-02-default: #c04b11;
1375
+ --dt-colors-charts-sequential-orange-color-03-default: #ce5e22;
1376
+ --dt-colors-charts-sequential-orange-color-04-default: #db7133;
1377
+ --dt-colors-charts-sequential-orange-color-05-default: #e78446;
1378
+ --dt-colors-charts-sequential-orange-color-06-default: #f2975a;
1379
+ --dt-colors-charts-sequential-orange-color-07-default: #faa770;
1380
+ --dt-colors-charts-sequential-orange-color-08-default: #ffbe8f;
1381
+ --dt-colors-charts-sequential-orange-color-09-default: #fed3b4;
1382
+ --dt-colors-charts-diverging-orange-blue-color-01-default: #b13902;
1383
+ --dt-colors-charts-diverging-orange-blue-color-02-default: #ce5e22;
1384
+ --dt-colors-charts-diverging-orange-blue-color-03-default: #e78446;
1385
+ --dt-colors-charts-diverging-orange-blue-color-04-default: #faa770;
1386
+ --dt-colors-charts-diverging-orange-blue-color-05-default: #fed3b4;
1387
+ --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0;
1388
+ --dt-colors-charts-diverging-orange-blue-color-07-default: #d6dfff;
1389
+ --dt-colors-charts-diverging-orange-blue-color-08-default: #b4bcfe;
1390
+ --dt-colors-charts-diverging-orange-blue-color-09-default: #8d99f7;
1391
+ --dt-colors-charts-diverging-orange-blue-color-10-default: #6178ea;
1392
+ --dt-colors-charts-diverging-orange-blue-color-11-default: #2e5bd6;
1393
+ --dt-colors-charts-diverging-red-blue-color-01-default: #c21930;
1394
+ --dt-colors-charts-diverging-red-blue-color-02-default: #d65151;
1395
+ --dt-colors-charts-diverging-red-blue-color-03-default: #e7817e;
1396
+ --dt-colors-charts-diverging-red-blue-color-04-default: #f5ada8;
1397
+ --dt-colors-charts-diverging-red-blue-color-05-default: #ffd5d1;
1398
+ --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0;
1399
+ --dt-colors-charts-diverging-red-blue-color-07-default: #d6dfff;
1400
+ --dt-colors-charts-diverging-red-blue-color-08-default: #b4bcfe;
1401
+ --dt-colors-charts-diverging-red-blue-color-09-default: #8d99f7;
1402
+ --dt-colors-charts-diverging-red-blue-color-10-default: #6178ea;
1403
+ --dt-colors-charts-diverging-red-blue-color-11-default: #2e5bd6;
1404
+ --dt-colors-charts-diverging-red-purple-color-01-default: #c21930;
1405
+ --dt-colors-charts-diverging-red-purple-color-02-default: #d65151;
1406
+ --dt-colors-charts-diverging-red-purple-color-03-default: #e7817e;
1407
+ --dt-colors-charts-diverging-red-purple-color-04-default: #f5ada8;
1408
+ --dt-colors-charts-diverging-red-purple-color-05-default: #ffd5d1;
1409
+ --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0;
1410
+ --dt-colors-charts-diverging-red-purple-color-07-default: #efe2fd;
1411
+ --dt-colors-charts-diverging-red-purple-color-08-default: #cebbed;
1412
+ --dt-colors-charts-diverging-red-purple-color-09-default: #ae97dd;
1413
+ --dt-colors-charts-diverging-red-purple-color-10-default: #8d74cd;
1414
+ --dt-colors-charts-diverging-red-purple-color-11-default: #6a51bd;
1415
+ --dt-colors-charts-diverging-blue-moss-color-01-default: #2e5bd6;
1416
+ --dt-colors-charts-diverging-blue-moss-color-02-default: #6178ea;
1417
+ --dt-colors-charts-diverging-blue-moss-color-03-default: #8d99f7;
1418
+ --dt-colors-charts-diverging-blue-moss-color-04-default: #b4bcfe;
1419
+ --dt-colors-charts-diverging-blue-moss-color-05-default: #d6dfff;
1420
+ --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0;
1421
+ --dt-colors-charts-diverging-blue-moss-color-07-default: #ccf0dd;
1422
+ --dt-colors-charts-diverging-blue-moss-color-08-default: #9ad0b4;
1423
+ --dt-colors-charts-diverging-blue-moss-color-09-default: #6db08f;
1424
+ --dt-colors-charts-diverging-blue-moss-color-10-default: #48936f;
1425
+ --dt-colors-charts-diverging-blue-moss-color-11-default: #287150;
1426
+ --dt-colors-charts-diverging-purple-yellow-color-01-default: #6a51bd;
1427
+ --dt-colors-charts-diverging-purple-yellow-color-02-default: #8d74cd;
1428
+ --dt-colors-charts-diverging-purple-yellow-color-03-default: #ae97dd;
1429
+ --dt-colors-charts-diverging-purple-yellow-color-04-default: #cebbed;
1430
+ --dt-colors-charts-diverging-purple-yellow-color-05-default: #efe2fd;
1431
+ --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0;
1432
+ --dt-colors-charts-diverging-purple-yellow-color-07-default: #ffedc2;
1433
+ --dt-colors-charts-diverging-purple-yellow-color-08-default: #e5c16c;
1434
+ --dt-colors-charts-diverging-purple-yellow-color-09-default: #c79e3d;
1435
+ --dt-colors-charts-diverging-purple-yellow-color-10-default: #a47a19;
1436
+ --dt-colors-charts-diverging-purple-yellow-color-11-default: #805b00;
1437
+ --dt-colors-charts-diverging-red-green-color-01-default: #c21930;
1438
+ --dt-colors-charts-diverging-red-green-color-02-default: #d65151;
1439
+ --dt-colors-charts-diverging-red-green-color-03-default: #e7817e;
1440
+ --dt-colors-charts-diverging-red-green-color-04-default: #f5ada8;
1441
+ --dt-colors-charts-diverging-red-green-color-05-default: #ffd5d1;
1442
+ --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0;
1443
+ --dt-colors-charts-diverging-red-green-color-07-default: #ccf0dd;
1444
+ --dt-colors-charts-diverging-red-green-color-08-default: #9ad0b4;
1445
+ --dt-colors-charts-diverging-red-green-color-09-default: #6db08f;
1446
+ --dt-colors-charts-diverging-red-green-color-10-default: #48936f;
1447
+ --dt-colors-charts-diverging-red-green-color-11-default: #287150;
1448
+ --dt-colors-charts-diverging-orange-petrol-color-01-default: #b13902;
1449
+ --dt-colors-charts-diverging-orange-petrol-color-02-default: #ce5e22;
1450
+ --dt-colors-charts-diverging-orange-petrol-color-03-default: #e78446;
1451
+ --dt-colors-charts-diverging-orange-petrol-color-04-default: #faa770;
1452
+ --dt-colors-charts-diverging-orange-petrol-color-05-default: #fed3b4;
1453
+ --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0;
1454
+ --dt-colors-charts-diverging-orange-petrol-color-07-default: #b0e2fc;
1455
+ --dt-colors-charts-diverging-orange-petrol-color-08-default: #86c3e4;
1456
+ --dt-colors-charts-diverging-orange-petrol-color-09-default: #60a3c7;
1457
+ --dt-colors-charts-diverging-orange-petrol-color-10-default: #4285a9;
1458
+ --dt-colors-charts-diverging-orange-petrol-color-11-default: #246789;
1459
+ --dt-colors-charts-diverging-pink-green-color-01-default: #b72a73;
1460
+ --dt-colors-charts-diverging-pink-green-color-02-default: #d35091;
1461
+ --dt-colors-charts-diverging-pink-green-color-03-default: #e977b4;
1462
+ --dt-colors-charts-diverging-pink-green-color-04-default: #f8a0d8;
1463
+ --dt-colors-charts-diverging-pink-green-color-05-default: #ffc7ff;
1464
+ --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0;
1465
+ --dt-colors-charts-diverging-pink-green-color-07-default: #ccf0dd;
1466
+ --dt-colors-charts-diverging-pink-green-color-08-default: #9ad0b4;
1467
+ --dt-colors-charts-diverging-pink-green-color-09-default: #6db08f;
1468
+ --dt-colors-charts-diverging-pink-green-color-10-default: #48936f;
1469
+ --dt-colors-charts-diverging-pink-green-color-11-default: #287150;
1470
+ --dt-elevations-default: 1;
1471
+ --dt-elevations-sticky: 10;
1472
+ --dt-elevations-overlay: 20;
1473
+ --dt-elevations-notification: 1999999999;
1474
+ --dt-spacings-size-0: 0;
1475
+ --dt-spacings-size-2: 2px;
1476
+ --dt-spacings-size-4: 4px;
1477
+ --dt-spacings-size-6: 6px;
1478
+ --dt-spacings-size-8: 8px;
1479
+ --dt-spacings-size-12: 12px;
1480
+ --dt-spacings-size-16: 16px;
1481
+ --dt-spacings-size-20: 20px;
1482
+ --dt-spacings-size-24: 24px;
1483
+ --dt-spacings-size-28: 28px;
1484
+ --dt-spacings-size-32: 32px;
1485
+ --dt-spacings-size-36: 36px;
1486
+ --dt-spacings-size-40: 40px;
1487
+ --dt-spacings-size-48: 48px;
1488
+ --dt-spacings-size-56: 56px;
1489
+ --dt-spacings-size-64: 64px;
1490
+ --dt-typography-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1491
+ --dt-typography-display-level-1-weight: 600;
1492
+ --dt-typography-display-level-1-size: 64px;
1493
+ --dt-typography-display-level-1-line-height: 1.1875;
1494
+ --dt-typography-display-level-1-text-decoration: none;
1495
+ --dt-typography-display-level-1-text-transform: none;
1496
+ --dt-typography-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1497
+ --dt-typography-display-level-2-weight: 600;
1498
+ --dt-typography-display-level-2-size: 56px;
1499
+ --dt-typography-display-level-2-line-height: 1.2142857143;
1500
+ --dt-typography-display-level-2-text-decoration: none;
1501
+ --dt-typography-display-level-2-text-transform: none;
1502
+ --dt-typography-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1503
+ --dt-typography-display-level-3-weight: 600;
1504
+ --dt-typography-display-level-3-size: 48px;
1505
+ --dt-typography-display-level-3-line-height: 1.25;
1506
+ --dt-typography-display-level-3-text-decoration: none;
1507
+ --dt-typography-display-level-3-text-transform: none;
1508
+ --dt-typography-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1509
+ --dt-typography-heading-level-1-weight: 600;
1510
+ --dt-typography-heading-level-1-size: 32px;
1511
+ --dt-typography-heading-level-1-line-height: 1.25;
1512
+ --dt-typography-heading-level-1-text-decoration: none;
1513
+ --dt-typography-heading-level-1-text-transform: none;
1514
+ --dt-typography-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1515
+ --dt-typography-heading-level-2-weight: 600;
1516
+ --dt-typography-heading-level-2-size: 28px;
1517
+ --dt-typography-heading-level-2-line-height: 1.2857142857;
1518
+ --dt-typography-heading-level-2-text-decoration: none;
1519
+ --dt-typography-heading-level-2-text-transform: none;
1520
+ --dt-typography-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1521
+ --dt-typography-heading-level-3-weight: 600;
1522
+ --dt-typography-heading-level-3-size: 24px;
1523
+ --dt-typography-heading-level-3-line-height: 1.3333333333;
1524
+ --dt-typography-heading-level-3-text-decoration: none;
1525
+ --dt-typography-heading-level-3-text-transform: none;
1526
+ --dt-typography-heading-level-4-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1527
+ --dt-typography-heading-level-4-weight: 600;
1528
+ --dt-typography-heading-level-4-size: 20px;
1529
+ --dt-typography-heading-level-4-line-height: 1.4;
1530
+ --dt-typography-heading-level-4-text-decoration: none;
1531
+ --dt-typography-heading-level-4-text-transform: none;
1532
+ --dt-typography-heading-level-5-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1533
+ --dt-typography-heading-level-5-weight: 600;
1534
+ --dt-typography-heading-level-5-size: 16px;
1535
+ --dt-typography-heading-level-5-line-height: 1.5;
1536
+ --dt-typography-heading-level-5-text-decoration: none;
1537
+ --dt-typography-heading-level-5-text-transform: none;
1538
+ --dt-typography-heading-level-6-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1539
+ --dt-typography-heading-level-6-weight: 600;
1540
+ --dt-typography-heading-level-6-size: 14px;
1541
+ --dt-typography-heading-level-6-line-height: 1.4285714286;
1542
+ --dt-typography-heading-level-6-text-decoration: none;
1543
+ --dt-typography-heading-level-6-text-transform: none;
1544
+ --dt-typography-subtitle-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1545
+ --dt-typography-subtitle-display-level-1-weight: 400;
1546
+ --dt-typography-subtitle-display-level-1-size: 28px;
1547
+ --dt-typography-subtitle-display-level-1-line-height: 1.4285714286;
1548
+ --dt-typography-subtitle-display-level-1-text-decoration: none;
1549
+ --dt-typography-subtitle-display-level-1-text-transform: none;
1550
+ --dt-typography-subtitle-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1551
+ --dt-typography-subtitle-display-level-2-weight: 400;
1552
+ --dt-typography-subtitle-display-level-2-size: 24px;
1553
+ --dt-typography-subtitle-display-level-2-line-height: 1.5;
1554
+ --dt-typography-subtitle-display-level-2-text-decoration: none;
1555
+ --dt-typography-subtitle-display-level-2-text-transform: none;
1556
+ --dt-typography-subtitle-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1557
+ --dt-typography-subtitle-display-level-3-weight: 400;
1558
+ --dt-typography-subtitle-display-level-3-size: 21px;
1559
+ --dt-typography-subtitle-display-level-3-line-height: 1.5238095238;
1560
+ --dt-typography-subtitle-display-level-3-text-decoration: none;
1561
+ --dt-typography-subtitle-display-level-3-text-transform: none;
1562
+ --dt-typography-subtitle-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1563
+ --dt-typography-subtitle-heading-level-1-weight: 400;
1564
+ --dt-typography-subtitle-heading-level-1-size: 21px;
1565
+ --dt-typography-subtitle-heading-level-1-line-height: 1.5238095238;
1566
+ --dt-typography-subtitle-heading-level-1-text-decoration: none;
1567
+ --dt-typography-subtitle-heading-level-1-text-transform: none;
1568
+ --dt-typography-subtitle-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1569
+ --dt-typography-subtitle-heading-level-2-weight: 400;
1570
+ --dt-typography-subtitle-heading-level-2-size: 18px;
1571
+ --dt-typography-subtitle-heading-level-2-line-height: 1.5555555556;
1572
+ --dt-typography-subtitle-heading-level-2-text-decoration: none;
1573
+ --dt-typography-subtitle-heading-level-2-text-transform: none;
1574
+ --dt-typography-subtitle-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1575
+ --dt-typography-subtitle-heading-level-3-weight: 400;
1576
+ --dt-typography-subtitle-heading-level-3-size: 16px;
1577
+ --dt-typography-subtitle-heading-level-3-line-height: 1.5;
1578
+ --dt-typography-subtitle-heading-level-3-text-decoration: none;
1579
+ --dt-typography-subtitle-heading-level-3-text-transform: none;
1580
+ --dt-typography-text-base-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1581
+ --dt-typography-text-base-default-weight: 400;
1582
+ --dt-typography-text-base-default-size: 14px;
1583
+ --dt-typography-text-base-default-line-height: 1.4285714286;
1584
+ --dt-typography-text-base-default-text-decoration: none;
1585
+ --dt-typography-text-base-default-text-transform: none;
1586
+ --dt-typography-text-base-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1587
+ --dt-typography-text-base-emphasized-weight: 500;
1588
+ --dt-typography-text-base-emphasized-size: 14px;
1589
+ --dt-typography-text-base-emphasized-line-height: 1.4285714286;
1590
+ --dt-typography-text-base-emphasized-text-decoration: none;
1591
+ --dt-typography-text-base-emphasized-text-transform: none;
1592
+ --dt-typography-text-small-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1593
+ --dt-typography-text-small-default-weight: 400;
1594
+ --dt-typography-text-small-default-size: 12px;
1595
+ --dt-typography-text-small-default-line-height: 1.333333333;
1596
+ --dt-typography-text-small-default-text-decoration: none;
1597
+ --dt-typography-text-small-default-text-transform: none;
1598
+ --dt-typography-text-small-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
1599
+ --dt-typography-text-small-emphasized-weight: 500;
1600
+ --dt-typography-text-small-emphasized-size: 12px;
1601
+ --dt-typography-text-small-emphasized-line-height: 1.333333333;
1602
+ --dt-typography-text-small-emphasized-text-decoration: none;
1603
+ --dt-typography-text-small-emphasized-text-transform: none;
1604
+ --dt-typography-code-base-default-family: Roboto Mono,monospace;
1605
+ --dt-typography-code-base-default-weight: 400;
1606
+ --dt-typography-code-base-default-size: 14px;
1607
+ --dt-typography-code-base-default-line-height: 1.4285714286;
1608
+ --dt-typography-code-base-default-text-decoration: none;
1609
+ --dt-typography-code-base-default-text-transform: none;
1610
+ --dt-typography-code-base-emphasized-family: Roboto Mono,monospace;
1611
+ --dt-typography-code-base-emphasized-weight: 500;
1612
+ --dt-typography-code-base-emphasized-size: 14px;
1613
+ --dt-typography-code-base-emphasized-line-height: 1.4285714286;
1614
+ --dt-typography-code-base-emphasized-text-decoration: none;
1615
+ --dt-typography-code-base-emphasized-text-transform: none;
1616
+ --dt-typography-code-small-default-family: Roboto Mono,monospace;
1617
+ --dt-typography-code-small-default-weight: 400;
1618
+ --dt-typography-code-small-default-size: 12px;
1619
+ --dt-typography-code-small-default-line-height: 1.333333333;
1620
+ --dt-typography-code-small-default-text-decoration: none;
1621
+ --dt-typography-code-small-default-text-transform: none;
1622
+ --dt-typography-code-small-emphasized-family: Roboto Mono,monospace;
1623
+ --dt-typography-code-small-emphasized-weight: 500;
1624
+ --dt-typography-code-small-emphasized-size: 12px;
1625
+ --dt-typography-code-small-emphasized-line-height: 1.333333333;
1626
+ --dt-typography-code-small-emphasized-text-decoration: none;
1627
+ --dt-typography-code-small-emphasized-text-transform: none;
1628
+ --dt-animations-open-duration-fast: 170ms;
1629
+ --dt-animations-open-duration-base: 250ms;
1630
+ --dt-animations-open-duration-slow: 400ms;
1631
+ --dt-animations-open-easing: cubic-bezier(0, 0, 0.2, 1);
1632
+ --dt-animations-close-duration-fast: 0ms;
1633
+ --dt-animations-close-duration-base: 170ms;
1634
+ --dt-animations-close-duration-slow: 250ms;
1635
+ --dt-animations-close-easing: cubic-bezier(0.5, 0, 1, 1);
1636
+ --dt-animations-slide-in-duration-fast: 200ms;
1637
+ --dt-animations-slide-in-duration-base: 300ms;
1638
+ --dt-animations-slide-in-duration-slow: 400ms;
1639
+ --dt-animations-slide-in-easing: cubic-bezier(0, 0, 0.2, 1);
1640
+ --dt-animations-slide-out-duration-fast: 150ms;
1641
+ --dt-animations-slide-out-duration-base: 250ms;
1642
+ --dt-animations-slide-out-duration-slow: 350ms;
1643
+ --dt-animations-slide-out-easing: cubic-bezier(0.8, 0, 0.5, 1);
1644
+ --dt-animations-fade-in-duration-fast: 150ms;
1645
+ --dt-animations-fade-in-duration-base: 250ms;
1646
+ --dt-animations-fade-in-duration-slow: 350ms;
1647
+ --dt-animations-fade-in-easing: cubic-bezier(0.5, 0, 1, 1);
1648
+ --dt-animations-fade-out-duration-fast: 150ms;
1649
+ --dt-animations-fade-out-duration-base: 250ms;
1650
+ --dt-animations-fade-out-duration-slow: 350ms;
1651
+ --dt-animations-fade-out-easing: cubic-bezier(0, 0, 0.2, 1);
1652
+ --dt-animations-hover-duration-base: 150ms;
1653
+ --dt-animations-hover-easing: cubic-bezier(0, 0, 0.2, 1);
1654
+ --dt-animations-staggered-motion-duration-fast: 250ms;
1655
+ --dt-animations-staggered-motion-duration-base: 350ms;
1656
+ --dt-animations-staggered-motion-duration-slow: 400ms;
1657
+ --dt-animations-staggered-motion-offset-fast: 20ms;
1658
+ --dt-animations-staggered-motion-offset-base: 30ms;
1659
+ --dt-animations-staggered-motion-offset-slow: 50ms;
1660
+ --dt-animations-staggered-motion-easing: cubic-bezier(0, 0, 0.2, 1);
1661
+ --dt-animations-expand-collapse-duration-fast: 250ms;
1662
+ --dt-animations-expand-collapse-duration-base: 400ms;
1663
+ --dt-animations-expand-collapse-duration-slow: 600ms;
1664
+ --dt-animations-expand-collapse-easing: cubic-bezier(0.4, 0, 0.2, 1);
1665
+ --dt-animations-move-duration-fast: 150ms;
1666
+ --dt-animations-move-duration-base: 400ms;
1667
+ --dt-animations-move-duration-slow: 600ms;
1668
+ --dt-animations-move-easing: cubic-bezier(0.4, 0, 0.2, 1);
1669
+ --dt-animations-rescale-duration-fast: 170ms;
1670
+ --dt-animations-rescale-duration-base: 250ms;
1671
+ --dt-animations-rescale-duration-slow: 400ms;
1672
+ --dt-animations-rescale-easing: cubic-bezier(0.4, 0, 0.2, 1);
1673
+ --dt-easings-decelerate: cubic-bezier(0, 0, 0.2, 1);
1674
+ --dt-easings-accelerate: cubic-bezier(0.5, 0, 1, 1);
1675
+ --dt-easings-slow-in-fast-out: cubic-bezier(0.8, 0, 0.5, 1);
1676
+ --dt-easings-fast-in-slow-out: cubic-bezier(0.4, 0, 0.2, 1);
1677
+ --dt-easings-out-back: cubic-bezier(0.4, 1.6, 0.7, 1);
1678
+ --dt-timings-instant-default: 0ms;
1679
+ --dt-timings-offset-short: 20ms;
1680
+ --dt-timings-offset-medium: 30ms;
1681
+ --dt-timings-offset-long: 100ms;
1682
+ --dt-timings-offset-default: 50ms;
1683
+ --dt-timings-fast-quick: 150ms;
1684
+ --dt-timings-fast-default: 170ms;
1685
+ --dt-timings-fast-moderate: 200ms;
1686
+ --dt-timings-base-quick: 250ms;
1687
+ --dt-timings-base-default: 300ms;
1688
+ --dt-timings-base-moderate: 350ms;
1689
+ --dt-timings-slow-default: 400ms;
1690
+ --dt-timings-slow-moderate: 600ms;
1691
+ --dt-timings-slow-gentle: 800ms;
1692
+ }
1693
+ html, body {
1694
+ margin: 0;
1695
+ -webkit-font-smoothing: antialiased;
1696
+ -moz-osx-font-smoothing: grayscale;
1697
+ background-color: var(--dt-colors-background-base-default, #f3f3f7);
1698
+ color: var(--dt-colors-text-neutral-default, #2b2a58);
1699
+ font-family: var(--dt-typography-text-base-default-family, DynatraceFlow,Roboto,Helvetica,sans-serif);
1700
+ }
1701
+ body {
1702
+ font-size: var(--dt-typography-text-base-default-size, 14px);
1703
+ }
1704
+ *::-webkit-scrollbar {
1705
+ width: 16px;
1706
+ height: 16px;
1707
+ }
1708
+ ::-webkit-scrollbar-thumb:horizontal {
1709
+ width: 32px;
1710
+ }
1711
+ *::-webkit-scrollbar-corner {
1712
+ background-color: transparent;
1713
+ }
1714
+ *::-webkit-scrollbar-track {
1715
+ background: var(--scrollbar-track);
1716
+ }
1717
+ *::-webkit-scrollbar-thumb {
1718
+ background-color: var(--dt-colors-border-neutral-default, #d2d3e1);
1719
+ border-radius: 9999px;
1720
+ background-clip: content-box;
1721
+ border: 5px solid transparent;
1722
+ height: 32px;
1723
+ }
1724
+ *::-webkit-scrollbar-thumb:hover {
1725
+ background-color: var(--dt-colors-border-neutral-default-hover, #cacbdc);
1726
+ }
1727
+ *::-webkit-scrollbar-thumb:active {
1728
+ background-color: var(--dt-colors-border-neutral-default-active, #c2c3d7);
1729
+ }
1730
+ @media print {
1731
+ :root[data-theme="dark"] {
1732
+ --dt-borders-style-default: solid;
1733
+ --dt-borders-style-dashed: dashed;
1734
+ --dt-borders-width-default: 1px;
1735
+ --dt-borders-width-emphasized: 2px;
1736
+ --dt-borders-radius-surface-subdued: 12px;
1737
+ --dt-borders-radius-surface-default: 16px;
1738
+ --dt-borders-radius-container-subdued: 8px;
1739
+ --dt-borders-radius-container-default: 12px;
1740
+ --dt-borders-radius-field-subdued: 4px;
1741
+ --dt-borders-radius-field-default: 8px;
1742
+ --dt-borders-radius-field-emphasized: 9999px;
1743
+ --dt-box-shadows-surface-flat-rest: none;
1744
+ --dt-box-shadows-surface-flat-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
1745
+ --dt-box-shadows-surface-flat-active: none;
1746
+ --dt-box-shadows-surface-flat-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
1747
+ --dt-box-shadows-surface-raised-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
1748
+ --dt-box-shadows-surface-raised-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
1749
+ --dt-box-shadows-surface-raised-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 4px 8px -2px #2d2e4e12;
1750
+ --dt-box-shadows-surface-raised-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
1751
+ --dt-box-shadows-surface-floating-rest: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
1752
+ --dt-box-shadows-surface-floating-hover: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 6px 14px -2px #2d2e4e3d;
1753
+ --dt-box-shadows-surface-floating-active: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 5px 11px -2px #2d2e4e29;
1754
+ --dt-box-shadows-surface-floating-drag: 0px 0px 0px 1px #2d2e4e08, 0px 1px 2px #2d2e4e0d, 0px 7px 17px -2px #2d2e4e52;
1755
+ --dt-breakpoints-max-mobile: 640px;
1756
+ --dt-breakpoints-max-tablet: 960px;
1757
+ --dt-breakpoints-max-desktop: 1920px;
1758
+ --dt-breakpoints-min-tablet: 641px;
1759
+ --dt-breakpoints-min-desktop: 961px;
1760
+ --dt-breakpoints-min-widescreen: 1921px;
1761
+ --dt-colors-theme-foreground-10: #2d2e4e;
1762
+ --dt-colors-theme-foreground-20: #fcfcfd;
1763
+ --dt-colors-theme-background-10: #f3f3f7;
1764
+ --dt-colors-theme-background-20: #fcfcfd;
1765
+ --dt-colors-theme-neutral-10: #ebebf2;
1766
+ --dt-colors-theme-neutral-20: #e2e3ec;
1767
+ --dt-colors-theme-neutral-30: #dadbe7;
1768
+ --dt-colors-theme-neutral-40: #d2d3e1;
1769
+ --dt-colors-theme-neutral-50: #cacbdc;
1770
+ --dt-colors-theme-neutral-60: #c2c3d7;
1771
+ --dt-colors-theme-neutral-70: #5a5b8c;
1772
+ --dt-colors-theme-neutral-80: #4c4d7d;
1773
+ --dt-colors-theme-neutral-90: #3f3f6e;
1774
+ --dt-colors-theme-primary-10: #e9ebf6;
1775
+ --dt-colors-theme-primary-20: #dfe3f5;
1776
+ --dt-colors-theme-primary-30: #d6dbf4;
1777
+ --dt-colors-theme-primary-40: #ccd3f3;
1778
+ --dt-colors-theme-primary-50: #c3cbf1;
1779
+ --dt-colors-theme-primary-60: #b9c3f0;
1780
+ --dt-colors-theme-primary-70: #474ecf;
1781
+ --dt-colors-theme-primary-80: #3b3ebe;
1782
+ --dt-colors-theme-primary-90: #312cad;
1783
+ --dt-colors-theme-success-10: #e9ecef;
1784
+ --dt-colors-theme-success-20: #dfe4e7;
1785
+ --dt-colors-theme-success-30: #d4dddf;
1786
+ --dt-colors-theme-success-40: #cad6d7;
1787
+ --dt-colors-theme-success-50: #c0cfcf;
1788
+ --dt-colors-theme-success-60: #b7c8c7;
1789
+ --dt-colors-theme-success-70: #2f6863;
1790
+ --dt-colors-theme-success-80: #1f5a55;
1791
+ --dt-colors-theme-success-90: #0d4c47;
1792
+ --dt-colors-theme-warning-10: #f3efef;
1793
+ --dt-colors-theme-warning-20: #f4ece6;
1794
+ --dt-colors-theme-warning-30: #f4e8de;
1795
+ --dt-colors-theme-warning-40: #f4e5d5;
1796
+ --dt-colors-theme-warning-50: #f5e1cd;
1797
+ --dt-colors-theme-warning-60: #f5ddc4;
1798
+ --dt-colors-theme-warning-70: #eca440;
1799
+ --dt-colors-theme-warning-80: #fdb452;
1800
+ --dt-colors-theme-warning-90: #ffc56a;
1801
+ --dt-colors-theme-critical-10: #f3eaed;
1802
+ --dt-colors-theme-critical-20: #f3e0e3;
1803
+ --dt-colors-theme-critical-30: #f2d7d9;
1804
+ --dt-colors-theme-critical-40: #f1cdcf;
1805
+ --dt-colors-theme-critical-50: #f0c4c5;
1806
+ --dt-colors-theme-critical-60: #efbabb;
1807
+ --dt-colors-theme-critical-70: #c4233b;
1808
+ --dt-colors-theme-critical-80: #b2012d;
1809
+ --dt-colors-theme-critical-90: #a0001f;
1810
+ --dt-colors-background-base-default: #f3f3f7;
1811
+ --dt-colors-background-surface-backdrop: #f3f3f7cc;
1812
+ --dt-colors-background-surface-default: #fcfcfd;
1813
+ --dt-colors-background-container-neutral-subdued: #f3f3f7;
1814
+ --dt-colors-background-container-neutral-default: #ebebf2;
1815
+ --dt-colors-background-container-neutral-emphasized: #e2e3ec;
1816
+ --dt-colors-background-container-neutral-accent: #5a5b8c;
1817
+ --dt-colors-background-container-primary-default: #e9ebf6;
1818
+ --dt-colors-background-container-primary-emphasized: #dfe3f5;
1819
+ --dt-colors-background-container-primary-accent: #474ecf;
1820
+ --dt-colors-background-container-success-default: #e9ecef;
1821
+ --dt-colors-background-container-success-emphasized: #dfe4e7;
1822
+ --dt-colors-background-container-success-accent: #2f6863;
1823
+ --dt-colors-background-container-warning-default: #f3efef;
1824
+ --dt-colors-background-container-warning-emphasized: #f4ece6;
1825
+ --dt-colors-background-container-warning-accent: #eca440;
1826
+ --dt-colors-background-container-critical-default: #f3eaed;
1827
+ --dt-colors-background-container-critical-emphasized: #f3e0e3;
1828
+ --dt-colors-background-container-critical-accent: #c4233b;
1829
+ --dt-colors-background-field-neutral-disabled: #dadbe780;
1830
+ --dt-colors-background-field-neutral-default: #dadbe700;
1831
+ --dt-colors-background-field-neutral-default-hover: #d2d3e1;
1832
+ --dt-colors-background-field-neutral-default-active: #cacbdc;
1833
+ --dt-colors-background-field-neutral-emphasized: #dadbe7;
1834
+ --dt-colors-background-field-neutral-emphasized-hover: #d2d3e1;
1835
+ --dt-colors-background-field-neutral-emphasized-active: #cacbdc;
1836
+ --dt-colors-background-field-neutral-accent: #5a5b8c;
1837
+ --dt-colors-background-field-neutral-accent-hover: #4c4d7d;
1838
+ --dt-colors-background-field-neutral-accent-active: #3f3f6e;
1839
+ --dt-colors-background-field-primary-disabled: #dadbe780;
1840
+ --dt-colors-background-field-primary-default: #d6dbf400;
1841
+ --dt-colors-background-field-primary-default-hover: #ccd3f3;
1842
+ --dt-colors-background-field-primary-default-active: #c3cbf1;
1843
+ --dt-colors-background-field-primary-emphasized: #d6dbf4;
1844
+ --dt-colors-background-field-primary-emphasized-hover: #ccd3f3;
1845
+ --dt-colors-background-field-primary-emphasized-active: #c3cbf1;
1846
+ --dt-colors-background-field-primary-accent: #474ecf;
1847
+ --dt-colors-background-field-primary-accent-hover: #3b3ebe;
1848
+ --dt-colors-background-field-primary-accent-active: #312cad;
1849
+ --dt-colors-background-field-success-disabled: #dadbe780;
1850
+ --dt-colors-background-field-success-default: #d4dddf00;
1851
+ --dt-colors-background-field-success-default-hover: #cad6d7;
1852
+ --dt-colors-background-field-success-default-active: #c0cfcf;
1853
+ --dt-colors-background-field-success-emphasized: #d4dddf;
1854
+ --dt-colors-background-field-success-emphasized-hover: #cad6d7;
1855
+ --dt-colors-background-field-success-emphasized-active: #c0cfcf;
1856
+ --dt-colors-background-field-success-accent: #2f6863;
1857
+ --dt-colors-background-field-success-accent-hover: #1f5a55;
1858
+ --dt-colors-background-field-success-accent-active: #0d4c47;
1859
+ --dt-colors-background-field-warning-disabled: #dadbe780;
1860
+ --dt-colors-background-field-warning-default: #f4e8de00;
1861
+ --dt-colors-background-field-warning-default-hover: #f4e5d5;
1862
+ --dt-colors-background-field-warning-default-active: #f5e1cd;
1863
+ --dt-colors-background-field-warning-emphasized: #f4e8de;
1864
+ --dt-colors-background-field-warning-emphasized-hover: #f4e5d5;
1865
+ --dt-colors-background-field-warning-emphasized-active: #f5e1cd;
1866
+ --dt-colors-background-field-warning-accent: #eca440;
1867
+ --dt-colors-background-field-warning-accent-hover: #fdb452;
1868
+ --dt-colors-background-field-warning-accent-active: #ffc56a;
1869
+ --dt-colors-background-field-critical-disabled: #dadbe780;
1870
+ --dt-colors-background-field-critical-default: #f2d7d900;
1871
+ --dt-colors-background-field-critical-default-hover: #f1cdcf;
1872
+ --dt-colors-background-field-critical-default-active: #f0c4c5;
1873
+ --dt-colors-background-field-critical-emphasized: #f2d7d9;
1874
+ --dt-colors-background-field-critical-emphasized-hover: #f1cdcf;
1875
+ --dt-colors-background-field-critical-emphasized-active: #f0c4c5;
1876
+ --dt-colors-background-field-critical-accent: #c4233b;
1877
+ --dt-colors-background-field-critical-accent-hover: #b2012d;
1878
+ --dt-colors-background-field-critical-accent-active: #a0001f;
1879
+ --dt-colors-background-field-on-accent-disabled: #f3f3f71a;
1880
+ --dt-colors-background-field-on-accent-default: #f3f3f700;
1881
+ --dt-colors-background-field-on-accent-default-hover: #f3f3f74d;
1882
+ --dt-colors-background-field-on-accent-default-active: #f3f3f766;
1883
+ --dt-colors-background-field-on-accent-emphasized: #f3f3f733;
1884
+ --dt-colors-background-field-on-accent-emphasized-hover: #f3f3f74d;
1885
+ --dt-colors-background-field-on-accent-emphasized-active: #f3f3f766;
1886
+ --dt-colors-border-neutral-disabled: #d2d3e180;
1887
+ --dt-colors-border-neutral-default: #d2d3e1;
1888
+ --dt-colors-border-neutral-default-hover: #cacbdc;
1889
+ --dt-colors-border-neutral-default-active: #c2c3d7;
1890
+ --dt-colors-border-neutral-accent: #545587;
1891
+ --dt-colors-border-neutral-accent-hover: #3f3f6f;
1892
+ --dt-colors-border-neutral-accent-active: #2b2a58;
1893
+ --dt-colors-border-neutral-on-accent-disabled: #f3f3f633;
1894
+ --dt-colors-border-neutral-on-accent-default: #f3f3f6;
1895
+ --dt-colors-border-neutral-on-accent-default-hover: #f3f3f6cc;
1896
+ --dt-colors-border-neutral-on-accent-default-active: #f3f3f699;
1897
+ --dt-colors-border-primary-disabled: #d2d3e180;
1898
+ --dt-colors-border-primary-default: #ccd3f3;
1899
+ --dt-colors-border-primary-default-hover: #c3cbf1;
1900
+ --dt-colors-border-primary-default-active: #b9c3f0;
1901
+ --dt-colors-border-primary-accent: #454cc9;
1902
+ --dt-colors-border-primary-accent-hover: #3332ae;
1903
+ --dt-colors-border-primary-accent-active: #241193;
1904
+ --dt-colors-border-primary-on-accent-disabled: #f4f4fb33;
1905
+ --dt-colors-border-primary-on-accent-default: #f4f4fb;
1906
+ --dt-colors-border-primary-on-accent-default-hover: #f4f4fbcc;
1907
+ --dt-colors-border-primary-on-accent-default-active: #f4f4fb99;
1908
+ --dt-colors-border-success-disabled: #d2d3e180;
1909
+ --dt-colors-border-success-default: #cad6d7;
1910
+ --dt-colors-border-success-default-hover: #c0cfcf;
1911
+ --dt-colors-border-success-default-active: #b7c8c7;
1912
+ --dt-colors-border-success-accent: #2c6360;
1913
+ --dt-colors-border-success-accent-hover: #124d4a;
1914
+ --dt-colors-border-success-accent-active: #003735;
1915
+ --dt-colors-border-success-on-accent-disabled: #f1f4f433;
1916
+ --dt-colors-border-success-on-accent-default: #f1f4f4;
1917
+ --dt-colors-border-success-on-accent-default-hover: #f1f4f4cc;
1918
+ --dt-colors-border-success-on-accent-default-active: #f1f4f499;
1919
+ --dt-colors-border-warning-disabled: #d2d3e180;
1920
+ --dt-colors-border-warning-default: #f4e5d5;
1921
+ --dt-colors-border-warning-default-hover: #f5e1cd;
1922
+ --dt-colors-border-warning-default-active: #f5ddc4;
1923
+ --dt-colors-border-warning-accent: #805100;
1924
+ --dt-colors-border-warning-accent-hover: #683b00;
1925
+ --dt-colors-border-warning-accent-active: #4d2800;
1926
+ --dt-colors-border-warning-on-accent-disabled: #27202533;
1927
+ --dt-colors-border-warning-on-accent-default: #272025;
1928
+ --dt-colors-border-warning-on-accent-default-hover: #272025cc;
1929
+ --dt-colors-border-warning-on-accent-default-active: #27202599;
1930
+ --dt-colors-border-critical-disabled: #d2d3e180;
1931
+ --dt-colors-border-critical-default: #f1cdcf;
1932
+ --dt-colors-border-critical-default-hover: #f0c4c5;
1933
+ --dt-colors-border-critical-default-active: #efbabb;
1934
+ --dt-colors-border-critical-accent: #b80031;
1935
+ --dt-colors-border-critical-accent-hover: #97001f;
1936
+ --dt-colors-border-critical-accent-active: #720013;
1937
+ --dt-colors-border-critical-on-accent-disabled: #f9f1f333;
1938
+ --dt-colors-border-critical-on-accent-default: #f9f1f3;
1939
+ --dt-colors-border-critical-on-accent-default-hover: #f9f1f3cc;
1940
+ --dt-colors-border-critical-on-accent-default-active: #f9f1f399;
1941
+ --dt-colors-border-on-accent-disabled: #f3f3f733;
1942
+ --dt-colors-border-on-accent-default: #f3f3f7;
1943
+ --dt-colors-border-on-accent-default-hover: #f3f3f7cc;
1944
+ --dt-colors-border-on-accent-default-active: #f3f3f799;
1945
+ --dt-colors-text-neutral-disabled: #54558780;
1946
+ --dt-colors-text-neutral-subdued: #545587;
1947
+ --dt-colors-text-neutral-subdued-hover: #3f3f6f;
1948
+ --dt-colors-text-neutral-subdued-active: #2b2a58;
1949
+ --dt-colors-text-neutral-default: #2b2a58;
1950
+ --dt-colors-text-neutral-default-hover: #3f3f6f;
1951
+ --dt-colors-text-neutral-default-active: #545587;
1952
+ --dt-colors-text-neutral-on-accent-disabled: #f3f3f680;
1953
+ --dt-colors-text-neutral-on-accent-default: #f3f3f6;
1954
+ --dt-colors-text-neutral-on-accent-default-hover: #f3f3f6cc;
1955
+ --dt-colors-text-neutral-on-accent-default-active: #f3f3f699;
1956
+ --dt-colors-text-primary-disabled: #54558780;
1957
+ --dt-colors-text-primary-default: #454cc9;
1958
+ --dt-colors-text-primary-default-hover: #3332ae;
1959
+ --dt-colors-text-primary-default-active: #241193;
1960
+ --dt-colors-text-primary-on-accent-disabled: #f4f4fb80;
1961
+ --dt-colors-text-primary-on-accent-default: #f4f4fb;
1962
+ --dt-colors-text-primary-on-accent-default-hover: #f4f4fbcc;
1963
+ --dt-colors-text-primary-on-accent-default-active: #f4f4fb99;
1964
+ --dt-colors-text-success-disabled: #54558780;
1965
+ --dt-colors-text-success-default: #2c6360;
1966
+ --dt-colors-text-success-default-hover: #124d4a;
1967
+ --dt-colors-text-success-default-active: #003735;
1968
+ --dt-colors-text-success-on-accent-disabled: #f1f4f480;
1969
+ --dt-colors-text-success-on-accent-default: #f1f4f4;
1970
+ --dt-colors-text-success-on-accent-default-hover: #f1f4f4cc;
1971
+ --dt-colors-text-success-on-accent-default-active: #f1f4f499;
1972
+ --dt-colors-text-warning-disabled: #54558780;
1973
+ --dt-colors-text-warning-default: #805100;
1974
+ --dt-colors-text-warning-default-hover: #683b00;
1975
+ --dt-colors-text-warning-default-active: #4d2800;
1976
+ --dt-colors-text-warning-on-accent-disabled: #27202580;
1977
+ --dt-colors-text-warning-on-accent-default: #272025;
1978
+ --dt-colors-text-warning-on-accent-default-hover: #272025cc;
1979
+ --dt-colors-text-warning-on-accent-default-active: #27202599;
1980
+ --dt-colors-text-critical-disabled: #54558780;
1981
+ --dt-colors-text-critical-default: #b80031;
1982
+ --dt-colors-text-critical-default-hover: #97001f;
1983
+ --dt-colors-text-critical-default-active: #720013;
1984
+ --dt-colors-text-critical-on-accent-disabled: #f9f1f380;
1985
+ --dt-colors-text-critical-on-accent-default: #f9f1f3;
1986
+ --dt-colors-text-critical-on-accent-default-hover: #f9f1f3cc;
1987
+ --dt-colors-text-critical-on-accent-default-active: #f9f1f399;
1988
+ --dt-colors-text-on-accent-disabled: #f3f3f780;
1989
+ --dt-colors-text-on-accent-default: #f3f3f7;
1990
+ --dt-colors-text-on-accent-default-hover: #f3f3f7cc;
1991
+ --dt-colors-text-on-accent-default-active: #f3f3f799;
1992
+ --dt-colors-icon-neutral-disabled: #54558780;
1993
+ --dt-colors-icon-neutral-subdued: #545587;
1994
+ --dt-colors-icon-neutral-subdued-hover: #3f3f6f;
1995
+ --dt-colors-icon-neutral-subdued-active: #2b2a58;
1996
+ --dt-colors-icon-neutral-default: #2b2a58;
1997
+ --dt-colors-icon-neutral-default-hover: #3f3f6f;
1998
+ --dt-colors-icon-neutral-default-active: #545587;
1999
+ --dt-colors-icon-neutral-on-accent-disabled: #f3f3f680;
2000
+ --dt-colors-icon-neutral-on-accent-default: #f3f3f6;
2001
+ --dt-colors-icon-neutral-on-accent-default-hover: #f3f3f6cc;
2002
+ --dt-colors-icon-neutral-on-accent-default-active: #f3f3f699;
2003
+ --dt-colors-icon-primary-disabled: #54558780;
2004
+ --dt-colors-icon-primary-default: #454cc9;
2005
+ --dt-colors-icon-primary-default-hover: #3332ae;
2006
+ --dt-colors-icon-primary-default-active: #241193;
2007
+ --dt-colors-icon-primary-on-accent-disabled: #f4f4fb80;
2008
+ --dt-colors-icon-primary-on-accent-default: #f4f4fb;
2009
+ --dt-colors-icon-primary-on-accent-default-hover: #f4f4fbcc;
2010
+ --dt-colors-icon-primary-on-accent-default-active: #f4f4fb99;
2011
+ --dt-colors-icon-success-disabled: #54558780;
2012
+ --dt-colors-icon-success-default: #2c6360;
2013
+ --dt-colors-icon-success-default-hover: #124d4a;
2014
+ --dt-colors-icon-success-default-active: #003735;
2015
+ --dt-colors-icon-success-on-accent-disabled: #f1f4f480;
2016
+ --dt-colors-icon-success-on-accent-default: #f1f4f4;
2017
+ --dt-colors-icon-success-on-accent-default-hover: #f1f4f4cc;
2018
+ --dt-colors-icon-success-on-accent-default-active: #f1f4f499;
2019
+ --dt-colors-icon-warning-disabled: #54558780;
2020
+ --dt-colors-icon-warning-default: #805100;
2021
+ --dt-colors-icon-warning-default-hover: #683b00;
2022
+ --dt-colors-icon-warning-default-active: #4d2800;
2023
+ --dt-colors-icon-warning-on-accent-disabled: #27202580;
2024
+ --dt-colors-icon-warning-on-accent-default: #272025;
2025
+ --dt-colors-icon-warning-on-accent-default-hover: #272025cc;
2026
+ --dt-colors-icon-warning-on-accent-default-active: #27202599;
2027
+ --dt-colors-icon-critical-disabled: #54558780;
2028
+ --dt-colors-icon-critical-default: #b80031;
2029
+ --dt-colors-icon-critical-default-hover: #97001f;
2030
+ --dt-colors-icon-critical-default-active: #720013;
2031
+ --dt-colors-icon-critical-on-accent-disabled: #f9f1f380;
2032
+ --dt-colors-icon-critical-on-accent-default: #f9f1f3;
2033
+ --dt-colors-icon-critical-on-accent-default-hover: #f9f1f3cc;
2034
+ --dt-colors-icon-critical-on-accent-default-active: #f9f1f399;
2035
+ --dt-colors-icon-on-accent-disabled: #f3f3f780;
2036
+ --dt-colors-icon-on-accent-default: #f3f3f7;
2037
+ --dt-colors-icon-on-accent-default-hover: #f3f3f7cc;
2038
+ --dt-colors-icon-on-accent-default-active: #f3f3f799;
2039
+ --dt-colors-syntax-comment: #545586;
2040
+ --dt-colors-syntax-string: #086467;
2041
+ --dt-colors-syntax-variable: #2754b5;
2042
+ --dt-colors-syntax-number: #aa0081;
2043
+ --dt-colors-syntax-punctuation: #8136a9;
2044
+ --dt-colors-syntax-function: #2754b5;
2045
+ --dt-colors-syntax-classname: #2c2d4d;
2046
+ --dt-colors-syntax-tag: #b30926;
2047
+ --dt-colors-syntax-operators: #8136a9;
2048
+ --dt-colors-syntax-boolean: #973f00;
2049
+ --dt-colors-charts-status-ideal-default: #2f6863;
2050
+ --dt-colors-charts-status-good-default: #474ecf;
2051
+ --dt-colors-charts-status-neutral-default: #5a5b8c;
2052
+ --dt-colors-charts-status-warning-default: #eca440;
2053
+ --dt-colors-charts-status-critical-default: #c4233b;
2054
+ --dt-colors-charts-categorical-color-01-default: #134fc9;
2055
+ --dt-colors-charts-categorical-color-02-default: #2c2f3f;
2056
+ --dt-colors-charts-categorical-color-03-default: #2a7453;
2057
+ --dt-colors-charts-categorical-color-04-default: #d85a9f;
2058
+ --dt-colors-charts-categorical-color-05-default: #84859a;
2059
+ --dt-colors-charts-categorical-color-06-default: #a9780f;
2060
+ --dt-colors-charts-categorical-color-07-default: #438fb1;
2061
+ --dt-colors-charts-categorical-color-08-default: #8b6ecf;
2062
+ --dt-colors-charts-categorical-color-09-default: #649438;
2063
+ --dt-colors-charts-categorical-color-10-default: #904523;
2064
+ --dt-colors-charts-categorical-color-11-default: #627cfe;
2065
+ --dt-colors-charts-categorical-color-12-default: #cd3741;
2066
+ --dt-colors-charts-categorical-color-13-default: #1c520a;
2067
+ --dt-colors-charts-categorical-color-14-default: #d56b1a;
2068
+ --dt-colors-charts-categorical-color-15-default: #9033a3;
2069
+ --dt-colors-charts-categorical-themed-purple-rain-color-01-default: #9033a3;
2070
+ --dt-colors-charts-categorical-themed-purple-rain-color-02-default: #a9780f;
2071
+ --dt-colors-charts-categorical-themed-purple-rain-color-03-default: #d85a9f;
2072
+ --dt-colors-charts-categorical-themed-purple-rain-color-04-default: #8b6ecf;
2073
+ --dt-colors-charts-categorical-themed-purple-rain-color-05-default: #904523;
2074
+ --dt-colors-charts-categorical-themed-purple-rain-color-06-default: #cd3741;
2075
+ --dt-colors-charts-categorical-themed-swamps-color-01-default: #006650;
2076
+ --dt-colors-charts-categorical-themed-swamps-color-02-default: #84859a;
2077
+ --dt-colors-charts-categorical-themed-swamps-color-03-default: #649438;
2078
+ --dt-colors-charts-categorical-themed-swamps-color-04-default: #8f4624;
2079
+ --dt-colors-charts-categorical-themed-swamps-color-05-default: #2c2f3f;
2080
+ --dt-colors-charts-categorical-themed-swamps-color-06-default: #a9780f;
2081
+ --dt-colors-charts-categorical-themed-fireplace-color-01-default: #ae132d;
2082
+ --dt-colors-charts-categorical-themed-fireplace-color-02-default: #d85a9f;
2083
+ --dt-colors-charts-categorical-themed-fireplace-color-03-default: #d56b1a;
2084
+ --dt-colors-charts-categorical-themed-fireplace-color-04-default: #a9780f;
2085
+ --dt-colors-charts-categorical-themed-fireplace-color-05-default: #904523;
2086
+ --dt-colors-charts-categorical-themed-fireplace-color-06-default: #9033a3;
2087
+ --dt-colors-charts-categorical-themed-blue-steel-color-01-default: #438fb1;
2088
+ --dt-colors-charts-categorical-themed-blue-steel-color-02-default: #84859a;
2089
+ --dt-colors-charts-categorical-themed-blue-steel-color-03-default: #627cfe;
2090
+ --dt-colors-charts-categorical-themed-blue-steel-color-04-default: #8b6ecf;
2091
+ --dt-colors-charts-categorical-themed-blue-steel-color-05-default: #134fc9;
2092
+ --dt-colors-charts-categorical-themed-blue-steel-color-06-default: #2c2f3f;
2093
+ --dt-colors-charts-logstatus-error-default: #cd3741;
2094
+ --dt-colors-charts-logstatus-warning-default: #a9780f;
2095
+ --dt-colors-charts-logstatus-info-default: #134fc9;
2096
+ --dt-colors-charts-logstatus-none-default: #2c2f3f;
2097
+ --dt-colors-charts-loglevel-emergency-default: #ae132d;
2098
+ --dt-colors-charts-loglevel-error-default: #cd3741;
2099
+ --dt-colors-charts-loglevel-alert-default: #c73d84;
2100
+ --dt-colors-charts-loglevel-critical-default: #d85a9f;
2101
+ --dt-colors-charts-loglevel-severe-default: #d56b1a;
2102
+ --dt-colors-charts-loglevel-warning-default: #a9780f;
2103
+ --dt-colors-charts-loglevel-notice-default: #2a7453;
2104
+ --dt-colors-charts-loglevel-info-default: #134fc9;
2105
+ --dt-colors-charts-loglevel-debug-default: #8b6ecf;
2106
+ --dt-colors-charts-loglevel-none-default: #2c2f3f;
2107
+ --dt-colors-charts-apdex-excellent-default: #2a7453;
2108
+ --dt-colors-charts-apdex-good-default: #1c520a;
2109
+ --dt-colors-charts-apdex-fair-default: #a9780f;
2110
+ --dt-colors-charts-apdex-poor-default: #d56b1a;
2111
+ --dt-colors-charts-apdex-unacceptable-default: #cd3741;
2112
+ --dt-colors-charts-security-risk-level-muted-default: #84859a;
2113
+ --dt-colors-charts-security-risk-level-critical-default: #8a0012;
2114
+ --dt-colors-charts-security-risk-level-high-default: #cd3741;
2115
+ --dt-colors-charts-security-risk-level-medium-default: #a9780f;
2116
+ --dt-colors-charts-security-risk-level-low-default: #134fc9;
2117
+ --dt-colors-charts-vulnerability-status-muted-default: #84859a;
2118
+ --dt-colors-charts-vulnerability-status-resolved-default: #3e8e6a;
2119
+ --dt-colors-charts-vulnerability-status-affected-default: #cd3741;
2120
+ --dt-colors-charts-threshold-good-default: #2a7453;
2121
+ --dt-colors-charts-threshold-warning-default: #a9780f;
2122
+ --dt-colors-charts-threshold-bad-default: #cd3741;
2123
+ --dt-colors-charts-rainbow-red-default: #cd3741;
2124
+ --dt-colors-charts-rainbow-orange-default: #d56b1a;
2125
+ --dt-colors-charts-rainbow-yellow-default: #a9780f;
2126
+ --dt-colors-charts-rainbow-moss-default: #2a7453;
2127
+ --dt-colors-charts-rainbow-blue-default: #134fc9;
2128
+ --dt-colors-charts-rainbow-magenta-default: #9033a3;
2129
+ --dt-colors-charts-sequential-pink-purple-color-01-default: #d85a9f;
2130
+ --dt-colors-charts-sequential-pink-purple-color-02-default: #c6539f;
2131
+ --dt-colors-charts-sequential-pink-purple-color-03-default: #b450a3;
2132
+ --dt-colors-charts-sequential-pink-purple-color-04-default: #9f49a2;
2133
+ --dt-colors-charts-sequential-pink-purple-color-05-default: #8d45a5;
2134
+ --dt-colors-charts-sequential-pink-purple-color-06-default: #7640a5;
2135
+ --dt-colors-charts-sequential-pink-purple-color-07-default: #5d3ba5;
2136
+ --dt-colors-charts-sequential-pink-purple-color-08-default: #4038a8;
2137
+ --dt-colors-charts-sequential-pink-purple-color-09-default: #0035a8;
2138
+ --dt-colors-charts-sequential-blue-turquoise-color-01-default: #0035a8;
2139
+ --dt-colors-charts-sequential-blue-turquoise-color-02-default: #1d41a5;
2140
+ --dt-colors-charts-sequential-blue-turquoise-color-03-default: #284e9f;
2141
+ --dt-colors-charts-sequential-blue-turquoise-color-04-default: #2f5998;
2142
+ --dt-colors-charts-sequential-blue-turquoise-color-05-default: #336794;
2143
+ --dt-colors-charts-sequential-blue-turquoise-color-06-default: #31708c;
2144
+ --dt-colors-charts-sequential-blue-turquoise-color-07-default: #307c88;
2145
+ --dt-colors-charts-sequential-blue-turquoise-color-08-default: #2a8981;
2146
+ --dt-colors-charts-sequential-blue-turquoise-color-09-default: #1d957b;
2147
+ --dt-colors-charts-sequential-blue-color-01-default: #001b85;
2148
+ --dt-colors-charts-sequential-blue-color-02-default: #0035a8;
2149
+ --dt-colors-charts-sequential-blue-color-03-default: #134fc9;
2150
+ --dt-colors-charts-sequential-blue-color-04-default: #3f63e4;
2151
+ --dt-colors-charts-sequential-blue-color-05-default: #627cfe;
2152
+ --dt-colors-charts-sequential-blue-color-06-default: #8a9bff;
2153
+ --dt-colors-charts-sequential-blue-color-07-default: #a8b7ff;
2154
+ --dt-colors-charts-sequential-blue-color-08-default: #bdc8ff;
2155
+ --dt-colors-charts-sequential-blue-color-09-default: #d6deff;
2156
+ --dt-colors-charts-sequential-grey-color-01-default: #111422;
2157
+ --dt-colors-charts-sequential-grey-color-02-default: #2c2f3f;
2158
+ --dt-colors-charts-sequential-grey-color-03-default: #484a5b;
2159
+ --dt-colors-charts-sequential-grey-color-04-default: #66687a;
2160
+ --dt-colors-charts-sequential-grey-color-05-default: #84859a;
2161
+ --dt-colors-charts-sequential-grey-color-06-default: #a7a9be;
2162
+ --dt-colors-charts-sequential-grey-color-07-default: #cacce2;
2163
+ --dt-colors-charts-sequential-grey-color-08-default: #d8d9e9;
2164
+ --dt-colors-charts-sequential-grey-color-09-default: #e1e3ef;
2165
+ --dt-colors-charts-sequential-moss-color-01-default: #084427;
2166
+ --dt-colors-charts-sequential-moss-color-02-default: #195c3d;
2167
+ --dt-colors-charts-sequential-moss-color-03-default: #2a7453;
2168
+ --dt-colors-charts-sequential-moss-color-04-default: #3e8e6a;
2169
+ --dt-colors-charts-sequential-moss-color-05-default: #509575;
2170
+ --dt-colors-charts-sequential-moss-color-06-default: #75c29d;
2171
+ --dt-colors-charts-sequential-moss-color-07-default: #93dcb8;
2172
+ --dt-colors-charts-sequential-moss-color-08-default: #b4e4cd;
2173
+ --dt-colors-charts-sequential-moss-color-09-default: #d4ece0;
2174
+ --dt-colors-charts-sequential-turquoise-color-01-default: #004733;
2175
+ --dt-colors-charts-sequential-turquoise-color-02-default: #00523d;
2176
+ --dt-colors-charts-sequential-turquoise-color-03-default: #006650;
2177
+ --dt-colors-charts-sequential-turquoise-color-04-default: #047c64;
2178
+ --dt-colors-charts-sequential-turquoise-color-05-default: #1d957b;
2179
+ --dt-colors-charts-sequential-turquoise-color-06-default: #38ad92;
2180
+ --dt-colors-charts-sequential-turquoise-color-07-default: #52c7aa;
2181
+ --dt-colors-charts-sequential-turquoise-color-08-default: #78dec1;
2182
+ --dt-colors-charts-sequential-turquoise-color-09-default: #c0ece0;
2183
+ --dt-colors-charts-sequential-pink-color-01-default: #6b1441;
2184
+ --dt-colors-charts-sequential-pink-color-02-default: #872256;
2185
+ --dt-colors-charts-sequential-pink-color-03-default: #a83470;
2186
+ --dt-colors-charts-sequential-pink-color-04-default: #c73d84;
2187
+ --dt-colors-charts-sequential-pink-color-05-default: #d85a9f;
2188
+ --dt-colors-charts-sequential-pink-color-06-default: #e675b5;
2189
+ --dt-colors-charts-sequential-pink-color-07-default: #f291cb;
2190
+ --dt-colors-charts-sequential-pink-color-08-default: #fcb5e2;
2191
+ --dt-colors-charts-sequential-pink-color-09-default: #fed7f0;
2192
+ --dt-colors-charts-sequential-yellow-color-01-default: #573b00;
2193
+ --dt-colors-charts-sequential-yellow-color-02-default: #614200;
2194
+ --dt-colors-charts-sequential-yellow-color-03-default: #755000;
2195
+ --dt-colors-charts-sequential-yellow-color-04-default: #8f6200;
2196
+ --dt-colors-charts-sequential-yellow-color-05-default: #a9780f;
2197
+ --dt-colors-charts-sequential-yellow-color-06-default: #c79323;
2198
+ --dt-colors-charts-sequential-yellow-color-07-default: #dfb14e;
2199
+ --dt-colors-charts-sequential-yellow-color-08-default: #f1cd7e;
2200
+ --dt-colors-charts-sequential-yellow-color-09-default: #f8e1af;
2201
+ --dt-colors-charts-sequential-petrol-color-01-default: #00304d;
2202
+ --dt-colors-charts-sequential-petrol-color-02-default: #114964;
2203
+ --dt-colors-charts-sequential-petrol-color-03-default: #21607d;
2204
+ --dt-colors-charts-sequential-petrol-color-04-default: #307697;
2205
+ --dt-colors-charts-sequential-petrol-color-05-default: #438fb1;
2206
+ --dt-colors-charts-sequential-petrol-color-06-default: #5ba7cd;
2207
+ --dt-colors-charts-sequential-petrol-color-07-default: #81c8ef;
2208
+ --dt-colors-charts-sequential-petrol-color-08-default: #aaddf9;
2209
+ --dt-colors-charts-sequential-petrol-color-09-default: #cbe7f6;
2210
+ --dt-colors-charts-sequential-purple-color-01-default: #32246a;
2211
+ --dt-colors-charts-sequential-purple-color-02-default: #453380;
2212
+ --dt-colors-charts-sequential-purple-color-03-default: #5e489d;
2213
+ --dt-colors-charts-sequential-purple-color-04-default: #755abf;
2214
+ --dt-colors-charts-sequential-purple-color-05-default: #8b6ecf;
2215
+ --dt-colors-charts-sequential-purple-color-06-default: #a184dc;
2216
+ --dt-colors-charts-sequential-purple-color-07-default: #bb9eeb;
2217
+ --dt-colors-charts-sequential-purple-color-08-default: #d5b9f8;
2218
+ --dt-colors-charts-sequential-purple-color-09-default: #e9d7fe;
2219
+ --dt-colors-charts-sequential-pear-color-01-default: #084200;
2220
+ --dt-colors-charts-sequential-pear-color-02-default: #1c520a;
2221
+ --dt-colors-charts-sequential-pear-color-03-default: #306615;
2222
+ --dt-colors-charts-sequential-pear-color-04-default: #457a1f;
2223
+ --dt-colors-charts-sequential-pear-color-05-default: #649438;
2224
+ --dt-colors-charts-sequential-pear-color-06-default: #83b455;
2225
+ --dt-colors-charts-sequential-pear-color-07-default: #9fcb76;
2226
+ --dt-colors-charts-sequential-pear-color-08-default: #b5de8c;
2227
+ --dt-colors-charts-sequential-pear-color-09-default: #d3e9be;
2228
+ --dt-colors-charts-sequential-brown-color-01-default: #5c1d00;
2229
+ --dt-colors-charts-sequential-brown-color-02-default: #6f2e11;
2230
+ --dt-colors-charts-sequential-brown-color-03-default: #8f4624;
2231
+ --dt-colors-charts-sequential-brown-color-04-default: #a95d37;
2232
+ --dt-colors-charts-sequential-brown-color-05-default: #bc724e;
2233
+ --dt-colors-charts-sequential-brown-color-06-default: #c98769;
2234
+ --dt-colors-charts-sequential-brown-color-07-default: #dfa486;
2235
+ --dt-colors-charts-sequential-brown-color-08-default: #f2bfa6;
2236
+ --dt-colors-charts-sequential-brown-color-09-default: #fddece;
2237
+ --dt-colors-charts-sequential-red-color-01-default: #610000;
2238
+ --dt-colors-charts-sequential-red-color-02-default: #8a0012;
2239
+ --dt-colors-charts-sequential-red-color-03-default: #ae132d;
2240
+ --dt-colors-charts-sequential-red-color-04-default: #cd3741;
2241
+ --dt-colors-charts-sequential-red-color-05-default: #eb565b;
2242
+ --dt-colors-charts-sequential-red-color-06-default: #ff7a7a;
2243
+ --dt-colors-charts-sequential-red-color-07-default: #ffa6a3;
2244
+ --dt-colors-charts-sequential-red-color-08-default: #ffb8b3;
2245
+ --dt-colors-charts-sequential-red-color-09-default: #ffd9d6;
2246
+ --dt-colors-charts-sequential-magenta-color-01-default: #59006b;
2247
+ --dt-colors-charts-sequential-magenta-color-02-default: #761b88;
2248
+ --dt-colors-charts-sequential-magenta-color-03-default: #9033a3;
2249
+ --dt-colors-charts-sequential-magenta-color-04-default: #af4bbe;
2250
+ --dt-colors-charts-sequential-magenta-color-05-default: #ba6bc2;
2251
+ --dt-colors-charts-sequential-magenta-color-06-default: #e183e7;
2252
+ --dt-colors-charts-sequential-magenta-color-07-default: #fca0fd;
2253
+ --dt-colors-charts-sequential-magenta-color-08-default: #fdb4fd;
2254
+ --dt-colors-charts-sequential-magenta-color-09-default: #faccfa;
2255
+ --dt-colors-charts-sequential-orange-color-01-default: #662c00;
2256
+ --dt-colors-charts-sequential-orange-color-02-default: #87420d;
2257
+ --dt-colors-charts-sequential-orange-color-03-default: #ab5412;
2258
+ --dt-colors-charts-sequential-orange-color-04-default: #c36218;
2259
+ --dt-colors-charts-sequential-orange-color-05-default: #d56b1a;
2260
+ --dt-colors-charts-sequential-orange-color-06-default: #e57e2e;
2261
+ --dt-colors-charts-sequential-orange-color-07-default: #eb9a5c;
2262
+ --dt-colors-charts-sequential-orange-color-08-default: #efb080;
2263
+ --dt-colors-charts-sequential-orange-color-09-default: #f4caa9;
2264
+ --dt-colors-charts-diverging-orange-blue-color-01-default: #662c00;
2265
+ --dt-colors-charts-diverging-orange-blue-color-02-default: #ab5412;
2266
+ --dt-colors-charts-diverging-orange-blue-color-03-default: #d56b1a;
2267
+ --dt-colors-charts-diverging-orange-blue-color-04-default: #eb9a5c;
2268
+ --dt-colors-charts-diverging-orange-blue-color-05-default: #f4caa9;
2269
+ --dt-colors-charts-diverging-orange-blue-color-06-default: #f5eee0;
2270
+ --dt-colors-charts-diverging-orange-blue-color-07-default: #d6deff;
2271
+ --dt-colors-charts-diverging-orange-blue-color-08-default: #a8b7ff;
2272
+ --dt-colors-charts-diverging-orange-blue-color-09-default: #627cfe;
2273
+ --dt-colors-charts-diverging-orange-blue-color-10-default: #134fc9;
2274
+ --dt-colors-charts-diverging-orange-blue-color-11-default: #001b85;
2275
+ --dt-colors-charts-diverging-red-blue-color-01-default: #610000;
2276
+ --dt-colors-charts-diverging-red-blue-color-02-default: #ae132d;
2277
+ --dt-colors-charts-diverging-red-blue-color-03-default: #eb565b;
2278
+ --dt-colors-charts-diverging-red-blue-color-04-default: #ffa6a3;
2279
+ --dt-colors-charts-diverging-red-blue-color-05-default: #ffd9d6;
2280
+ --dt-colors-charts-diverging-red-blue-color-06-default: #f5eee0;
2281
+ --dt-colors-charts-diverging-red-blue-color-07-default: #d6deff;
2282
+ --dt-colors-charts-diverging-red-blue-color-08-default: #a8b7ff;
2283
+ --dt-colors-charts-diverging-red-blue-color-09-default: #627cfe;
2284
+ --dt-colors-charts-diverging-red-blue-color-10-default: #134fc9;
2285
+ --dt-colors-charts-diverging-red-blue-color-11-default: #001b85;
2286
+ --dt-colors-charts-diverging-red-purple-color-01-default: #610000;
2287
+ --dt-colors-charts-diverging-red-purple-color-02-default: #ae132d;
2288
+ --dt-colors-charts-diverging-red-purple-color-03-default: #eb565b;
2289
+ --dt-colors-charts-diverging-red-purple-color-04-default: #ffa6a3;
2290
+ --dt-colors-charts-diverging-red-purple-color-05-default: #ffd9d6;
2291
+ --dt-colors-charts-diverging-red-purple-color-06-default: #f5eee0;
2292
+ --dt-colors-charts-diverging-red-purple-color-07-default: #e9d7fe;
2293
+ --dt-colors-charts-diverging-red-purple-color-08-default: #bb9eeb;
2294
+ --dt-colors-charts-diverging-red-purple-color-09-default: #8b6ecf;
2295
+ --dt-colors-charts-diverging-red-purple-color-10-default: #5e489d;
2296
+ --dt-colors-charts-diverging-red-purple-color-11-default: #32246a;
2297
+ --dt-colors-charts-diverging-blue-moss-color-01-default: #001b85;
2298
+ --dt-colors-charts-diverging-blue-moss-color-02-default: #134fc9;
2299
+ --dt-colors-charts-diverging-blue-moss-color-03-default: #627cfe;
2300
+ --dt-colors-charts-diverging-blue-moss-color-04-default: #a8b7ff;
2301
+ --dt-colors-charts-diverging-blue-moss-color-05-default: #d6deff;
2302
+ --dt-colors-charts-diverging-blue-moss-color-06-default: #f5eee0;
2303
+ --dt-colors-charts-diverging-blue-moss-color-07-default: #d4ece0;
2304
+ --dt-colors-charts-diverging-blue-moss-color-08-default: #93dcb8;
2305
+ --dt-colors-charts-diverging-blue-moss-color-09-default: #509575;
2306
+ --dt-colors-charts-diverging-blue-moss-color-10-default: #2a7453;
2307
+ --dt-colors-charts-diverging-blue-moss-color-11-default: #084427;
2308
+ --dt-colors-charts-diverging-purple-yellow-color-01-default: #32246a;
2309
+ --dt-colors-charts-diverging-purple-yellow-color-02-default: #5e489d;
2310
+ --dt-colors-charts-diverging-purple-yellow-color-03-default: #8b6ecf;
2311
+ --dt-colors-charts-diverging-purple-yellow-color-04-default: #bb9eeb;
2312
+ --dt-colors-charts-diverging-purple-yellow-color-05-default: #e9d7fe;
2313
+ --dt-colors-charts-diverging-purple-yellow-color-06-default: #f5eee0;
2314
+ --dt-colors-charts-diverging-purple-yellow-color-07-default: #f8e1af;
2315
+ --dt-colors-charts-diverging-purple-yellow-color-08-default: #dfb14e;
2316
+ --dt-colors-charts-diverging-purple-yellow-color-09-default: #a9780f;
2317
+ --dt-colors-charts-diverging-purple-yellow-color-10-default: #755000;
2318
+ --dt-colors-charts-diverging-purple-yellow-color-11-default: #573b00;
2319
+ --dt-colors-charts-diverging-red-green-color-01-default: #610000;
2320
+ --dt-colors-charts-diverging-red-green-color-02-default: #ae132d;
2321
+ --dt-colors-charts-diverging-red-green-color-03-default: #eb565b;
2322
+ --dt-colors-charts-diverging-red-green-color-04-default: #ffa6a3;
2323
+ --dt-colors-charts-diverging-red-green-color-05-default: #ffd9d6;
2324
+ --dt-colors-charts-diverging-red-green-color-06-default: #f5eee0;
2325
+ --dt-colors-charts-diverging-red-green-color-07-default: #d4ece0;
2326
+ --dt-colors-charts-diverging-red-green-color-08-default: #93dcb8;
2327
+ --dt-colors-charts-diverging-red-green-color-09-default: #509575;
2328
+ --dt-colors-charts-diverging-red-green-color-10-default: #2a7453;
2329
+ --dt-colors-charts-diverging-red-green-color-11-default: #084427;
2330
+ --dt-colors-charts-diverging-orange-petrol-color-01-default: #662c00;
2331
+ --dt-colors-charts-diverging-orange-petrol-color-02-default: #ab5412;
2332
+ --dt-colors-charts-diverging-orange-petrol-color-03-default: #d56b1a;
2333
+ --dt-colors-charts-diverging-orange-petrol-color-04-default: #eb9a5c;
2334
+ --dt-colors-charts-diverging-orange-petrol-color-05-default: #f4caa9;
2335
+ --dt-colors-charts-diverging-orange-petrol-color-06-default: #f5eee0;
2336
+ --dt-colors-charts-diverging-orange-petrol-color-07-default: #cbe7f6;
2337
+ --dt-colors-charts-diverging-orange-petrol-color-08-default: #81c8ef;
2338
+ --dt-colors-charts-diverging-orange-petrol-color-09-default: #438fb1;
2339
+ --dt-colors-charts-diverging-orange-petrol-color-10-default: #21607d;
2340
+ --dt-colors-charts-diverging-orange-petrol-color-11-default: #00304d;
2341
+ --dt-colors-charts-diverging-pink-green-color-01-default: #6b1441;
2342
+ --dt-colors-charts-diverging-pink-green-color-02-default: #a83470;
2343
+ --dt-colors-charts-diverging-pink-green-color-03-default: #d85a9f;
2344
+ --dt-colors-charts-diverging-pink-green-color-04-default: #f291cb;
2345
+ --dt-colors-charts-diverging-pink-green-color-05-default: #fed7f0;
2346
+ --dt-colors-charts-diverging-pink-green-color-06-default: #f5eee0;
2347
+ --dt-colors-charts-diverging-pink-green-color-07-default: #d4ece0;
2348
+ --dt-colors-charts-diverging-pink-green-color-08-default: #93dcb8;
2349
+ --dt-colors-charts-diverging-pink-green-color-09-default: #509575;
2350
+ --dt-colors-charts-diverging-pink-green-color-10-default: #2a7453;
2351
+ --dt-colors-charts-diverging-pink-green-color-11-default: #084427;
2352
+ --dt-elevations-default: 1;
2353
+ --dt-elevations-sticky: 10;
2354
+ --dt-elevations-overlay: 20;
2355
+ --dt-elevations-notification: 1999999999;
2356
+ --dt-spacings-size-0: 0;
2357
+ --dt-spacings-size-2: 2px;
2358
+ --dt-spacings-size-4: 4px;
2359
+ --dt-spacings-size-6: 6px;
2360
+ --dt-spacings-size-8: 8px;
2361
+ --dt-spacings-size-12: 12px;
2362
+ --dt-spacings-size-16: 16px;
2363
+ --dt-spacings-size-20: 20px;
2364
+ --dt-spacings-size-24: 24px;
2365
+ --dt-spacings-size-28: 28px;
2366
+ --dt-spacings-size-32: 32px;
2367
+ --dt-spacings-size-36: 36px;
2368
+ --dt-spacings-size-40: 40px;
2369
+ --dt-spacings-size-48: 48px;
2370
+ --dt-spacings-size-56: 56px;
2371
+ --dt-spacings-size-64: 64px;
2372
+ --dt-typography-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2373
+ --dt-typography-display-level-1-weight: 600;
2374
+ --dt-typography-display-level-1-size: 64px;
2375
+ --dt-typography-display-level-1-line-height: 1.1875;
2376
+ --dt-typography-display-level-1-text-decoration: none;
2377
+ --dt-typography-display-level-1-text-transform: none;
2378
+ --dt-typography-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2379
+ --dt-typography-display-level-2-weight: 600;
2380
+ --dt-typography-display-level-2-size: 56px;
2381
+ --dt-typography-display-level-2-line-height: 1.2142857143;
2382
+ --dt-typography-display-level-2-text-decoration: none;
2383
+ --dt-typography-display-level-2-text-transform: none;
2384
+ --dt-typography-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2385
+ --dt-typography-display-level-3-weight: 600;
2386
+ --dt-typography-display-level-3-size: 48px;
2387
+ --dt-typography-display-level-3-line-height: 1.25;
2388
+ --dt-typography-display-level-3-text-decoration: none;
2389
+ --dt-typography-display-level-3-text-transform: none;
2390
+ --dt-typography-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2391
+ --dt-typography-heading-level-1-weight: 600;
2392
+ --dt-typography-heading-level-1-size: 32px;
2393
+ --dt-typography-heading-level-1-line-height: 1.25;
2394
+ --dt-typography-heading-level-1-text-decoration: none;
2395
+ --dt-typography-heading-level-1-text-transform: none;
2396
+ --dt-typography-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2397
+ --dt-typography-heading-level-2-weight: 600;
2398
+ --dt-typography-heading-level-2-size: 28px;
2399
+ --dt-typography-heading-level-2-line-height: 1.2857142857;
2400
+ --dt-typography-heading-level-2-text-decoration: none;
2401
+ --dt-typography-heading-level-2-text-transform: none;
2402
+ --dt-typography-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2403
+ --dt-typography-heading-level-3-weight: 600;
2404
+ --dt-typography-heading-level-3-size: 24px;
2405
+ --dt-typography-heading-level-3-line-height: 1.3333333333;
2406
+ --dt-typography-heading-level-3-text-decoration: none;
2407
+ --dt-typography-heading-level-3-text-transform: none;
2408
+ --dt-typography-heading-level-4-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2409
+ --dt-typography-heading-level-4-weight: 600;
2410
+ --dt-typography-heading-level-4-size: 20px;
2411
+ --dt-typography-heading-level-4-line-height: 1.4;
2412
+ --dt-typography-heading-level-4-text-decoration: none;
2413
+ --dt-typography-heading-level-4-text-transform: none;
2414
+ --dt-typography-heading-level-5-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2415
+ --dt-typography-heading-level-5-weight: 600;
2416
+ --dt-typography-heading-level-5-size: 16px;
2417
+ --dt-typography-heading-level-5-line-height: 1.5;
2418
+ --dt-typography-heading-level-5-text-decoration: none;
2419
+ --dt-typography-heading-level-5-text-transform: none;
2420
+ --dt-typography-heading-level-6-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2421
+ --dt-typography-heading-level-6-weight: 600;
2422
+ --dt-typography-heading-level-6-size: 14px;
2423
+ --dt-typography-heading-level-6-line-height: 1.4285714286;
2424
+ --dt-typography-heading-level-6-text-decoration: none;
2425
+ --dt-typography-heading-level-6-text-transform: none;
2426
+ --dt-typography-subtitle-display-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2427
+ --dt-typography-subtitle-display-level-1-weight: 400;
2428
+ --dt-typography-subtitle-display-level-1-size: 28px;
2429
+ --dt-typography-subtitle-display-level-1-line-height: 1.4285714286;
2430
+ --dt-typography-subtitle-display-level-1-text-decoration: none;
2431
+ --dt-typography-subtitle-display-level-1-text-transform: none;
2432
+ --dt-typography-subtitle-display-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2433
+ --dt-typography-subtitle-display-level-2-weight: 400;
2434
+ --dt-typography-subtitle-display-level-2-size: 24px;
2435
+ --dt-typography-subtitle-display-level-2-line-height: 1.5;
2436
+ --dt-typography-subtitle-display-level-2-text-decoration: none;
2437
+ --dt-typography-subtitle-display-level-2-text-transform: none;
2438
+ --dt-typography-subtitle-display-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2439
+ --dt-typography-subtitle-display-level-3-weight: 400;
2440
+ --dt-typography-subtitle-display-level-3-size: 21px;
2441
+ --dt-typography-subtitle-display-level-3-line-height: 1.5238095238;
2442
+ --dt-typography-subtitle-display-level-3-text-decoration: none;
2443
+ --dt-typography-subtitle-display-level-3-text-transform: none;
2444
+ --dt-typography-subtitle-heading-level-1-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2445
+ --dt-typography-subtitle-heading-level-1-weight: 400;
2446
+ --dt-typography-subtitle-heading-level-1-size: 21px;
2447
+ --dt-typography-subtitle-heading-level-1-line-height: 1.5238095238;
2448
+ --dt-typography-subtitle-heading-level-1-text-decoration: none;
2449
+ --dt-typography-subtitle-heading-level-1-text-transform: none;
2450
+ --dt-typography-subtitle-heading-level-2-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2451
+ --dt-typography-subtitle-heading-level-2-weight: 400;
2452
+ --dt-typography-subtitle-heading-level-2-size: 18px;
2453
+ --dt-typography-subtitle-heading-level-2-line-height: 1.5555555556;
2454
+ --dt-typography-subtitle-heading-level-2-text-decoration: none;
2455
+ --dt-typography-subtitle-heading-level-2-text-transform: none;
2456
+ --dt-typography-subtitle-heading-level-3-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2457
+ --dt-typography-subtitle-heading-level-3-weight: 400;
2458
+ --dt-typography-subtitle-heading-level-3-size: 16px;
2459
+ --dt-typography-subtitle-heading-level-3-line-height: 1.5;
2460
+ --dt-typography-subtitle-heading-level-3-text-decoration: none;
2461
+ --dt-typography-subtitle-heading-level-3-text-transform: none;
2462
+ --dt-typography-text-base-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2463
+ --dt-typography-text-base-default-weight: 400;
2464
+ --dt-typography-text-base-default-size: 14px;
2465
+ --dt-typography-text-base-default-line-height: 1.4285714286;
2466
+ --dt-typography-text-base-default-text-decoration: none;
2467
+ --dt-typography-text-base-default-text-transform: none;
2468
+ --dt-typography-text-base-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2469
+ --dt-typography-text-base-emphasized-weight: 500;
2470
+ --dt-typography-text-base-emphasized-size: 14px;
2471
+ --dt-typography-text-base-emphasized-line-height: 1.4285714286;
2472
+ --dt-typography-text-base-emphasized-text-decoration: none;
2473
+ --dt-typography-text-base-emphasized-text-transform: none;
2474
+ --dt-typography-text-small-default-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2475
+ --dt-typography-text-small-default-weight: 400;
2476
+ --dt-typography-text-small-default-size: 12px;
2477
+ --dt-typography-text-small-default-line-height: 1.333333333;
2478
+ --dt-typography-text-small-default-text-decoration: none;
2479
+ --dt-typography-text-small-default-text-transform: none;
2480
+ --dt-typography-text-small-emphasized-family: DynatraceFlow,Roboto,Helvetica,sans-serif;
2481
+ --dt-typography-text-small-emphasized-weight: 500;
2482
+ --dt-typography-text-small-emphasized-size: 12px;
2483
+ --dt-typography-text-small-emphasized-line-height: 1.333333333;
2484
+ --dt-typography-text-small-emphasized-text-decoration: none;
2485
+ --dt-typography-text-small-emphasized-text-transform: none;
2486
+ --dt-typography-code-base-default-family: Roboto Mono,monospace;
2487
+ --dt-typography-code-base-default-weight: 400;
2488
+ --dt-typography-code-base-default-size: 14px;
2489
+ --dt-typography-code-base-default-line-height: 1.4285714286;
2490
+ --dt-typography-code-base-default-text-decoration: none;
2491
+ --dt-typography-code-base-default-text-transform: none;
2492
+ --dt-typography-code-base-emphasized-family: Roboto Mono,monospace;
2493
+ --dt-typography-code-base-emphasized-weight: 500;
2494
+ --dt-typography-code-base-emphasized-size: 14px;
2495
+ --dt-typography-code-base-emphasized-line-height: 1.4285714286;
2496
+ --dt-typography-code-base-emphasized-text-decoration: none;
2497
+ --dt-typography-code-base-emphasized-text-transform: none;
2498
+ --dt-typography-code-small-default-family: Roboto Mono,monospace;
2499
+ --dt-typography-code-small-default-weight: 400;
2500
+ --dt-typography-code-small-default-size: 12px;
2501
+ --dt-typography-code-small-default-line-height: 1.333333333;
2502
+ --dt-typography-code-small-default-text-decoration: none;
2503
+ --dt-typography-code-small-default-text-transform: none;
2504
+ --dt-typography-code-small-emphasized-family: Roboto Mono,monospace;
2505
+ --dt-typography-code-small-emphasized-weight: 500;
2506
+ --dt-typography-code-small-emphasized-size: 12px;
2507
+ --dt-typography-code-small-emphasized-line-height: 1.333333333;
2508
+ --dt-typography-code-small-emphasized-text-decoration: none;
2509
+ --dt-typography-code-small-emphasized-text-transform: none;
2510
+ --dt-animations-open-duration-fast: 170ms;
2511
+ --dt-animations-open-duration-base: 250ms;
2512
+ --dt-animations-open-duration-slow: 400ms;
2513
+ --dt-animations-open-easing: cubic-bezier(0, 0, 0.2, 1);
2514
+ --dt-animations-close-duration-fast: 0ms;
2515
+ --dt-animations-close-duration-base: 170ms;
2516
+ --dt-animations-close-duration-slow: 250ms;
2517
+ --dt-animations-close-easing: cubic-bezier(0.5, 0, 1, 1);
2518
+ --dt-animations-slide-in-duration-fast: 200ms;
2519
+ --dt-animations-slide-in-duration-base: 300ms;
2520
+ --dt-animations-slide-in-duration-slow: 400ms;
2521
+ --dt-animations-slide-in-easing: cubic-bezier(0, 0, 0.2, 1);
2522
+ --dt-animations-slide-out-duration-fast: 150ms;
2523
+ --dt-animations-slide-out-duration-base: 250ms;
2524
+ --dt-animations-slide-out-duration-slow: 350ms;
2525
+ --dt-animations-slide-out-easing: cubic-bezier(0.8, 0, 0.5, 1);
2526
+ --dt-animations-fade-in-duration-fast: 150ms;
2527
+ --dt-animations-fade-in-duration-base: 250ms;
2528
+ --dt-animations-fade-in-duration-slow: 350ms;
2529
+ --dt-animations-fade-in-easing: cubic-bezier(0.5, 0, 1, 1);
2530
+ --dt-animations-fade-out-duration-fast: 150ms;
2531
+ --dt-animations-fade-out-duration-base: 250ms;
2532
+ --dt-animations-fade-out-duration-slow: 350ms;
2533
+ --dt-animations-fade-out-easing: cubic-bezier(0, 0, 0.2, 1);
2534
+ --dt-animations-hover-duration-base: 150ms;
2535
+ --dt-animations-hover-easing: cubic-bezier(0, 0, 0.2, 1);
2536
+ --dt-animations-staggered-motion-duration-fast: 250ms;
2537
+ --dt-animations-staggered-motion-duration-base: 350ms;
2538
+ --dt-animations-staggered-motion-duration-slow: 400ms;
2539
+ --dt-animations-staggered-motion-offset-fast: 20ms;
2540
+ --dt-animations-staggered-motion-offset-base: 30ms;
2541
+ --dt-animations-staggered-motion-offset-slow: 50ms;
2542
+ --dt-animations-staggered-motion-easing: cubic-bezier(0, 0, 0.2, 1);
2543
+ --dt-animations-expand-collapse-duration-fast: 250ms;
2544
+ --dt-animations-expand-collapse-duration-base: 400ms;
2545
+ --dt-animations-expand-collapse-duration-slow: 600ms;
2546
+ --dt-animations-expand-collapse-easing: cubic-bezier(0.4, 0, 0.2, 1);
2547
+ --dt-animations-move-duration-fast: 150ms;
2548
+ --dt-animations-move-duration-base: 400ms;
2549
+ --dt-animations-move-duration-slow: 600ms;
2550
+ --dt-animations-move-easing: cubic-bezier(0.4, 0, 0.2, 1);
2551
+ --dt-animations-rescale-duration-fast: 170ms;
2552
+ --dt-animations-rescale-duration-base: 250ms;
2553
+ --dt-animations-rescale-duration-slow: 400ms;
2554
+ --dt-animations-rescale-easing: cubic-bezier(0.4, 0, 0.2, 1);
2555
+ --dt-easings-decelerate: cubic-bezier(0, 0, 0.2, 1);
2556
+ --dt-easings-accelerate: cubic-bezier(0.5, 0, 1, 1);
2557
+ --dt-easings-slow-in-fast-out: cubic-bezier(0.8, 0, 0.5, 1);
2558
+ --dt-easings-fast-in-slow-out: cubic-bezier(0.4, 0, 0.2, 1);
2559
+ --dt-easings-out-back: cubic-bezier(0.4, 1.6, 0.7, 1);
2560
+ --dt-timings-instant-default: 0ms;
2561
+ --dt-timings-offset-short: 20ms;
2562
+ --dt-timings-offset-medium: 30ms;
2563
+ --dt-timings-offset-long: 100ms;
2564
+ --dt-timings-offset-default: 50ms;
2565
+ --dt-timings-fast-quick: 150ms;
2566
+ --dt-timings-fast-default: 170ms;
2567
+ --dt-timings-fast-moderate: 200ms;
2568
+ --dt-timings-base-quick: 250ms;
2569
+ --dt-timings-base-default: 300ms;
2570
+ --dt-timings-base-moderate: 350ms;
2571
+ --dt-timings-slow-default: 400ms;
2572
+ --dt-timings-slow-moderate: 600ms;
2573
+ --dt-timings-slow-gentle: 800ms;
2574
+ }
2575
+ html, body {
2576
+ background-color: transparent;
2577
+ }
2578
+ }
2579
+ @supports (-moz-appearance:none) {
2580
+ html, body {
2581
+ scrollbar-color: var(--dt-colors-background-field-neutral-emphasized, #dadbe7) var(--dt-colors-background-base-default, #f3f3f7);
2582
+ scrollbar-width: thin;
2583
+ }
2584
+ }