@syncfusion/ej2-react-layouts 26.1.38 → 26.2.4

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 (111) hide show
  1. package/dist/ej2-react-layouts.min.js +1 -1
  2. package/dist/ej2-react-layouts.umd.min.js +1 -1
  3. package/package.json +8 -8
  4. package/styles/avatar/bootstrap-dark.css +1 -48
  5. package/styles/avatar/bootstrap.css +1 -48
  6. package/styles/avatar/bootstrap4.css +1 -48
  7. package/styles/avatar/bootstrap5-dark.css +1 -63
  8. package/styles/avatar/bootstrap5.css +1 -63
  9. package/styles/avatar/fabric-dark.css +1 -48
  10. package/styles/avatar/fabric.css +1 -48
  11. package/styles/avatar/fluent-dark.css +1 -61
  12. package/styles/avatar/fluent.css +1 -61
  13. package/styles/avatar/fluent2.css +1 -1097
  14. package/styles/avatar/highcontrast-light.css +1 -48
  15. package/styles/avatar/highcontrast.css +1 -48
  16. package/styles/avatar/material-dark.css +1 -48
  17. package/styles/avatar/material.css +1 -48
  18. package/styles/avatar/material3-dark.css +1 -171
  19. package/styles/avatar/material3.css +1 -283
  20. package/styles/avatar/tailwind-dark.css +1 -61
  21. package/styles/avatar/tailwind.css +1 -61
  22. package/styles/bootstrap-dark.css +1 -1752
  23. package/styles/bootstrap.css +1 -1753
  24. package/styles/bootstrap4.css +1 -1757
  25. package/styles/bootstrap5-dark.css +1 -1770
  26. package/styles/bootstrap5.css +1 -1770
  27. package/styles/card/bootstrap-dark.css +1 -556
  28. package/styles/card/bootstrap.css +1 -557
  29. package/styles/card/bootstrap4.css +1 -563
  30. package/styles/card/bootstrap5-dark.css +1 -556
  31. package/styles/card/bootstrap5.css +1 -556
  32. package/styles/card/fabric-dark.css +1 -556
  33. package/styles/card/fabric.css +1 -567
  34. package/styles/card/fluent-dark.css +1 -579
  35. package/styles/card/fluent.css +1 -579
  36. package/styles/card/fluent2.css +1 -1593
  37. package/styles/card/highcontrast-light.css +1 -556
  38. package/styles/card/highcontrast.css +1 -568
  39. package/styles/card/material-dark.css +1 -556
  40. package/styles/card/material.css +1 -557
  41. package/styles/card/material3-dark.css +1 -667
  42. package/styles/card/material3.css +1 -779
  43. package/styles/card/tailwind-dark.css +1 -557
  44. package/styles/card/tailwind.css +1 -557
  45. package/styles/dashboard-layout/bootstrap-dark.css +1 -295
  46. package/styles/dashboard-layout/bootstrap.css +1 -295
  47. package/styles/dashboard-layout/bootstrap4.css +1 -295
  48. package/styles/dashboard-layout/bootstrap5-dark.css +1 -306
  49. package/styles/dashboard-layout/bootstrap5.css +1 -306
  50. package/styles/dashboard-layout/fabric-dark.css +1 -295
  51. package/styles/dashboard-layout/fabric.css +1 -295
  52. package/styles/dashboard-layout/fluent-dark.css +1 -300
  53. package/styles/dashboard-layout/fluent.css +1 -300
  54. package/styles/dashboard-layout/fluent2.css +1 -1336
  55. package/styles/dashboard-layout/highcontrast-light.css +1 -232
  56. package/styles/dashboard-layout/highcontrast.css +1 -293
  57. package/styles/dashboard-layout/material-dark.css +1 -295
  58. package/styles/dashboard-layout/material.css +1 -295
  59. package/styles/dashboard-layout/material3-dark.css +1 -412
  60. package/styles/dashboard-layout/material3.css +1 -524
  61. package/styles/dashboard-layout/tailwind-dark.css +1 -319
  62. package/styles/dashboard-layout/tailwind.css +1 -319
  63. package/styles/fabric-dark.css +1 -1752
  64. package/styles/fabric.css +1 -1763
  65. package/styles/fluent-dark.css +1 -1785
  66. package/styles/fluent.css +1 -1785
  67. package/styles/fluent2.css +1 -6939
  68. package/styles/highcontrast-light.css +1 -1689
  69. package/styles/highcontrast.css +1 -1762
  70. package/styles/material-dark.css +1 -1750
  71. package/styles/material.css +1 -1752
  72. package/styles/material3-dark.css +1 -2315
  73. package/styles/material3.css +1 -2875
  74. package/styles/splitter/bootstrap-dark.css +1 -552
  75. package/styles/splitter/bootstrap.css +1 -552
  76. package/styles/splitter/bootstrap4.css +1 -550
  77. package/styles/splitter/bootstrap5-dark.css +1 -544
  78. package/styles/splitter/bootstrap5.css +1 -544
  79. package/styles/splitter/fabric-dark.css +1 -552
  80. package/styles/splitter/fabric.css +1 -552
  81. package/styles/splitter/fluent-dark.css +1 -544
  82. package/styles/splitter/fluent.css +1 -544
  83. package/styles/splitter/fluent2.css +1 -1578
  84. package/styles/splitter/highcontrast-light.css +1 -552
  85. package/styles/splitter/highcontrast.css +1 -552
  86. package/styles/splitter/material-dark.css +1 -550
  87. package/styles/splitter/material.css +1 -551
  88. package/styles/splitter/material3-dark.css +1 -654
  89. package/styles/splitter/material3.css +1 -766
  90. package/styles/splitter/tailwind-dark.css +1 -544
  91. package/styles/splitter/tailwind.css +1 -544
  92. package/styles/tailwind-dark.css +1 -1782
  93. package/styles/tailwind.css +1 -1782
  94. package/styles/timeline/bootstrap-dark.css +1 -298
  95. package/styles/timeline/bootstrap.css +1 -298
  96. package/styles/timeline/bootstrap4.css +1 -298
  97. package/styles/timeline/bootstrap5-dark.css +1 -298
  98. package/styles/timeline/bootstrap5.css +1 -298
  99. package/styles/timeline/fabric-dark.css +1 -298
  100. package/styles/timeline/fabric.css +1 -298
  101. package/styles/timeline/fluent-dark.css +1 -298
  102. package/styles/timeline/fluent.css +1 -298
  103. package/styles/timeline/fluent2.css +1 -1332
  104. package/styles/timeline/highcontrast-light.css +1 -298
  105. package/styles/timeline/highcontrast.css +1 -298
  106. package/styles/timeline/material-dark.css +1 -298
  107. package/styles/timeline/material.css +1 -298
  108. package/styles/timeline/material3-dark.css +1 -408
  109. package/styles/timeline/material3.css +1 -520
  110. package/styles/timeline/tailwind-dark.css +1 -298
  111. package/styles/timeline/tailwind.css +1 -298
@@ -1,2315 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 208, 188, 255;
5
- --color-sf-primary-container: 79, 55, 139;
6
- --color-sf-secondary: 204, 194, 220;
7
- --color-sf-secondary-container: 74, 68, 88;
8
- --color-sf-tertiary: 239, 184, 200;
9
- --color-sf-tertiary-container: 99, 59, 72;
10
- --color-sf-surface: 28, 27, 31;
11
- --color-sf-surface-variant: 73, 69, 79;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 55, 30, 115;
14
- --color-sf-on-primary-container: 234, 221, 255;
15
- --color-sf-on-secondary: 51, 45, 65;
16
- --color-sf-on-secondary-container: 232, 222, 248;
17
- --color-sf-on-tertiary: 73, 37, 50;
18
- --color-sf-on-tertiary-containe: 255, 216, 228;
19
- --color-sf-on-surface: 230, 225, 229;
20
- --color-sf-on-surface-variant: 202, 196, 208;
21
- --color-sf-on-background: 230, 225, 229;
22
- --color-sf-outline: 147, 143, 153;
23
- --color-sf-outline-variant: 68, 71, 70;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 208, 188, 255;
26
- --color-sf-inverse-surface: 230, 225, 229;
27
- --color-sf-inverse-on-surface: 49, 48, 51;
28
- --color-sf-inverse-primary: 103, 80, 164;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 242, 184, 181;
31
- --color-sf-error-container: 140, 29, 24;
32
- --color-sf-on-error: 96, 20, 16;
33
- --color-sf-on-error-container: 249, 222, 220;
34
- --color-sf-success: 83, 202, 23;
35
- --color-sf-success-container: 22, 62, 2;
36
- --color-sf-on-success: 13, 39, 0;
37
- --color-sf-on-success-container: 183, 250, 150;
38
- --color-sf-info: 71, 172, 251;
39
- --color-sf-info-container: 0, 67, 120;
40
- --color-sf-on-info: 0, 51, 91;
41
- --color-sf-on-info-container: 173, 219, 255;
42
- --color-sf-warning: 245, 180, 130;
43
- --color-sf-warning-container: 123, 65, 0;
44
- --color-sf-on-warning: 99, 52, 0;
45
- --color-sf-on-warning-container: 255, 220, 193;
46
- --color-sf-spreadsheet-gridline: 231, 224, 236;
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
48
- --color-sf-success-text: 0, 0, 0;
49
- --color-sf-warning-text: 0, 0, 0;
50
- --color-sf-info-text: 0, 0, 0;
51
- --color-sf-danger-text: 0, 0, 0;
52
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
54
- }
55
-
56
- :root {
57
- --color-sf-black: 0, 0, 0;
58
- --color-sf-white: 255, 255, 255;
59
- --color-sf-primary: 208, 188, 255;
60
- --color-sf-primary-container: 79, 55, 139;
61
- --color-sf-secondary: 204, 194, 220;
62
- --color-sf-secondary-container: 74, 68, 88;
63
- --color-sf-tertiary: 239, 184, 200;
64
- --color-sf-tertiary-container: 99, 59, 72;
65
- --color-sf-surface: 28, 27, 31;
66
- --color-sf-surface-variant: 73, 69, 79;
67
- --color-sf-background: var(--color-sf-surface);
68
- --color-sf-on-primary: 55, 30, 115;
69
- --color-sf-on-primary-container: 234, 221, 255;
70
- --color-sf-on-secondary: 51, 45, 65;
71
- --color-sf-on-secondary-container: 232, 222, 248;
72
- --color-sf-on-tertiary: 73, 37, 50;
73
- --color-sf-on-tertiary-containe: 255, 216, 228;
74
- --color-sf-on-surface: 230, 225, 229;
75
- --color-sf-on-surface-variant: 202, 196, 208;
76
- --color-sf-on-background: 230, 225, 229;
77
- --color-sf-outline: 147, 143, 153;
78
- --color-sf-outline-variant: 68, 71, 70;
79
- --color-sf-shadow: 0, 0, 0;
80
- --color-sf-surface-tint-color: 208, 188, 255;
81
- --color-sf-inverse-surface: 230, 225, 229;
82
- --color-sf-inverse-on-surface: 49, 48, 51;
83
- --color-sf-inverse-primary: 103, 80, 164;
84
- --color-sf-scrim: 0, 0, 0;
85
- --color-sf-error: 242, 184, 181;
86
- --color-sf-error-container: 140, 29, 24;
87
- --color-sf-on-error: 96, 20, 16;
88
- --color-sf-on-error-container: 249, 222, 220;
89
- --color-sf-success: 83, 202, 23;
90
- --color-sf-success-container: 22, 62, 2;
91
- --color-sf-on-success: 13, 39, 0;
92
- --color-sf-on-success-container: 183, 250, 150;
93
- --color-sf-info: 71, 172, 251;
94
- --color-sf-info-container: 0, 67, 120;
95
- --color-sf-on-info: 0, 51, 91;
96
- --color-sf-on-info-container: 173, 219, 255;
97
- --color-sf-warning: 245, 180, 130;
98
- --color-sf-warning-container: 123, 65, 0;
99
- --color-sf-on-warning: 99, 52, 0;
100
- --color-sf-on-warning-container: 255, 220, 193;
101
- --color-sf-spreadsheet-gridline: 231, 224, 236;
102
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
103
- --color-sf-success-text: 0, 0, 0;
104
- --color-sf-warning-text: 0, 0, 0;
105
- --color-sf-info-text: 0, 0, 0;
106
- --color-sf-danger-text: 0, 0, 0;
107
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
108
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
109
- }
110
-
111
- .e-avatar {
112
- -ms-flex-line-pack: center;
113
- align-content: center;
114
- -webkit-box-align: center;
115
- -ms-flex-align: center;
116
- align-items: center;
117
- background-color: rgba(var(--color-sf-primary-container));
118
- background-position: center;
119
- background-repeat: no-repeat;
120
- background-size: cover;
121
- border-radius: 4px;
122
- color: rgba(var(--color-sf-on-primary-container));
123
- display: -webkit-inline-box;
124
- display: -ms-inline-flexbox;
125
- display: inline-flex;
126
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
127
- font-size: 20px;
128
- font-weight: 500;
129
- height: 40px;
130
- -webkit-box-pack: center;
131
- -ms-flex-pack: center;
132
- justify-content: center;
133
- overflow: hidden;
134
- position: relative;
135
- width: 40px;
136
- line-height: 20px;
137
- }
138
- .e-avatar img {
139
- height: 100%;
140
- width: auto;
141
- }
142
- .e-avatar.e-avatar-circle {
143
- border-radius: 50%;
144
- }
145
- .e-avatar.e-avatar-circle.e-avatar-large, .e-avatar.e-avatar-circle.e-avatar-xlarge {
146
- border-radius: 50%;
147
- }
148
- .e-avatar.e-avatar-xsmall {
149
- font-size: 14px;
150
- height: 24px;
151
- width: 24px;
152
- line-height: 14px;
153
- }
154
- .e-avatar.e-avatar-small {
155
- font-size: 18px;
156
- height: 32px;
157
- width: 32px;
158
- line-height: 18px;
159
- }
160
- .e-avatar.e-avatar-large {
161
- font-size: 26px;
162
- height: 48px;
163
- width: 48px;
164
- line-height: 26px;
165
- }
166
- .e-avatar.e-avatar-xlarge {
167
- font-size: 30px;
168
- height: 56px;
169
- width: 56px;
170
- line-height: 30px;
171
- }
172
-
173
- :root {
174
- --color-sf-black: 0, 0, 0;
175
- --color-sf-white: 255, 255, 255;
176
- --color-sf-primary: 208, 188, 255;
177
- --color-sf-primary-container: 79, 55, 139;
178
- --color-sf-secondary: 204, 194, 220;
179
- --color-sf-secondary-container: 74, 68, 88;
180
- --color-sf-tertiary: 239, 184, 200;
181
- --color-sf-tertiary-container: 99, 59, 72;
182
- --color-sf-surface: 28, 27, 31;
183
- --color-sf-surface-variant: 73, 69, 79;
184
- --color-sf-background: var(--color-sf-surface);
185
- --color-sf-on-primary: 55, 30, 115;
186
- --color-sf-on-primary-container: 234, 221, 255;
187
- --color-sf-on-secondary: 51, 45, 65;
188
- --color-sf-on-secondary-container: 232, 222, 248;
189
- --color-sf-on-tertiary: 73, 37, 50;
190
- --color-sf-on-tertiary-containe: 255, 216, 228;
191
- --color-sf-on-surface: 230, 225, 229;
192
- --color-sf-on-surface-variant: 202, 196, 208;
193
- --color-sf-on-background: 230, 225, 229;
194
- --color-sf-outline: 147, 143, 153;
195
- --color-sf-outline-variant: 68, 71, 70;
196
- --color-sf-shadow: 0, 0, 0;
197
- --color-sf-surface-tint-color: 208, 188, 255;
198
- --color-sf-inverse-surface: 230, 225, 229;
199
- --color-sf-inverse-on-surface: 49, 48, 51;
200
- --color-sf-inverse-primary: 103, 80, 164;
201
- --color-sf-scrim: 0, 0, 0;
202
- --color-sf-error: 242, 184, 181;
203
- --color-sf-error-container: 140, 29, 24;
204
- --color-sf-on-error: 96, 20, 16;
205
- --color-sf-on-error-container: 249, 222, 220;
206
- --color-sf-success: 83, 202, 23;
207
- --color-sf-success-container: 22, 62, 2;
208
- --color-sf-on-success: 13, 39, 0;
209
- --color-sf-on-success-container: 183, 250, 150;
210
- --color-sf-info: 71, 172, 251;
211
- --color-sf-info-container: 0, 67, 120;
212
- --color-sf-on-info: 0, 51, 91;
213
- --color-sf-on-info-container: 173, 219, 255;
214
- --color-sf-warning: 245, 180, 130;
215
- --color-sf-warning-container: 123, 65, 0;
216
- --color-sf-on-warning: 99, 52, 0;
217
- --color-sf-on-warning-container: 255, 220, 193;
218
- --color-sf-spreadsheet-gridline: 231, 224, 236;
219
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
220
- --color-sf-success-text: 0, 0, 0;
221
- --color-sf-warning-text: 0, 0, 0;
222
- --color-sf-info-text: 0, 0, 0;
223
- --color-sf-danger-text: 0, 0, 0;
224
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
225
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
226
- }
227
-
228
- :root {
229
- --color-sf-black: 0, 0, 0;
230
- --color-sf-white: 255, 255, 255;
231
- --color-sf-primary: 208, 188, 255;
232
- --color-sf-primary-container: 79, 55, 139;
233
- --color-sf-secondary: 204, 194, 220;
234
- --color-sf-secondary-container: 74, 68, 88;
235
- --color-sf-tertiary: 239, 184, 200;
236
- --color-sf-tertiary-container: 99, 59, 72;
237
- --color-sf-surface: 28, 27, 31;
238
- --color-sf-surface-variant: 73, 69, 79;
239
- --color-sf-background: var(--color-sf-surface);
240
- --color-sf-on-primary: 55, 30, 115;
241
- --color-sf-on-primary-container: 234, 221, 255;
242
- --color-sf-on-secondary: 51, 45, 65;
243
- --color-sf-on-secondary-container: 232, 222, 248;
244
- --color-sf-on-tertiary: 73, 37, 50;
245
- --color-sf-on-tertiary-containe: 255, 216, 228;
246
- --color-sf-on-surface: 230, 225, 229;
247
- --color-sf-on-surface-variant: 202, 196, 208;
248
- --color-sf-on-background: 230, 225, 229;
249
- --color-sf-outline: 147, 143, 153;
250
- --color-sf-outline-variant: 68, 71, 70;
251
- --color-sf-shadow: 0, 0, 0;
252
- --color-sf-surface-tint-color: 208, 188, 255;
253
- --color-sf-inverse-surface: 230, 225, 229;
254
- --color-sf-inverse-on-surface: 49, 48, 51;
255
- --color-sf-inverse-primary: 103, 80, 164;
256
- --color-sf-scrim: 0, 0, 0;
257
- --color-sf-error: 242, 184, 181;
258
- --color-sf-error-container: 140, 29, 24;
259
- --color-sf-on-error: 96, 20, 16;
260
- --color-sf-on-error-container: 249, 222, 220;
261
- --color-sf-success: 83, 202, 23;
262
- --color-sf-success-container: 22, 62, 2;
263
- --color-sf-on-success: 13, 39, 0;
264
- --color-sf-on-success-container: 183, 250, 150;
265
- --color-sf-info: 71, 172, 251;
266
- --color-sf-info-container: 0, 67, 120;
267
- --color-sf-on-info: 0, 51, 91;
268
- --color-sf-on-info-container: 173, 219, 255;
269
- --color-sf-warning: 245, 180, 130;
270
- --color-sf-warning-container: 123, 65, 0;
271
- --color-sf-on-warning: 99, 52, 0;
272
- --color-sf-on-warning-container: 255, 220, 193;
273
- --color-sf-spreadsheet-gridline: 231, 224, 236;
274
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
275
- --color-sf-success-text: 0, 0, 0;
276
- --color-sf-warning-text: 0, 0, 0;
277
- --color-sf-info-text: 0, 0, 0;
278
- --color-sf-danger-text: 0, 0, 0;
279
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
280
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
281
- }
282
-
283
- .e-bigger .e-card,
284
- .e-bigger.e-card {
285
- line-height: 48px;
286
- min-height: 48px;
287
- }
288
- .e-bigger .e-card > .e-card-header-title,
289
- .e-bigger.e-card > .e-card-header-title {
290
- line-height: 1.5;
291
- padding: 16px;
292
- }
293
- .e-bigger .e-card > .e-card-header-title + :not(.e-card-header-title),
294
- .e-bigger.e-card > .e-card-header-title + :not(.e-card-header-title) {
295
- margin-top: 0;
296
- padding-top: 0;
297
- }
298
- .e-bigger .e-card > .e-card-title,
299
- .e-bigger.e-card > .e-card-title {
300
- line-height: 1.5;
301
- padding: 16px;
302
- }
303
- .e-bigger .e-card > .e-card-title + :not(.e-card-title),
304
- .e-bigger.e-card > .e-card-title + :not(.e-card-title) {
305
- margin-top: 0;
306
- padding-top: 0;
307
- }
308
- .e-bigger .e-card.e-card-horizontal .e-card-image,
309
- .e-bigger .e-card.e-card-horizontal img,
310
- .e-bigger .e-card .e-card-horizontal .e-card-image,
311
- .e-bigger .e-card .e-card-horizontal img,
312
- .e-bigger.e-card.e-card-horizontal .e-card-image,
313
- .e-bigger.e-card.e-card-horizontal img,
314
- .e-bigger.e-card .e-card-horizontal .e-card-image,
315
- .e-bigger.e-card .e-card-horizontal img {
316
- margin: 2px;
317
- }
318
- .e-bigger .e-card .e-card-header,
319
- .e-bigger.e-card .e-card-header {
320
- min-height: 30px;
321
- padding: 16px;
322
- }
323
- .e-bigger .e-card .e-card-header .e-card-content,
324
- .e-bigger.e-card .e-card-header .e-card-content {
325
- padding-left: 0;
326
- padding-right: 0;
327
- }
328
- .e-bigger .e-card .e-card-header .e-card-header-caption,
329
- .e-bigger.e-card .e-card-header .e-card-header-caption {
330
- padding: 0 0 0 16px;
331
- }
332
- .e-bigger .e-card .e-card-header .e-card-header-caption:first-child,
333
- .e-bigger.e-card .e-card-header .e-card-header-caption:first-child {
334
- padding: 0;
335
- }
336
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-header-title,
337
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-header-title {
338
- font-size: 16px;
339
- line-height: 1.5;
340
- }
341
- .e-bigger .e-card .e-card-header .e-card-header-caption .e-card-sub-title,
342
- .e-bigger.e-card .e-card-header .e-card-header-caption .e-card-sub-title {
343
- font-size: 14px;
344
- line-height: 1.5;
345
- padding: 8px 0 0;
346
- }
347
- .e-bigger .e-card .e-card-header .e-card-header-image,
348
- .e-bigger.e-card .e-card-header .e-card-header-image {
349
- background-size: cover;
350
- height: 60px;
351
- width: 55px;
352
- }
353
- .e-bigger .e-card .e-card-image,
354
- .e-bigger.e-card .e-card-image {
355
- min-height: 150px;
356
- }
357
- .e-bigger .e-card .e-card-image .e-card-title,
358
- .e-bigger.e-card .e-card-image .e-card-title {
359
- font-size: 16px;
360
- line-height: 1.25;
361
- min-height: 40px;
362
- padding: 12px 16px;
363
- }
364
- .e-bigger .e-card .e-card-actions,
365
- .e-bigger.e-card .e-card-actions {
366
- padding: 16px;
367
- }
368
- .e-bigger .e-card .e-card-actions.e-card-vertical,
369
- .e-bigger.e-card .e-card-actions.e-card-vertical {
370
- padding: 16px 20px;
371
- }
372
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn,
373
- .e-bigger .e-card .e-card-actions.e-card-vertical a,
374
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn,
375
- .e-bigger.e-card .e-card-actions.e-card-vertical a {
376
- margin: 0 0 7px 0;
377
- }
378
- .e-bigger .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
379
- .e-bigger .e-card .e-card-actions.e-card-vertical a:last-child,
380
- .e-bigger.e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
381
- .e-bigger.e-card .e-card-actions.e-card-vertical a:last-child {
382
- margin-bottom: 0;
383
- }
384
- .e-bigger .e-card .e-card-actions .e-card-btn span,
385
- .e-bigger .e-card .e-card-actions .e-card-btn span.e-icons,
386
- .e-bigger.e-card .e-card-actions .e-card-btn span,
387
- .e-bigger.e-card .e-card-actions .e-card-btn span.e-icons {
388
- height: 24px;
389
- width: 24px;
390
- }
391
- .e-bigger .e-card .e-card-actions .e-card-btn,
392
- .e-bigger .e-card .e-card-actions a,
393
- .e-bigger.e-card .e-card-actions .e-card-btn,
394
- .e-bigger.e-card .e-card-actions a {
395
- line-height: 38px;
396
- margin: 0 0 0 13px;
397
- min-height: 38px;
398
- padding: 0 8px;
399
- }
400
- .e-bigger .e-card .e-card-actions .e-card-btn:first-child,
401
- .e-bigger .e-card .e-card-actions a:first-child,
402
- .e-bigger.e-card .e-card-actions .e-card-btn:first-child,
403
- .e-bigger.e-card .e-card-actions a:first-child {
404
- margin-left: 0;
405
- }
406
- .e-bigger .e-card .e-card-content,
407
- .e-bigger.e-card .e-card-content {
408
- padding: 16px;
409
- }
410
- .e-bigger .e-card .e-card-content + :not(.e-card-content),
411
- .e-bigger .e-card .e-card-content + .e-card-actions.e-card-vertical,
412
- .e-bigger.e-card .e-card-content + :not(.e-card-content),
413
- .e-bigger.e-card .e-card-content + .e-card-actions.e-card-vertical {
414
- margin-top: 0;
415
- padding-top: 0;
416
- }
417
-
418
- .e-card {
419
- border-radius: 12px;
420
- -webkit-box-sizing: border-box;
421
- box-sizing: border-box;
422
- display: -webkit-box;
423
- display: -ms-flexbox;
424
- display: flex;
425
- -webkit-box-orient: vertical;
426
- -webkit-box-direction: normal;
427
- -ms-flex-direction: column;
428
- flex-direction: column;
429
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
430
- font-size: 15px;
431
- -webkit-box-pack: center;
432
- -ms-flex-pack: center;
433
- justify-content: center;
434
- line-height: 36px;
435
- min-height: 36px;
436
- overflow: hidden;
437
- position: relative;
438
- text-overflow: ellipsis;
439
- vertical-align: middle;
440
- width: 100%;
441
- }
442
- .e-card > * {
443
- -webkit-box-pack: center;
444
- -ms-flex-pack: center;
445
- justify-content: center;
446
- }
447
- .e-card > .e-card-header-title {
448
- -webkit-box-sizing: border-box;
449
- box-sizing: border-box;
450
- font-size: 14px;
451
- line-height: 1.375;
452
- padding: 12px;
453
- }
454
- .e-card > .e-card-header-title + :not(.e-card-header-title) {
455
- margin-top: 0;
456
- padding-top: 0;
457
- }
458
- .e-card > .e-card-title {
459
- font-size: 14px;
460
- line-height: 1.5;
461
- padding: 12px;
462
- }
463
- .e-card > .e-card-title + :not(.e-card-title) {
464
- margin-top: 0;
465
- padding-top: 0;
466
- }
467
- .e-card > .e-card-header-title,
468
- .e-card > .e-card-title {
469
- overflow: hidden;
470
- text-overflow: ellipsis;
471
- }
472
- .e-card .e-card-header-caption {
473
- line-height: normal;
474
- }
475
- .e-card .e-card-header-caption .e-card-header-title {
476
- font-size: 14px;
477
- }
478
- .e-card .e-card-header-caption .e-card-sub-title {
479
- font-size: 12px;
480
- }
481
- .e-card .e-card-stacked {
482
- display: -webkit-box;
483
- display: -ms-flexbox;
484
- display: flex;
485
- -webkit-box-orient: vertical;
486
- -webkit-box-direction: normal;
487
- -ms-flex-direction: column;
488
- flex-direction: column;
489
- -webkit-box-pack: center;
490
- -ms-flex-pack: center;
491
- justify-content: center;
492
- overflow: hidden;
493
- }
494
- .e-card.e-card-horizontal,
495
- .e-card .e-card-horizontal {
496
- display: -webkit-box;
497
- display: -ms-flexbox;
498
- display: flex;
499
- -webkit-box-orient: horizontal;
500
- -webkit-box-direction: normal;
501
- -ms-flex-direction: row;
502
- flex-direction: row;
503
- -webkit-box-pack: center;
504
- -ms-flex-pack: center;
505
- justify-content: center;
506
- }
507
- .e-card.e-card-horizontal .e-card-image,
508
- .e-card.e-card-horizontal img,
509
- .e-card .e-card-horizontal .e-card-image,
510
- .e-card .e-card-horizontal img {
511
- margin: 2px;
512
- }
513
- .e-card .e-card-horizontal {
514
- line-height: normal;
515
- padding: 2px;
516
- }
517
- .e-card.e-card-horizontal > * {
518
- -webkit-box-flex: 1;
519
- -ms-flex: 1;
520
- flex: 1;
521
- }
522
- .e-card.e-card-horizontal .e-card-stacked {
523
- display: -webkit-box;
524
- display: -ms-flexbox;
525
- display: flex;
526
- -webkit-box-flex: 1;
527
- -ms-flex: 1;
528
- flex: 1;
529
- -webkit-box-orient: vertical;
530
- -webkit-box-direction: normal;
531
- -ms-flex-direction: column;
532
- flex-direction: column;
533
- overflow: hidden;
534
- }
535
- .e-card.e-card-horizontal .e-card-stacked > :first-child {
536
- -webkit-box-flex: 1;
537
- -ms-flex-positive: 1;
538
- flex-grow: 1;
539
- }
540
- .e-card .e-card-separator {
541
- display: block;
542
- }
543
- .e-card .e-card-corner {
544
- border-radius: 50%;
545
- }
546
- .e-card .e-card-header {
547
- -webkit-box-sizing: border-box;
548
- box-sizing: border-box;
549
- display: -webkit-box;
550
- display: -ms-flexbox;
551
- display: flex;
552
- -webkit-box-orient: horizontal;
553
- -webkit-box-direction: normal;
554
- -ms-flex-direction: row;
555
- flex-direction: row;
556
- -webkit-box-pack: center;
557
- -ms-flex-pack: center;
558
- justify-content: center;
559
- line-height: normal;
560
- min-height: 22.5px;
561
- padding: 12px;
562
- width: inherit;
563
- }
564
- .e-card .e-card-header .e-card-content {
565
- padding-left: 0;
566
- padding-right: 0;
567
- }
568
- .e-card .e-card-header .e-card-actions {
569
- -webkit-box-pack: start;
570
- -ms-flex-pack: start;
571
- justify-content: flex-start;
572
- }
573
- .e-card .e-card-header .e-card-header-image {
574
- -ms-flex-item-align: center;
575
- align-self: center;
576
- display: -webkit-box;
577
- display: -ms-flexbox;
578
- display: flex;
579
- }
580
- .e-card .e-card-header .e-card-header-caption {
581
- -ms-flex-item-align: center;
582
- align-self: center;
583
- display: -webkit-box;
584
- display: -ms-flexbox;
585
- display: flex;
586
- -webkit-box-flex: 1;
587
- -ms-flex: 1;
588
- flex: 1;
589
- -webkit-box-orient: vertical;
590
- -webkit-box-direction: normal;
591
- -ms-flex-direction: column;
592
- flex-direction: column;
593
- overflow: hidden;
594
- padding: 0 0 0 12px;
595
- }
596
- .e-card .e-card-header .e-card-header-caption:first-child {
597
- padding: 0;
598
- }
599
- .e-card .e-card-header .e-card-header-caption .e-card-header-title,
600
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
601
- display: inline-block;
602
- overflow: hidden;
603
- text-overflow: ellipsis;
604
- white-space: nowrap;
605
- }
606
- .e-card .e-card-header .e-card-header-caption .e-card-header-title {
607
- font-size: 14px;
608
- font-weight: normal;
609
- line-height: 1.5;
610
- }
611
- .e-card .e-card-header .e-card-header-caption .e-card-sub-title {
612
- font-size: 12px;
613
- font-weight: normal;
614
- line-height: 1.5;
615
- padding: 4px 0 0;
616
- }
617
- .e-card .e-card-header .e-card-header-image {
618
- background-repeat: no-repeat;
619
- background-size: cover;
620
- height: 50px;
621
- width: 52px;
622
- }
623
- .e-card .e-card-header .e-card-corner {
624
- border-radius: 50%;
625
- }
626
- .e-card .e-card-image {
627
- background-size: cover;
628
- min-height: 112.5px;
629
- position: relative;
630
- width: 100%;
631
- }
632
- .e-card .e-card-image .e-card-title {
633
- bottom: 0;
634
- -webkit-box-sizing: border-box;
635
- box-sizing: border-box;
636
- font-size: 14px;
637
- line-height: 30px;
638
- min-height: 30px;
639
- overflow: hidden;
640
- padding: 12px 16px;
641
- position: absolute;
642
- text-overflow: ellipsis;
643
- width: inherit;
644
- }
645
- .e-card .e-card-image .e-card-title.e-card-top-left, .e-card .e-card-image .e-card-title.e-card-top-right {
646
- bottom: auto;
647
- top: 0;
648
- }
649
- .e-card .e-card-image .e-card-title.e-card-top-right {
650
- text-align: right;
651
- }
652
- .e-card .e-card-image .e-card-title.e-card-bottom-right {
653
- text-align: right;
654
- }
655
- .e-card .e-card-actions {
656
- -webkit-box-sizing: border-box;
657
- box-sizing: border-box;
658
- display: inline-block;
659
- -webkit-box-pack: start;
660
- -ms-flex-pack: start;
661
- justify-content: flex-start;
662
- padding: 12px;
663
- }
664
- .e-card .e-card-actions.e-card-vertical {
665
- display: -webkit-box;
666
- display: -ms-flexbox;
667
- display: flex;
668
- -webkit-box-orient: vertical;
669
- -webkit-box-direction: normal;
670
- -ms-flex-direction: column;
671
- flex-direction: column;
672
- padding: 12px;
673
- }
674
- .e-card .e-card-actions.e-card-vertical .e-card-btn,
675
- .e-card .e-card-actions.e-card-vertical a {
676
- -ms-flex-item-align: initial;
677
- align-self: initial;
678
- -webkit-box-sizing: border-box;
679
- box-sizing: border-box;
680
- display: inline-block;
681
- -webkit-box-pack: center;
682
- -ms-flex-pack: center;
683
- justify-content: center;
684
- margin: 0 0 0 8px;
685
- text-align: center;
686
- width: 100%;
687
- }
688
- .e-card .e-card-actions.e-card-vertical .e-card-btn:last-child,
689
- .e-card .e-card-actions.e-card-vertical a:last-child {
690
- margin-bottom: 0;
691
- }
692
- .e-card .e-card-actions button,
693
- .e-card .e-card-actions a {
694
- -webkit-box-align: center;
695
- -ms-flex-align: center;
696
- align-items: center;
697
- -ms-flex-item-align: center;
698
- align-self: center;
699
- cursor: pointer;
700
- display: -webkit-inline-box;
701
- display: -ms-inline-flexbox;
702
- display: inline-flex;
703
- overflow: hidden;
704
- vertical-align: middle;
705
- white-space: nowrap;
706
- }
707
- .e-card .e-card-actions .e-card-btn span,
708
- .e-card .e-card-actions .e-card-btn span.e-icons {
709
- display: -webkit-box;
710
- display: -ms-flexbox;
711
- display: flex;
712
- font-size: 12px;
713
- height: 24px;
714
- width: 24px;
715
- }
716
- .e-card .e-card-actions .e-card-btn span::before,
717
- .e-card .e-card-actions .e-card-btn span.e-icons::before {
718
- -ms-flex-item-align: center;
719
- align-self: center;
720
- display: -webkit-box;
721
- display: -ms-flexbox;
722
- display: flex;
723
- -webkit-box-pack: center;
724
- -ms-flex-pack: center;
725
- justify-content: center;
726
- width: inherit;
727
- }
728
- .e-card .e-card-actions .e-card-btn > * {
729
- overflow: hidden;
730
- text-overflow: ellipsis;
731
- width: inherit;
732
- }
733
- .e-card .e-card-actions .e-card-btn,
734
- .e-card .e-card-actions a {
735
- border-radius: 2px;
736
- }
737
- .e-card .e-card-actions .e-card-btn,
738
- .e-card .e-card-actions a {
739
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
740
- font-size: 12px;
741
- line-height: 30px;
742
- margin: 0 0 0 8px;
743
- min-height: 30px;
744
- padding: 0 6px;
745
- text-decoration: none;
746
- text-transform: none;
747
- }
748
- .e-card .e-card-actions .e-card-btn:first-child,
749
- .e-card .e-card-actions a:first-child {
750
- margin-left: 0;
751
- }
752
- .e-card .e-card-content {
753
- font-size: 14px;
754
- line-height: 1.5;
755
- padding: 12px;
756
- word-wrap: break-word;
757
- }
758
- .e-card .e-card-content + :not(.e-card-content),
759
- .e-card .e-card-content + .e-card-actions.e-card-vertical {
760
- margin-top: 0;
761
- padding-top: 0;
762
- }
763
- .e-card .e-card-content,
764
- .e-card .e-card-content p {
765
- line-height: 1.5;
766
- overflow: hidden;
767
- text-overflow: ellipsis;
768
- }
769
-
770
- /* stylelint-disable property-no-vendor-prefix */
771
- .e-card {
772
- -webkit-tap-highlight-color: rgba(var(--color-sf-primary));
773
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
774
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
775
- border: none none none;
776
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
777
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
778
- color: rgba(var(--color-sf-on-surface));
779
- outline: none;
780
- }
781
- .e-card:hover {
782
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
783
- border-color: rgba(var(--color-sf-on-surface), 0.38);
784
- }
785
- .e-card:focus {
786
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
787
- border-color: rgba(var(--color-sf-outline-variant));
788
- }
789
- .e-card:active {
790
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
791
- border-color: rgba(var(--color-sf-primary));
792
- }
793
- .e-card .e-card-separator {
794
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
795
- }
796
- .e-card .e-card-header-caption .e-card-header-title {
797
- color: rgba(var(--color-sf-on-surface));
798
- }
799
- .e-card .e-card-header-caption .e-card-sub-title {
800
- color: rgba(var(--color-sf-on-surface));
801
- }
802
- .e-card .e-card-image .e-card-title {
803
- background-color: rgba(var(--color-sf-scrim), 0.5);
804
- color: rgba(var(--color-sf-white));
805
- }
806
- .e-card .e-card-actions .e-card-btn span,
807
- .e-card .e-card-actions .e-card-btn span.e-icons {
808
- color: rgba(var(--color-sf-primary));
809
- }
810
- .e-card .e-card-actions .e-card-btn,
811
- .e-card .e-card-actions a {
812
- background: rgba(var(--color-sf-primary));
813
- border: 1px solid rgba(var(--color-sf-primary));
814
- color: rgba(var(--color-sf-on-primary));
815
- outline: 0;
816
- }
817
- .e-card .e-card-actions .e-card-btn:hover,
818
- .e-card .e-card-actions a:hover {
819
- background: rgba(var(--color-sf-primary));
820
- border: 1px solid linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08));
821
- color: rgba(var(--color-sf-on-primary));
822
- }
823
- .e-card .e-card-actions .e-card-btn:focus,
824
- .e-card .e-card-actions a:focus {
825
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.08)), to(rgba(var(--color-sf-on-surface), 0.08))), rgba(var(--color-sf-surface));
826
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.08), rgba(var(--color-sf-on-surface), 0.08)), rgba(var(--color-sf-surface));
827
- border: 1px solid;
828
- color: var(--color-sf-on-surface);
829
- }
830
- .e-card .e-card-actions .e-card-btn:active,
831
- .e-card .e-card-actions a:active {
832
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-on-surface), 0.12)), to(rgba(var(--color-sf-on-surface), 0.12))), rgba(var(--color-sf-surface));
833
- background: linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12)), rgba(var(--color-sf-surface));
834
- border: 1px solid linear-gradient(0deg, rgba(var(--color-sf-on-surface), 0.12), rgba(var(--color-sf-on-surface), 0.12));
835
- color: rgba(var(--color-sf-on-surface));
836
- }
837
- .e-card .e-card-content {
838
- color: rgba(var(--color-sf-on-surface));
839
- }
840
-
841
- :root {
842
- --color-sf-black: 0, 0, 0;
843
- --color-sf-white: 255, 255, 255;
844
- --color-sf-primary: 208, 188, 255;
845
- --color-sf-primary-container: 79, 55, 139;
846
- --color-sf-secondary: 204, 194, 220;
847
- --color-sf-secondary-container: 74, 68, 88;
848
- --color-sf-tertiary: 239, 184, 200;
849
- --color-sf-tertiary-container: 99, 59, 72;
850
- --color-sf-surface: 28, 27, 31;
851
- --color-sf-surface-variant: 73, 69, 79;
852
- --color-sf-background: var(--color-sf-surface);
853
- --color-sf-on-primary: 55, 30, 115;
854
- --color-sf-on-primary-container: 234, 221, 255;
855
- --color-sf-on-secondary: 51, 45, 65;
856
- --color-sf-on-secondary-container: 232, 222, 248;
857
- --color-sf-on-tertiary: 73, 37, 50;
858
- --color-sf-on-tertiary-containe: 255, 216, 228;
859
- --color-sf-on-surface: 230, 225, 229;
860
- --color-sf-on-surface-variant: 202, 196, 208;
861
- --color-sf-on-background: 230, 225, 229;
862
- --color-sf-outline: 147, 143, 153;
863
- --color-sf-outline-variant: 68, 71, 70;
864
- --color-sf-shadow: 0, 0, 0;
865
- --color-sf-surface-tint-color: 208, 188, 255;
866
- --color-sf-inverse-surface: 230, 225, 229;
867
- --color-sf-inverse-on-surface: 49, 48, 51;
868
- --color-sf-inverse-primary: 103, 80, 164;
869
- --color-sf-scrim: 0, 0, 0;
870
- --color-sf-error: 242, 184, 181;
871
- --color-sf-error-container: 140, 29, 24;
872
- --color-sf-on-error: 96, 20, 16;
873
- --color-sf-on-error-container: 249, 222, 220;
874
- --color-sf-success: 83, 202, 23;
875
- --color-sf-success-container: 22, 62, 2;
876
- --color-sf-on-success: 13, 39, 0;
877
- --color-sf-on-success-container: 183, 250, 150;
878
- --color-sf-info: 71, 172, 251;
879
- --color-sf-info-container: 0, 67, 120;
880
- --color-sf-on-info: 0, 51, 91;
881
- --color-sf-on-info-container: 173, 219, 255;
882
- --color-sf-warning: 245, 180, 130;
883
- --color-sf-warning-container: 123, 65, 0;
884
- --color-sf-on-warning: 99, 52, 0;
885
- --color-sf-on-warning-container: 255, 220, 193;
886
- --color-sf-spreadsheet-gridline: 231, 224, 236;
887
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
888
- --color-sf-success-text: 0, 0, 0;
889
- --color-sf-warning-text: 0, 0, 0;
890
- --color-sf-info-text: 0, 0, 0;
891
- --color-sf-danger-text: 0, 0, 0;
892
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
893
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
894
- }
895
-
896
- :root {
897
- --color-sf-black: 0, 0, 0;
898
- --color-sf-white: 255, 255, 255;
899
- --color-sf-primary: 208, 188, 255;
900
- --color-sf-primary-container: 79, 55, 139;
901
- --color-sf-secondary: 204, 194, 220;
902
- --color-sf-secondary-container: 74, 68, 88;
903
- --color-sf-tertiary: 239, 184, 200;
904
- --color-sf-tertiary-container: 99, 59, 72;
905
- --color-sf-surface: 28, 27, 31;
906
- --color-sf-surface-variant: 73, 69, 79;
907
- --color-sf-background: var(--color-sf-surface);
908
- --color-sf-on-primary: 55, 30, 115;
909
- --color-sf-on-primary-container: 234, 221, 255;
910
- --color-sf-on-secondary: 51, 45, 65;
911
- --color-sf-on-secondary-container: 232, 222, 248;
912
- --color-sf-on-tertiary: 73, 37, 50;
913
- --color-sf-on-tertiary-containe: 255, 216, 228;
914
- --color-sf-on-surface: 230, 225, 229;
915
- --color-sf-on-surface-variant: 202, 196, 208;
916
- --color-sf-on-background: 230, 225, 229;
917
- --color-sf-outline: 147, 143, 153;
918
- --color-sf-outline-variant: 68, 71, 70;
919
- --color-sf-shadow: 0, 0, 0;
920
- --color-sf-surface-tint-color: 208, 188, 255;
921
- --color-sf-inverse-surface: 230, 225, 229;
922
- --color-sf-inverse-on-surface: 49, 48, 51;
923
- --color-sf-inverse-primary: 103, 80, 164;
924
- --color-sf-scrim: 0, 0, 0;
925
- --color-sf-error: 242, 184, 181;
926
- --color-sf-error-container: 140, 29, 24;
927
- --color-sf-on-error: 96, 20, 16;
928
- --color-sf-on-error-container: 249, 222, 220;
929
- --color-sf-success: 83, 202, 23;
930
- --color-sf-success-container: 22, 62, 2;
931
- --color-sf-on-success: 13, 39, 0;
932
- --color-sf-on-success-container: 183, 250, 150;
933
- --color-sf-info: 71, 172, 251;
934
- --color-sf-info-container: 0, 67, 120;
935
- --color-sf-on-info: 0, 51, 91;
936
- --color-sf-on-info-container: 173, 219, 255;
937
- --color-sf-warning: 245, 180, 130;
938
- --color-sf-warning-container: 123, 65, 0;
939
- --color-sf-on-warning: 99, 52, 0;
940
- --color-sf-on-warning-container: 255, 220, 193;
941
- --color-sf-spreadsheet-gridline: 231, 224, 236;
942
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
943
- --color-sf-success-text: 0, 0, 0;
944
- --color-sf-warning-text: 0, 0, 0;
945
- --color-sf-info-text: 0, 0, 0;
946
- --color-sf-danger-text: 0, 0, 0;
947
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
948
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
949
- }
950
-
951
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler::before {
952
- content: "\e7e3";
953
- font-family: "e-icons";
954
- font-size: 14px;
955
- }
956
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler::before {
957
- content: "\e7fd";
958
- font-family: "e-icons";
959
- font-size: 14px;
960
- }
961
-
962
- .e-bigger .e-splitter .e-split-bar .e-resize-handler::before {
963
- font-size: 16px;
964
- }
965
- .e-bigger.e-splitter .e-split-bar .e-resize-handler::before {
966
- font-size: 16px;
967
- }
968
-
969
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
970
- border-width: 1px;
971
- display: -webkit-box;
972
- display: -ms-flexbox;
973
- display: flex;
974
- overflow: hidden;
975
- position: relative;
976
- -ms-touch-action: none;
977
- touch-action: none;
978
- width: 100%;
979
- }
980
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
981
- -webkit-box-flex: 1;
982
- -ms-flex: 1 1 auto;
983
- flex: 1 1 auto;
984
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
985
- font-size: 14px;
986
- font-weight: 400;
987
- }
988
- .e-splitter.e-splitter-horizontal .e-pane.e-scrollable, .e-splitter.e-splitter-vertical .e-pane.e-scrollable {
989
- overflow: auto;
990
- }
991
- .e-splitter.e-splitter-horizontal .e-pane.e-static-pane, .e-splitter.e-splitter-vertical .e-pane.e-static-pane {
992
- -webkit-box-flex: 0;
993
- -ms-flex-positive: 0;
994
- flex-grow: 0;
995
- -ms-flex-negative: 0;
996
- flex-shrink: 0;
997
- }
998
- .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal {
999
- overflow: auto;
1000
- }
1001
- .e-splitter.e-splitter-horizontal .e-pane.e-pane-horizontal.e-pane-hidden, .e-splitter.e-splitter-vertical .e-pane.e-pane-horizontal.e-pane-hidden {
1002
- -ms-flex-preferred-size: 0 !important;
1003
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
1004
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
1005
- }
1006
- .e-splitter.e-splitter-horizontal {
1007
- -webkit-box-orient: horizontal;
1008
- -webkit-box-direction: normal;
1009
- -ms-flex-direction: row;
1010
- flex-direction: row;
1011
- }
1012
- .e-splitter.e-splitter-horizontal.e-pane.e-scrollable {
1013
- overflow: hidden;
1014
- }
1015
- .e-splitter.e-splitter-horizontal.e-rtl {
1016
- -webkit-box-orient: horizontal;
1017
- -webkit-box-direction: reverse;
1018
- -ms-flex-direction: row-reverse;
1019
- flex-direction: row-reverse;
1020
- }
1021
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal {
1022
- -webkit-box-orient: horizontal;
1023
- -webkit-box-direction: reverse;
1024
- -ms-flex-direction: row-reverse;
1025
- flex-direction: row-reverse;
1026
- }
1027
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
1028
- .e-splitter.e-splitter-horizontal.e-rtl .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
1029
- right: auto;
1030
- }
1031
- .e-splitter.e-splitter-vertical {
1032
- -webkit-box-orient: vertical;
1033
- -webkit-box-direction: normal;
1034
- -ms-flex-direction: column;
1035
- flex-direction: column;
1036
- }
1037
- .e-splitter.e-splitter-vertical.e-pane.e-scrollable {
1038
- overflow: hidden;
1039
- }
1040
- .e-splitter.e-splitter-vertical .e-pane-vertical {
1041
- overflow: auto;
1042
- }
1043
- .e-splitter.e-splitter-vertical .e-pane-vertical.e-pane-hidden {
1044
- -ms-flex-preferred-size: 0 !important;
1045
- flex-basis: 0 !important; /* stylelint-disable-line declaration-no-important */
1046
- overflow: hidden !important; /* stylelint-disable-line declaration-no-important */
1047
- }
1048
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
1049
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
1050
- right: auto;
1051
- }
1052
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
1053
- border-radius: 50%;
1054
- bottom: 20px;
1055
- right: 22px;
1056
- }
1057
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
1058
- border-radius: 50%;
1059
- left: 22px;
1060
- right: auto;
1061
- top: 20px;
1062
- }
1063
- .e-splitter.e-splitter-vertical.e-rtl .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
1064
- right: auto;
1065
- }
1066
- .e-splitter .e-split-bar.e-split-bar-horizontal {
1067
- -webkit-box-align: center;
1068
- -ms-flex-align: center;
1069
- align-items: center;
1070
- display: -webkit-box;
1071
- display: -ms-flexbox;
1072
- display: flex;
1073
- -webkit-box-flex: 0;
1074
- -ms-flex: 0 0 auto;
1075
- flex: 0 0 auto;
1076
- -webkit-box-pack: center;
1077
- -ms-flex-pack: center;
1078
- justify-content: center;
1079
- min-width: 1px;
1080
- z-index: 15;
1081
- }
1082
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-icon-hidden {
1083
- visibility: hidden;
1084
- }
1085
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar {
1086
- cursor: col-resize;
1087
- }
1088
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-resizable-split-bar::after {
1089
- content: "";
1090
- cursor: col-resize;
1091
- display: block;
1092
- height: 100%;
1093
- position: absolute;
1094
- width: 16px;
1095
- z-index: 10;
1096
- }
1097
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
1098
- -webkit-box-align: center;
1099
- -ms-flex-align: center;
1100
- align-items: center;
1101
- display: -webkit-box;
1102
- display: -ms-flexbox;
1103
- display: flex;
1104
- height: 18px;
1105
- -webkit-box-pack: center;
1106
- -ms-flex-pack: center;
1107
- justify-content: center;
1108
- position: relative;
1109
- width: 1px;
1110
- }
1111
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler.e-hide-handler {
1112
- visibility: hidden;
1113
- }
1114
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::before,
1115
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right)::after {
1116
- left: 8px;
1117
- right: 3px;
1118
- }
1119
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow {
1120
- -o-border-image: none;
1121
- border-image: none;
1122
- border-width: 1px;
1123
- cursor: pointer;
1124
- display: -webkit-box;
1125
- display: -ms-flexbox;
1126
- display: flex;
1127
- height: 26px;
1128
- padding: 1px 12px;
1129
- position: relative;
1130
- }
1131
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
1132
- border-radius: 16px;
1133
- content: "";
1134
- height: 8px;
1135
- position: absolute;
1136
- -webkit-transform: rotate(0deg);
1137
- transform: rotate(0deg);
1138
- width: 2px;
1139
- }
1140
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::before {
1141
- top: 5px;
1142
- -webkit-transform-origin: 1px 7px 0;
1143
- transform-origin: 1px 7px 0;
1144
- }
1145
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow::after {
1146
- top: 11px;
1147
- -webkit-transform-origin: 1px 1px 0;
1148
- transform-origin: 1px 1px 0;
1149
- }
1150
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-arrow-right) {
1151
- border-radius: 50%;
1152
- right: 5px;
1153
- }
1154
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right {
1155
- border-radius: 50%;
1156
- left: 5px;
1157
- }
1158
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow.e-arrow-right::after {
1159
- right: 8px;
1160
- }
1161
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-last-bar:not(.e-resizable-split-bar) {
1162
- margin: 0 3px;
1163
- }
1164
- .e-splitter .e-split-bar.e-split-bar-horizontal:not(.e-resizable-split-bar) {
1165
- margin: 0 0 0 3px;
1166
- }
1167
- .e-splitter .e-split-bar.e-split-bar-vertical {
1168
- -webkit-box-align: center;
1169
- -ms-flex-align: center;
1170
- align-items: center;
1171
- border-left: none;
1172
- border-right: none;
1173
- display: -webkit-box;
1174
- display: -ms-flexbox;
1175
- display: flex;
1176
- -webkit-box-flex: 0;
1177
- -ms-flex: 0 0 auto;
1178
- flex: 0 0 auto;
1179
- -webkit-box-pack: center;
1180
- -ms-flex-pack: center;
1181
- justify-content: center;
1182
- min-height: 1px;
1183
- }
1184
- .e-splitter .e-split-bar.e-split-bar-vertical .e-icon-hidden {
1185
- visibility: hidden;
1186
- }
1187
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar {
1188
- cursor: row-resize;
1189
- }
1190
- .e-splitter .e-split-bar.e-split-bar-vertical.e-resizable-split-bar::after {
1191
- content: "";
1192
- cursor: row-resize;
1193
- display: block;
1194
- height: 16px;
1195
- position: absolute;
1196
- width: 100%;
1197
- z-index: 12;
1198
- }
1199
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1200
- -webkit-box-align: center;
1201
- -ms-flex-align: center;
1202
- align-items: center;
1203
- display: -webkit-box;
1204
- display: -ms-flexbox;
1205
- display: flex;
1206
- height: 1px;
1207
- -webkit-box-pack: center;
1208
- -ms-flex-pack: center;
1209
- justify-content: center;
1210
- width: 18px;
1211
- }
1212
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler.e-hide-handler {
1213
- visibility: hidden;
1214
- }
1215
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
1216
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
1217
- left: 10px;
1218
- }
1219
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
1220
- -o-border-image: none;
1221
- border-image: none;
1222
- border-width: 0;
1223
- cursor: pointer;
1224
- display: -webkit-box;
1225
- display: -ms-flexbox;
1226
- display: flex;
1227
- height: 26px;
1228
- padding: 10px 3px 10px 18px;
1229
- position: relative;
1230
- width: 26px;
1231
- }
1232
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
1233
- border-radius: 16px;
1234
- content: "";
1235
- height: 8px;
1236
- position: absolute;
1237
- -webkit-transform: rotate(90deg);
1238
- transform: rotate(90deg);
1239
- width: 2px;
1240
- }
1241
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before {
1242
- top: 3px;
1243
- -webkit-transform-origin: 2px 7px 0;
1244
- transform-origin: 2px 7px 0;
1245
- }
1246
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
1247
- left: 11px;
1248
- top: 8px;
1249
- -webkit-transform-origin: 1px 1px 0;
1250
- transform-origin: 1px 1px 0;
1251
- }
1252
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before {
1253
- left: 12px;
1254
- top: 8px;
1255
- -webkit-transform-origin: 1px 6px 0;
1256
- transform-origin: 1px 6px 0;
1257
- }
1258
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
1259
- left: 10px;
1260
- top: 12px;
1261
- -webkit-transform-origin: 1px 2px 0;
1262
- transform-origin: 1px 2px 0;
1263
- }
1264
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down) {
1265
- border-radius: 50%;
1266
- bottom: 20px;
1267
- left: 22px;
1268
- }
1269
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down {
1270
- border-radius: 50%;
1271
- right: 22px;
1272
- top: 20px;
1273
- }
1274
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
1275
- right: 10px;
1276
- }
1277
- .e-splitter .e-split-bar.e-split-bar-vertical.e-last-bar:not(.e-resizable-split-bar) {
1278
- margin: 3px 0;
1279
- }
1280
- .e-splitter .e-split-bar.e-split-bar-vertical:not(.e-resizable-split-bar) {
1281
- margin: 3px 0 0;
1282
- }
1283
-
1284
- .e-bigger.e-splitter .e-pane {
1285
- font-size: 16px;
1286
- }
1287
- .e-bigger.e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
1288
- height: 20px;
1289
- }
1290
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1291
- width: 20px;
1292
- }
1293
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::before,
1294
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow:not(.e-arrow-down)::after {
1295
- margin-top: -2px;
1296
- }
1297
- .e-bigger.e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow.e-arrow-down::after {
1298
- margin-top: 2px;
1299
- }
1300
-
1301
- .e-rtl .e-splitter.e-splitter-horizontal {
1302
- -webkit-box-orient: horizontal;
1303
- -webkit-box-direction: reverse;
1304
- -ms-flex-direction: row-reverse;
1305
- flex-direction: row-reverse;
1306
- }
1307
-
1308
- .e-bigger .e-splitter .e-pane {
1309
- font-size: 16px;
1310
- }
1311
- .e-bigger .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
1312
- height: 20px;
1313
- }
1314
- .e-bigger .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1315
- width: 20px;
1316
- }
1317
-
1318
- .e-content-placeholder.e-splitter.e-placeholder-splitter {
1319
- background-size: 100px 110px;
1320
- min-height: 110px;
1321
- }
1322
-
1323
- .e-bigger .e-content-placeholder.e-splitter.e-placeholder-splitter,
1324
- .e-bigger.e-content-placeholder.e-splitter.e-placeholder-splitter {
1325
- background-size: 100px 110px;
1326
- min-height: 110px;
1327
- }
1328
-
1329
- .e-splitter.e-ie .e-navigate-arrow.e-arrow-left {
1330
- margin-left: -26px;
1331
- }
1332
-
1333
- .e-splitter.e-ie .e-split-bar-horizontal .e-resize-handler {
1334
- -webkit-box-orient: vertical;
1335
- -webkit-box-direction: normal;
1336
- -ms-flex-direction: column;
1337
- flex-direction: column;
1338
- }
1339
-
1340
- .e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical {
1341
- border: solid 1px rgba(var(--color-sf-outline-variant));
1342
- }
1343
- .e-splitter.e-splitter-horizontal .e-pane, .e-splitter.e-splitter-vertical .e-pane {
1344
- color: rgba(var(--color-sf-on-surface));
1345
- }
1346
- .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-horizontal .e-pane.e-splitter.e-splitter-vertical, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-horizontal, .e-splitter.e-splitter-vertical .e-pane.e-splitter.e-splitter-vertical {
1347
- border: transparent;
1348
- }
1349
- .e-splitter .e-split-bar.e-split-bar-horizontal {
1350
- background: rgba(var(--color-sf-outline-variant));
1351
- border-left: none;
1352
- border-right: none;
1353
- }
1354
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-resize-handler {
1355
- background: rgba(var(--color-sf-surface));
1356
- color: rgba(var(--color-sf-on-surface-variant));
1357
- z-index: 10;
1358
- }
1359
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden) {
1360
- background-color: transparent;
1361
- border-color: transparent;
1362
- color: transparent;
1363
- -webkit-transition: background-color 500ms ease-out;
1364
- transition: background-color 500ms ease-out;
1365
- }
1366
- .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::before, .e-splitter .e-split-bar.e-split-bar-horizontal .e-navigate-arrow:not(.e-icon-hidden)::after {
1367
- background-color: rgba(var(--color-sf-primary));
1368
- opacity: 0;
1369
- -webkit-transition-duration: 0.3s;
1370
- transition-duration: 0.3s;
1371
- -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
1372
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
1373
- }
1374
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1375
- background: rgba(var(--color-sf-primary));
1376
- border-left: none;
1377
- border-right: none;
1378
- }
1379
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
1380
- background: rgba(var(--color-sf-surface));
1381
- color: rgba(var(--color-sf-primary));
1382
- }
1383
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-left, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right {
1384
- background-color: transparent;
1385
- border-color: rgba(var(--color-sf-primary));
1386
- border-width: 1px;
1387
- opacity: 0.9;
1388
- }
1389
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::before {
1390
- background-color: rgba(var(--color-sf-primary));
1391
- opacity: 1;
1392
- -webkit-transform: rotate(40deg);
1393
- transform: rotate(40deg);
1394
- }
1395
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover.e-split-bar-active .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-hover .e-navigate-arrow::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active.e-split-bar-active .e-navigate-arrow::after {
1396
- background-color: rgba(var(--color-sf-primary));
1397
- opacity: 1;
1398
- -webkit-transform: rotate(-40deg);
1399
- transform: rotate(-40deg);
1400
- }
1401
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::before, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::before {
1402
- background-color: rgba(var(--color-sf-primary));
1403
- opacity: 1;
1404
- -webkit-transform: rotate(-40deg);
1405
- transform: rotate(-40deg);
1406
- }
1407
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-hover .e-navigate-arrow.e-arrow-right::after, .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-navigate-arrow.e-arrow-right::after {
1408
- background-color: rgba(var(--color-sf-primary));
1409
- opacity: 1;
1410
- -webkit-transform: rotate(40deg);
1411
- transform: rotate(40deg);
1412
- }
1413
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active {
1414
- background: rgba(var(--color-sf-primary));
1415
- }
1416
- .e-splitter .e-split-bar.e-split-bar-horizontal.e-split-bar-active .e-resize-handler {
1417
- background: rgba(var(--color-sf-surface));
1418
- color: rgba(var(--color-sf-primary));
1419
- }
1420
- .e-splitter .e-split-bar.e-split-bar-vertical {
1421
- background: rgba(var(--color-sf-outline-variant));
1422
- }
1423
- .e-splitter .e-split-bar.e-split-bar-vertical .e-resize-handler {
1424
- background: rgba(var(--color-sf-surface));
1425
- color: rgba(var(--color-sf-on-surface-variant));
1426
- z-index: 12;
1427
- }
1428
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1429
- background: rgba(var(--color-sf-primary));
1430
- border-left: none;
1431
- border-right: none;
1432
- }
1433
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down {
1434
- background-color: transparent;
1435
- border-color: rgba(var(--color-sf-primary));
1436
- border-width: 1px;
1437
- opacity: 0.9;
1438
- }
1439
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-resize-handler, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1440
- background: rgba(var(--color-sf-surface));
1441
- color: rgba(var(--color-sf-primary));
1442
- }
1443
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::before {
1444
- background-color: rgba(var(--color-sf-primary));
1445
- opacity: 1;
1446
- -webkit-transform: rotate(125deg);
1447
- transform: rotate(125deg);
1448
- }
1449
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-up::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-up::after {
1450
- background-color: rgba(var(--color-sf-primary));
1451
- opacity: 1;
1452
- -webkit-transform: rotate(50deg);
1453
- transform: rotate(50deg);
1454
- }
1455
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::before, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::before {
1456
- background-color: rgba(var(--color-sf-primary));
1457
- opacity: 1;
1458
- -webkit-transform: rotate(55deg);
1459
- transform: rotate(55deg);
1460
- }
1461
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-hover .e-navigate-arrow.e-arrow-down::after, .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-navigate-arrow.e-arrow-down::after {
1462
- background-color: rgba(var(--color-sf-primary));
1463
- opacity: 1;
1464
- -webkit-transform: rotate(125deg);
1465
- transform: rotate(125deg);
1466
- }
1467
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow {
1468
- background-color: transparent;
1469
- border-color: transparent;
1470
- color: transparent;
1471
- -webkit-transition: background-color 300ms ease-out;
1472
- transition: background-color 300ms ease-out;
1473
- }
1474
- .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::before, .e-splitter .e-split-bar.e-split-bar-vertical .e-navigate-arrow::after {
1475
- background-color: rgba(var(--color-sf-primary));
1476
- opacity: 0;
1477
- -webkit-transition-duration: 0.3s;
1478
- transition-duration: 0.3s;
1479
- -webkit-transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
1480
- transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
1481
- }
1482
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active {
1483
- background: rgba(var(--color-sf-primary));
1484
- }
1485
- .e-splitter .e-split-bar.e-split-bar-vertical.e-split-bar-active .e-resize-handler {
1486
- background: rgba(var(--color-sf-surface));
1487
- color: rgba(var(--color-sf-primary));
1488
- }
1489
- .e-splitter.e-disabled {
1490
- opacity: 0.4;
1491
- pointer-events: none;
1492
- }
1493
-
1494
- /* stylelint-disable-line no-empty-source */
1495
- :root {
1496
- --color-sf-black: 0, 0, 0;
1497
- --color-sf-white: 255, 255, 255;
1498
- --color-sf-primary: 208, 188, 255;
1499
- --color-sf-primary-container: 79, 55, 139;
1500
- --color-sf-secondary: 204, 194, 220;
1501
- --color-sf-secondary-container: 74, 68, 88;
1502
- --color-sf-tertiary: 239, 184, 200;
1503
- --color-sf-tertiary-container: 99, 59, 72;
1504
- --color-sf-surface: 28, 27, 31;
1505
- --color-sf-surface-variant: 73, 69, 79;
1506
- --color-sf-background: var(--color-sf-surface);
1507
- --color-sf-on-primary: 55, 30, 115;
1508
- --color-sf-on-primary-container: 234, 221, 255;
1509
- --color-sf-on-secondary: 51, 45, 65;
1510
- --color-sf-on-secondary-container: 232, 222, 248;
1511
- --color-sf-on-tertiary: 73, 37, 50;
1512
- --color-sf-on-tertiary-containe: 255, 216, 228;
1513
- --color-sf-on-surface: 230, 225, 229;
1514
- --color-sf-on-surface-variant: 202, 196, 208;
1515
- --color-sf-on-background: 230, 225, 229;
1516
- --color-sf-outline: 147, 143, 153;
1517
- --color-sf-outline-variant: 68, 71, 70;
1518
- --color-sf-shadow: 0, 0, 0;
1519
- --color-sf-surface-tint-color: 208, 188, 255;
1520
- --color-sf-inverse-surface: 230, 225, 229;
1521
- --color-sf-inverse-on-surface: 49, 48, 51;
1522
- --color-sf-inverse-primary: 103, 80, 164;
1523
- --color-sf-scrim: 0, 0, 0;
1524
- --color-sf-error: 242, 184, 181;
1525
- --color-sf-error-container: 140, 29, 24;
1526
- --color-sf-on-error: 96, 20, 16;
1527
- --color-sf-on-error-container: 249, 222, 220;
1528
- --color-sf-success: 83, 202, 23;
1529
- --color-sf-success-container: 22, 62, 2;
1530
- --color-sf-on-success: 13, 39, 0;
1531
- --color-sf-on-success-container: 183, 250, 150;
1532
- --color-sf-info: 71, 172, 251;
1533
- --color-sf-info-container: 0, 67, 120;
1534
- --color-sf-on-info: 0, 51, 91;
1535
- --color-sf-on-info-container: 173, 219, 255;
1536
- --color-sf-warning: 245, 180, 130;
1537
- --color-sf-warning-container: 123, 65, 0;
1538
- --color-sf-on-warning: 99, 52, 0;
1539
- --color-sf-on-warning-container: 255, 220, 193;
1540
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1541
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1542
- --color-sf-success-text: 0, 0, 0;
1543
- --color-sf-warning-text: 0, 0, 0;
1544
- --color-sf-info-text: 0, 0, 0;
1545
- --color-sf-danger-text: 0, 0, 0;
1546
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1547
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1548
- }
1549
-
1550
- :root {
1551
- --color-sf-black: 0, 0, 0;
1552
- --color-sf-white: 255, 255, 255;
1553
- --color-sf-primary: 208, 188, 255;
1554
- --color-sf-primary-container: 79, 55, 139;
1555
- --color-sf-secondary: 204, 194, 220;
1556
- --color-sf-secondary-container: 74, 68, 88;
1557
- --color-sf-tertiary: 239, 184, 200;
1558
- --color-sf-tertiary-container: 99, 59, 72;
1559
- --color-sf-surface: 28, 27, 31;
1560
- --color-sf-surface-variant: 73, 69, 79;
1561
- --color-sf-background: var(--color-sf-surface);
1562
- --color-sf-on-primary: 55, 30, 115;
1563
- --color-sf-on-primary-container: 234, 221, 255;
1564
- --color-sf-on-secondary: 51, 45, 65;
1565
- --color-sf-on-secondary-container: 232, 222, 248;
1566
- --color-sf-on-tertiary: 73, 37, 50;
1567
- --color-sf-on-tertiary-containe: 255, 216, 228;
1568
- --color-sf-on-surface: 230, 225, 229;
1569
- --color-sf-on-surface-variant: 202, 196, 208;
1570
- --color-sf-on-background: 230, 225, 229;
1571
- --color-sf-outline: 147, 143, 153;
1572
- --color-sf-outline-variant: 68, 71, 70;
1573
- --color-sf-shadow: 0, 0, 0;
1574
- --color-sf-surface-tint-color: 208, 188, 255;
1575
- --color-sf-inverse-surface: 230, 225, 229;
1576
- --color-sf-inverse-on-surface: 49, 48, 51;
1577
- --color-sf-inverse-primary: 103, 80, 164;
1578
- --color-sf-scrim: 0, 0, 0;
1579
- --color-sf-error: 242, 184, 181;
1580
- --color-sf-error-container: 140, 29, 24;
1581
- --color-sf-on-error: 96, 20, 16;
1582
- --color-sf-on-error-container: 249, 222, 220;
1583
- --color-sf-success: 83, 202, 23;
1584
- --color-sf-success-container: 22, 62, 2;
1585
- --color-sf-on-success: 13, 39, 0;
1586
- --color-sf-on-success-container: 183, 250, 150;
1587
- --color-sf-info: 71, 172, 251;
1588
- --color-sf-info-container: 0, 67, 120;
1589
- --color-sf-on-info: 0, 51, 91;
1590
- --color-sf-on-info-container: 173, 219, 255;
1591
- --color-sf-warning: 245, 180, 130;
1592
- --color-sf-warning-container: 123, 65, 0;
1593
- --color-sf-on-warning: 99, 52, 0;
1594
- --color-sf-on-warning-container: 255, 220, 193;
1595
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1596
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1597
- --color-sf-success-text: 0, 0, 0;
1598
- --color-sf-warning-text: 0, 0, 0;
1599
- --color-sf-info-text: 0, 0, 0;
1600
- --color-sf-danger-text: 0, 0, 0;
1601
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1602
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1603
- }
1604
-
1605
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east {
1606
- height: 100%;
1607
- padding: 20px 0;
1608
- right: 1px;
1609
- top: 0;
1610
- width: 12px;
1611
- }
1612
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west {
1613
- height: 100%;
1614
- left: 0;
1615
- padding: 20px 0;
1616
- top: 0;
1617
- width: 12px;
1618
- }
1619
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north {
1620
- height: 12px;
1621
- padding: 0 20px;
1622
- top: 1px;
1623
- width: 100%;
1624
- }
1625
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
1626
- bottom: 1px;
1627
- height: 12px;
1628
- padding: 0 20px;
1629
- width: 100%;
1630
- }
1631
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east {
1632
- bottom: 0;
1633
- right: 1px;
1634
- z-index: 10;
1635
- }
1636
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west {
1637
- left: 2px;
1638
- top: 2px;
1639
- z-index: 10;
1640
- }
1641
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east {
1642
- right: 2px;
1643
- top: 2px;
1644
- z-index: 10;
1645
- }
1646
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west {
1647
- bottom: 1px;
1648
- left: 1px;
1649
- z-index: 10;
1650
- }
1651
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east::before {
1652
- bottom: 4px;
1653
- content: "\e761";
1654
- font-size: 12px;
1655
- position: absolute;
1656
- right: 4px;
1657
- }
1658
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west::before {
1659
- bottom: 4px;
1660
- content: "\e761";
1661
- font-size: 12px;
1662
- left: 4px;
1663
- position: absolute;
1664
- -webkit-transform: rotateY(180deg);
1665
- transform: rotateY(180deg);
1666
- }
1667
-
1668
- .e-dashboardlayout.e-control .e-dashboard-gridline-table {
1669
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1670
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1671
- border-collapse: collapse;
1672
- height: 100%;
1673
- width: 100%;
1674
- }
1675
- .e-dashboardlayout.e-control .e-dashboard-gridline-table td.e-dashboard-gridline {
1676
- border: 1px dashed rgba(var(--color-sf-primary));
1677
- position: absolute;
1678
- }
1679
- .e-dashboardlayout.e-control.e-responsive {
1680
- width: 100% !important;
1681
- }
1682
- .e-dashboardlayout.e-control.e-prevent {
1683
- -webkit-user-select: none;
1684
- -moz-user-select: none;
1685
- -ms-user-select: none;
1686
- user-select: none;
1687
- }
1688
- .e-dashboardlayout.e-control .e-panel.e-ssr {
1689
- position: relative;
1690
- }
1691
- .e-dashboardlayout.e-control .e-panel {
1692
- border: 1px solid rgba(var(--color-sf-outline-variant));
1693
- height: 100%;
1694
- -webkit-user-select: none;
1695
- -moz-user-select: none;
1696
- -ms-user-select: none;
1697
- user-select: none;
1698
- width: 100%;
1699
- border-radius: 8px;
1700
- }
1701
- .e-dashboardlayout.e-control .e-panel:hover {
1702
- border: 1px solid rgba(var(--color-sf-outline-variant));
1703
- -webkit-box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1704
- box-shadow: 0 2px 6px 2px rgba(0, 0, 0, 0.15), 0 1px 2px 0 rgba(0, 0, 0, 0.3);
1705
- }
1706
- .e-dashboardlayout.e-control .e-panel:hover .e-panel-container .e-resize.e-dl-icon {
1707
- display: block;
1708
- }
1709
- .e-dashboardlayout.e-control .e-panel:active {
1710
- border: 1px solid rgba(var(--color-sf-primary));
1711
- }
1712
- .e-dashboardlayout.e-control .e-panel .e-panel-container {
1713
- height: 100%;
1714
- width: 100%;
1715
- }
1716
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-content .e-blazor-template {
1717
- height: inherit;
1718
- width: inherit;
1719
- }
1720
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-dl-icon {
1721
- display: none;
1722
- }
1723
- .e-dashboardlayout.e-control .e-panel.e-panel-transition {
1724
- -webkit-transition: top 0.5s, left 0.5s;
1725
- transition: top 0.5s, left 0.5s;
1726
- }
1727
- .e-dashboardlayout.e-control .e-panel .e-panel-header {
1728
- border-bottom: 1px solid rgba(var(--color-sf-outline-variant));
1729
- color: rgba(var(--color-sf-on-surface));
1730
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
1731
- font-size: 14px;
1732
- font-weight: 600;
1733
- height: 40px;
1734
- padding: 11px 16px;
1735
- border-top-left-radius: 8px;
1736
- border-top-right-radius: 8px;
1737
- }
1738
- .e-dashboardlayout.e-control .e-panel .e-panel-header div {
1739
- overflow: hidden;
1740
- text-overflow: ellipsis;
1741
- white-space: nowrap;
1742
- }
1743
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-content {
1744
- display: inline-block;
1745
- }
1746
- .e-dashboardlayout.e-control .e-panel .e-panel-header .e-header-template {
1747
- float: right;
1748
- }
1749
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single, .e-dashboardlayout.e-control .e-panel .e-resize.e-double {
1750
- position: absolute;
1751
- -ms-touch-action: none;
1752
- touch-action: none;
1753
- }
1754
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south {
1755
- border: none;
1756
- }
1757
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-east:hover {
1758
- cursor: e-resize;
1759
- }
1760
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-west:hover {
1761
- cursor: w-resize;
1762
- }
1763
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north:hover {
1764
- cursor: n-resize;
1765
- }
1766
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south:hover {
1767
- cursor: s-resize;
1768
- }
1769
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-west:hover {
1770
- cursor: nw-resize;
1771
- }
1772
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-north-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-north-east:hover {
1773
- cursor: ne-resize;
1774
- }
1775
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-west:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-west:hover {
1776
- cursor: sw-resize;
1777
- }
1778
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single.e-south-east:hover, .e-dashboardlayout.e-control .e-panel .e-resize.e-double.e-south-east:hover {
1779
- cursor: se-resize;
1780
- }
1781
- .e-dashboardlayout.e-control .e-panel .e-resize.e-single::before, .e-dashboardlayout.e-control .e-panel .e-resize.e-double::before {
1782
- font-family: "e-icons";
1783
- position: absolute;
1784
- }
1785
- .e-dashboardlayout.e-control .e-panel.e-dragging, .e-dashboardlayout.e-control .e-panel.e-item-moving {
1786
- cursor: move;
1787
- z-index: 1111 !important;
1788
- }
1789
- .e-dashboardlayout.e-control .e-panel.e-rtl .e-panel-header .e-header-template {
1790
- float: left;
1791
- }
1792
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
1793
- font-size: 16px;
1794
- font-weight: 600;
1795
- height: 48px;
1796
- padding: 14px 16px;
1797
- }
1798
- .e-dashboardlayout.e-control .e-drag:hover {
1799
- cursor: move;
1800
- }
1801
- .e-dashboardlayout.e-control .e-drag-restrict.e-drag:hover,
1802
- .e-dashboardlayout.e-control .e-drag-restrict .e-drag:hover {
1803
- cursor: default;
1804
- }
1805
- .e-dashboardlayout.e-control .e-holder {
1806
- background: rgba(var(--color-sf-primary-container));
1807
- border: 1px rgba(var(--color-sf-primary)) dashed;
1808
- border-radius: 8px;
1809
- position: absolute;
1810
- border-radius: 8px;
1811
- }
1812
- .e-dashboardlayout.e-control .e-holder.e-holder-transition {
1813
- -webkit-transition: top 0.3s, left 0.3s;
1814
- transition: top 0.3s, left 0.3s;
1815
- }
1816
-
1817
- .e-bigger .e-dashboardlayout.e-control .e-panel .e-panel-header {
1818
- font-size: 16px;
1819
- font-weight: 600;
1820
- height: 48px;
1821
- padding: 14px 16px;
1822
- }
1823
- .e-content-placeholder.e-dashboardlayout.e-placeholder-dashboardlayout {
1824
- height: 100%;
1825
- width: 100%;
1826
- }
1827
-
1828
- .e-dashboardlayout.e-control {
1829
- display: block;
1830
- position: relative;
1831
- }
1832
- .e-dashboardlayout.e-control .e-panel {
1833
- background: rgba(var(--color-sf-surface));
1834
- -webkit-box-shadow: none;
1835
- box-shadow: none;
1836
- -webkit-box-sizing: border-box;
1837
- box-sizing: border-box;
1838
- position: absolute;
1839
- }
1840
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-panel-header {
1841
- color: rgba(var(--color-sf-on-surface));
1842
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.05)), to(rgba(var(--color-sf-primary), 0.05))), rgba(var(--color-sf-surface));
1843
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.05), rgba(var(--color-sf-primary), 0.05)), rgba(var(--color-sf-surface));
1844
- -webkit-box-sizing: border-box;
1845
- box-sizing: border-box;
1846
- }
1847
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-single {
1848
- background: none;
1849
- }
1850
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double {
1851
- color: rgba(var(--color-sf-on-surface-variant), 0.38);
1852
- font-size: 8px;
1853
- height: 8px;
1854
- width: 8px;
1855
- }
1856
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-double {
1857
- bottom: 2px;
1858
- right: 2px;
1859
- }
1860
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-double {
1861
- bottom: 2px;
1862
- left: 2px;
1863
- }
1864
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-double {
1865
- left: 2px;
1866
- top: 2px;
1867
- }
1868
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-double {
1869
- right: 2px;
1870
- top: 2px;
1871
- }
1872
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-shrink {
1873
- right: 2px;
1874
- top: 2px;
1875
- }
1876
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-shrink {
1877
- left: 2px;
1878
- top: 2px;
1879
- }
1880
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-shrink {
1881
- bottom: 2px;
1882
- left: 2px;
1883
- }
1884
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-shrink {
1885
- bottom: 2px;
1886
- right: 2px;
1887
- }
1888
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-east-expand {
1889
- right: 2px;
1890
- top: 2px;
1891
- }
1892
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-north-west-expand {
1893
- left: 2px;
1894
- top: 2px;
1895
- }
1896
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-west-expand {
1897
- bottom: 2px;
1898
- left: 2px;
1899
- }
1900
- .e-dashboardlayout.e-control .e-panel .e-panel-container .e-resize.e-double.e-south-east-expand {
1901
- bottom: 2px;
1902
- right: 2px;
1903
- }
1904
- .e-dashboardlayout.e-control .e-panel.e-bigger .e-panel-header {
1905
- color: rgba(var(--color-sf-on-surface));
1906
- }
1907
-
1908
- :root {
1909
- --color-sf-black: 0, 0, 0;
1910
- --color-sf-white: 255, 255, 255;
1911
- --color-sf-primary: 208, 188, 255;
1912
- --color-sf-primary-container: 79, 55, 139;
1913
- --color-sf-secondary: 204, 194, 220;
1914
- --color-sf-secondary-container: 74, 68, 88;
1915
- --color-sf-tertiary: 239, 184, 200;
1916
- --color-sf-tertiary-container: 99, 59, 72;
1917
- --color-sf-surface: 28, 27, 31;
1918
- --color-sf-surface-variant: 73, 69, 79;
1919
- --color-sf-background: var(--color-sf-surface);
1920
- --color-sf-on-primary: 55, 30, 115;
1921
- --color-sf-on-primary-container: 234, 221, 255;
1922
- --color-sf-on-secondary: 51, 45, 65;
1923
- --color-sf-on-secondary-container: 232, 222, 248;
1924
- --color-sf-on-tertiary: 73, 37, 50;
1925
- --color-sf-on-tertiary-containe: 255, 216, 228;
1926
- --color-sf-on-surface: 230, 225, 229;
1927
- --color-sf-on-surface-variant: 202, 196, 208;
1928
- --color-sf-on-background: 230, 225, 229;
1929
- --color-sf-outline: 147, 143, 153;
1930
- --color-sf-outline-variant: 68, 71, 70;
1931
- --color-sf-shadow: 0, 0, 0;
1932
- --color-sf-surface-tint-color: 208, 188, 255;
1933
- --color-sf-inverse-surface: 230, 225, 229;
1934
- --color-sf-inverse-on-surface: 49, 48, 51;
1935
- --color-sf-inverse-primary: 103, 80, 164;
1936
- --color-sf-scrim: 0, 0, 0;
1937
- --color-sf-error: 242, 184, 181;
1938
- --color-sf-error-container: 140, 29, 24;
1939
- --color-sf-on-error: 96, 20, 16;
1940
- --color-sf-on-error-container: 249, 222, 220;
1941
- --color-sf-success: 83, 202, 23;
1942
- --color-sf-success-container: 22, 62, 2;
1943
- --color-sf-on-success: 13, 39, 0;
1944
- --color-sf-on-success-container: 183, 250, 150;
1945
- --color-sf-info: 71, 172, 251;
1946
- --color-sf-info-container: 0, 67, 120;
1947
- --color-sf-on-info: 0, 51, 91;
1948
- --color-sf-on-info-container: 173, 219, 255;
1949
- --color-sf-warning: 245, 180, 130;
1950
- --color-sf-warning-container: 123, 65, 0;
1951
- --color-sf-on-warning: 99, 52, 0;
1952
- --color-sf-on-warning-container: 255, 220, 193;
1953
- --color-sf-spreadsheet-gridline: 231, 224, 236;
1954
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
1955
- --color-sf-success-text: 0, 0, 0;
1956
- --color-sf-warning-text: 0, 0, 0;
1957
- --color-sf-info-text: 0, 0, 0;
1958
- --color-sf-danger-text: 0, 0, 0;
1959
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1960
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1961
- }
1962
-
1963
- :root {
1964
- --color-sf-black: 0, 0, 0;
1965
- --color-sf-white: 255, 255, 255;
1966
- --color-sf-primary: 208, 188, 255;
1967
- --color-sf-primary-container: 79, 55, 139;
1968
- --color-sf-secondary: 204, 194, 220;
1969
- --color-sf-secondary-container: 74, 68, 88;
1970
- --color-sf-tertiary: 239, 184, 200;
1971
- --color-sf-tertiary-container: 99, 59, 72;
1972
- --color-sf-surface: 28, 27, 31;
1973
- --color-sf-surface-variant: 73, 69, 79;
1974
- --color-sf-background: var(--color-sf-surface);
1975
- --color-sf-on-primary: 55, 30, 115;
1976
- --color-sf-on-primary-container: 234, 221, 255;
1977
- --color-sf-on-secondary: 51, 45, 65;
1978
- --color-sf-on-secondary-container: 232, 222, 248;
1979
- --color-sf-on-tertiary: 73, 37, 50;
1980
- --color-sf-on-tertiary-containe: 255, 216, 228;
1981
- --color-sf-on-surface: 230, 225, 229;
1982
- --color-sf-on-surface-variant: 202, 196, 208;
1983
- --color-sf-on-background: 230, 225, 229;
1984
- --color-sf-outline: 147, 143, 153;
1985
- --color-sf-outline-variant: 68, 71, 70;
1986
- --color-sf-shadow: 0, 0, 0;
1987
- --color-sf-surface-tint-color: 208, 188, 255;
1988
- --color-sf-inverse-surface: 230, 225, 229;
1989
- --color-sf-inverse-on-surface: 49, 48, 51;
1990
- --color-sf-inverse-primary: 103, 80, 164;
1991
- --color-sf-scrim: 0, 0, 0;
1992
- --color-sf-error: 242, 184, 181;
1993
- --color-sf-error-container: 140, 29, 24;
1994
- --color-sf-on-error: 96, 20, 16;
1995
- --color-sf-on-error-container: 249, 222, 220;
1996
- --color-sf-success: 83, 202, 23;
1997
- --color-sf-success-container: 22, 62, 2;
1998
- --color-sf-on-success: 13, 39, 0;
1999
- --color-sf-on-success-container: 183, 250, 150;
2000
- --color-sf-info: 71, 172, 251;
2001
- --color-sf-info-container: 0, 67, 120;
2002
- --color-sf-on-info: 0, 51, 91;
2003
- --color-sf-on-info-container: 173, 219, 255;
2004
- --color-sf-warning: 245, 180, 130;
2005
- --color-sf-warning-container: 123, 65, 0;
2006
- --color-sf-on-warning: 99, 52, 0;
2007
- --color-sf-on-warning-container: 255, 220, 193;
2008
- --color-sf-spreadsheet-gridline: 231, 224, 236;
2009
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
2010
- --color-sf-success-text: 0, 0, 0;
2011
- --color-sf-warning-text: 0, 0, 0;
2012
- --color-sf-info-text: 0, 0, 0;
2013
- --color-sf-danger-text: 0, 0, 0;
2014
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
2015
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
2016
- }
2017
-
2018
- .e-timeline {
2019
- --dot-size: 16px;
2020
- --dot-outer-space: 0;
2021
- --dot-border: 1px;
2022
- --connector-size: 1px;
2023
- --dot-radius: 50%;
2024
- height: inherit;
2025
- width: 100%;
2026
- }
2027
- .e-timeline [class^="e-dot "]::before,
2028
- .e-timeline .e-dot-item,
2029
- .e-timeline .e-dot {
2030
- display: -webkit-box;
2031
- display: -ms-flexbox;
2032
- display: flex;
2033
- -webkit-box-align: center;
2034
- -ms-flex-align: center;
2035
- align-items: center;
2036
- -webkit-box-pack: center;
2037
- -ms-flex-pack: center;
2038
- justify-content: center;
2039
- }
2040
- .e-timeline [class^="e-dot "]::before {
2041
- min-width: 32px;
2042
- min-height: 32px;
2043
- border-radius: var(--dot-radius);
2044
- }
2045
- .e-timeline .e-timeline-items {
2046
- display: -webkit-inline-box;
2047
- display: -ms-inline-flexbox;
2048
- display: inline-flex;
2049
- -webkit-box-orient: vertical;
2050
- -webkit-box-direction: normal;
2051
- -ms-flex-direction: column;
2052
- flex-direction: column;
2053
- list-style: none;
2054
- -ms-flex-wrap: nowrap;
2055
- flex-wrap: nowrap;
2056
- padding: 0;
2057
- width: inherit;
2058
- height: inherit;
2059
- }
2060
- .e-timeline .e-timeline-item {
2061
- display: -webkit-box;
2062
- display: -ms-flexbox;
2063
- display: flex;
2064
- -webkit-box-orient: horizontal;
2065
- -webkit-box-direction: normal;
2066
- -ms-flex-direction: row;
2067
- flex-direction: row;
2068
- position: relative;
2069
- -webkit-box-align: start;
2070
- -ms-flex-align: start;
2071
- align-items: flex-start;
2072
- width: inherit;
2073
- height: inherit;
2074
- }
2075
- .e-timeline .e-timeline-item.e-connector::after {
2076
- top: 0;
2077
- bottom: 0;
2078
- left: calc(50% - var(--connector-size));
2079
- right: auto;
2080
- content: "";
2081
- position: absolute;
2082
- z-index: 999;
2083
- border-width: var(--connector-size);
2084
- border-style: solid;
2085
- }
2086
- .e-timeline .e-timeline-item.e-connector.e-item-template::after {
2087
- content: unset;
2088
- }
2089
- .e-timeline .e-dot-item {
2090
- position: relative;
2091
- -webkit-box-flex: 0;
2092
- -ms-flex: 0 1 calc(var(--dot-size) * 3);
2093
- flex: 0 1 calc(var(--dot-size) * 3);
2094
- z-index: 1000;
2095
- }
2096
- .e-timeline .e-dot {
2097
- min-width: var(--dot-size);
2098
- min-height: var(--dot-size);
2099
- border-radius: var(--dot-radius);
2100
- outline: var(--dot-outer-space) solid;
2101
- border: var(--dot-border) solid;
2102
- font-size: 16px;
2103
- background-size: cover;
2104
- background-position: center;
2105
- background-repeat: no-repeat;
2106
- }
2107
- .e-timeline .e-opposite-content,
2108
- .e-timeline .e-content {
2109
- -webkit-box-flex: 1;
2110
- -ms-flex: 1 1 50%;
2111
- flex: 1 1 50%;
2112
- }
2113
- .e-timeline .e-opposite-content {
2114
- font-size: 12px;
2115
- }
2116
- .e-timeline .e-content {
2117
- text-align: left;
2118
- font-size: 14px;
2119
- font-weight: 500;
2120
- }
2121
- .e-timeline .e-timeline-item:first-child::after {
2122
- top: 0;
2123
- }
2124
- .e-timeline .e-timeline-item:last-child::after {
2125
- bottom: calc(var(--dot-size) * 2);
2126
- }
2127
- .e-timeline.e-vertical.e-align-before .e-timeline-item, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
2128
- -webkit-box-orient: horizontal;
2129
- -webkit-box-direction: reverse;
2130
- -ms-flex-direction: row-reverse;
2131
- flex-direction: row-reverse;
2132
- }
2133
- .e-timeline.e-vertical.e-timeline-reverse .e-timeline-items {
2134
- -webkit-box-orient: vertical;
2135
- -webkit-box-direction: reverse;
2136
- -ms-flex-direction: column-reverse;
2137
- flex-direction: column-reverse;
2138
- }
2139
- .e-timeline.e-vertical.e-align-before .e-timeline-items .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-timeline-items .e-content {
2140
- text-align: left;
2141
- }
2142
- .e-timeline.e-vertical .e-timeline-item.e-connector:last-child::after {
2143
- content: unset;
2144
- }
2145
- .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
2146
- left: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
2147
- right: auto;
2148
- }
2149
- .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
2150
- right: calc(var(--dot-size) * 3 / 2 - var(--connector-size));
2151
- left: auto;
2152
- }
2153
- .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-after.e-content-only .e-opposite-content, .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-content, .e-timeline.e-vertical.e-align-before.e-content-only .e-opposite-content {
2154
- -webkit-box-flex: 0;
2155
- -ms-flex: 0;
2156
- flex: 0;
2157
- }
2158
- .e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:first-child::after {
2159
- content: unset;
2160
- }
2161
- .e-timeline.e-vertical.e-timeline-reverse .e-timeline-item.e-connector:last-child::after {
2162
- content: "";
2163
- bottom: 0;
2164
- }
2165
- .e-timeline.e-vertical.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-opposite-content {
2166
- text-align: right;
2167
- }
2168
- .e-timeline.e-vertical.e-align-before .e-opposite-content, .e-timeline.e-vertical.e-align-after .e-content, .e-timeline.e-vertical.e-rtl.e-align-after .e-opposite-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-vertical.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-vertical.e-rtl.e-align-before .e-content, .e-timeline.e-vertical.e-rtl.e-align-alternate .e-opposite-content, .e-timeline.e-vertical.e-rtl.e-align-alternatereverse .e-opposite-content {
2169
- text-align: left;
2170
- }
2171
- .e-timeline.e-vertical .e-dot-item {
2172
- width: calc(var(--dot-size) * 2);
2173
- }
2174
- .e-timeline.e-horizontal .e-timeline-items {
2175
- display: -webkit-inline-box;
2176
- display: -ms-inline-flexbox;
2177
- display: inline-flex;
2178
- -webkit-box-orient: horizontal;
2179
- -webkit-box-direction: normal;
2180
- -ms-flex-direction: row;
2181
- flex-direction: row;
2182
- }
2183
- .e-timeline.e-horizontal .e-timeline-item {
2184
- height: auto;
2185
- -webkit-box-orient: vertical;
2186
- -webkit-box-direction: normal;
2187
- -ms-flex-direction: column;
2188
- flex-direction: column;
2189
- -webkit-box-align: center;
2190
- -ms-flex-align: center;
2191
- align-items: center;
2192
- }
2193
- .e-timeline.e-horizontal.e-timeline-reverse.e-rtl .e-timeline-item.e-connector::after {
2194
- left: calc(50% - var(--connector-size));
2195
- right: auto;
2196
- }
2197
- .e-timeline.e-horizontal.e-rtl .e-timeline-item.e-connector::after, .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-item.e-connector::after {
2198
- right: calc(50% - var(--connector-size));
2199
- left: auto;
2200
- }
2201
- .e-timeline.e-horizontal .e-dot-item {
2202
- margin: calc(var(--dot-size) * 2 / 2) 0;
2203
- }
2204
- .e-timeline.e-horizontal .e-opposite-content,
2205
- .e-timeline.e-horizontal .e-content {
2206
- display: -webkit-box;
2207
- display: -ms-flexbox;
2208
- display: flex;
2209
- }
2210
- .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-content {
2211
- -webkit-box-align: end;
2212
- -ms-flex-align: end;
2213
- align-items: flex-end;
2214
- }
2215
- .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(odd) .e-content, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even) .e-opposite-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(even) .e-content, .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) .e-opposite-content, .e-timeline.e-horizontal.e-align-before .e-opposite-content {
2216
- -webkit-box-align: start;
2217
- -ms-flex-align: start;
2218
- align-items: flex-start;
2219
- }
2220
- .e-timeline.e-horizontal.e-align-before .e-timeline-item, .e-timeline.e-horizontal.e-align-alternate .e-timeline-item:nth-of-type(even), .e-timeline.e-horizontal.e-align-alternatereverse .e-timeline-item:nth-of-type(odd) {
2221
- -webkit-box-orient: vertical;
2222
- -webkit-box-direction: reverse;
2223
- -ms-flex-direction: column-reverse;
2224
- flex-direction: column-reverse;
2225
- }
2226
- .e-timeline.e-horizontal.e-timeline-reverse .e-timeline-items {
2227
- -webkit-box-orient: horizontal;
2228
- -webkit-box-direction: reverse;
2229
- -ms-flex-direction: row-reverse;
2230
- flex-direction: row-reverse;
2231
- }
2232
- .e-timeline.e-horizontal .e-timeline-item::after {
2233
- width: 100%;
2234
- height: 0;
2235
- top: calc(50% - var(--connector-size));
2236
- }
2237
- .e-timeline.e-horizontal .e-opposite-content {
2238
- display: -webkit-box;
2239
- display: -ms-flexbox;
2240
- display: flex;
2241
- -webkit-box-align: end;
2242
- -ms-flex-align: end;
2243
- align-items: flex-end;
2244
- text-align: left;
2245
- padding: 0;
2246
- }
2247
- .e-timeline.e-horizontal .e-content {
2248
- padding: 0;
2249
- }
2250
- .e-timeline.e-horizontal .e-timeline-item:last-child::after {
2251
- width: auto;
2252
- }
2253
-
2254
- .e-bigger.e-timeline [class^="e-dot "]::before,
2255
- .e-bigger .e-timeline [class^="e-dot "]::before {
2256
- min-width: 40px;
2257
- min-height: 40px;
2258
- font-size: 18px;
2259
- }
2260
- .e-bigger.e-timeline .e-dot-item,
2261
- .e-bigger .e-timeline .e-dot-item {
2262
- -webkit-box-flex: 0;
2263
- -ms-flex: 0 1 calc(var(--dot-size) * 4);
2264
- flex: 0 1 calc(var(--dot-size) * 4);
2265
- }
2266
- .e-bigger.e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after,
2267
- .e-bigger .e-timeline.e-vertical.e-align-before.e-opposite-content-only .e-connector::after,
2268
- .e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-opposite-content-only .e-connector::after,
2269
- .e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-content-only .e-connector::after,
2270
- .e-bigger .e-timeline.e-vertical.e-align-after.e-content-only .e-connector::after {
2271
- left: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
2272
- }
2273
- .e-bigger.e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after, .e-bigger.e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after,
2274
- .e-bigger .e-timeline.e-vertical.e-align-before.e-content-only .e-connector::after,
2275
- .e-bigger .e-timeline.e-vertical.e-align-before.e-rtl.e-opposite-content-only .e-connector::after,
2276
- .e-bigger .e-timeline.e-vertical.e-align-after.e-opposite-content-only .e-connector::after,
2277
- .e-bigger .e-timeline.e-vertical.e-align-after.e-rtl.e-content-only .e-connector::after {
2278
- right: calc(var(--dot-size) * 4 / 2 - var(--connector-size));
2279
- }
2280
- .e-bigger.e-timeline .e-dot,
2281
- .e-bigger .e-timeline .e-dot {
2282
- min-width: 20px;
2283
- min-height: 20px;
2284
- }
2285
- .e-bigger.e-timeline .e-opposite-content,
2286
- .e-bigger .e-timeline .e-opposite-content {
2287
- font-size: 14px;
2288
- }
2289
- .e-bigger.e-timeline .e-content,
2290
- .e-bigger .e-timeline .e-content {
2291
- font-size: 16px;
2292
- }
2293
-
2294
- .e-timeline .e-dot {
2295
- background-color: rgba(var(--color-sf-outline-variant));
2296
- border-color: rgba(var(--color-sf-outline-variant));
2297
- color: rgba(var(--color-sf-on-surface));
2298
- outline-color: rgba(var(--color-sf-surface));
2299
- }
2300
- .e-timeline.e-outline .e-dot {
2301
- background-color: rgba(var(--color-sf-surface));
2302
- }
2303
- .e-timeline .e-timeline-item.e-connector::after {
2304
- border-color: rgba(var(--color-sf-outline-variant));
2305
- }
2306
- .e-timeline .e-content {
2307
- color: var(--color-sf-on-surface);
2308
- }
2309
- .e-timeline .e-opposite-content {
2310
- color: var(--color-sf-on-surface-variant);
2311
- }
2312
- .e-timeline .e-item-disabled .e-content,
2313
- .e-timeline .e-item-disabled .e-opposite-content {
2314
- color: rgba(var(--color-sf-on-surface), 0.38);
2315
- }
1
+ @import '@syncfusion/ej2-layouts/styles/material3-dark.css';