@progress/kendo-theme-core 10.1.0-dev.3 → 10.1.0-dev.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.
package/dist/all.css CHANGED
@@ -1,1192 +1 @@
1
- :root {
2
- --kendo-color-app-surface: #ffffff;
3
- --kendo-color-on-app-surface: #3d3d3d;
4
- --kendo-color-subtle: #666666;
5
- --kendo-color-surface: #fafafa;
6
- --kendo-color-surface-alt: #ffffff;
7
- --kendo-color-border: rgba(0, 0, 0, 0.08);
8
- --kendo-color-border-alt: rgba(0, 0, 0, 0.16);
9
- --kendo-color-base-subtle: #ebebeb;
10
- --kendo-color-base-subtle-hover: #e0e0e0;
11
- --kendo-color-base-subtle-active: #d6d6d6;
12
- --kendo-color-base: #f5f5f5;
13
- --kendo-color-base-hover: #ebebeb;
14
- --kendo-color-base-active: #d6d6d6;
15
- --kendo-color-base-emphasis: #c2c2c2;
16
- --kendo-color-base-on-subtle: #3d3d3d;
17
- --kendo-color-on-base: #3d3d3d;
18
- --kendo-color-base-on-surface: #3d3d3d;
19
- --kendo-color-primary-subtle: #ffeceb;
20
- --kendo-color-primary-subtle-hover: #ffdedb;
21
- --kendo-color-primary-subtle-active: #ffc8c4;
22
- --kendo-color-primary: #ff6358;
23
- --kendo-color-primary-hover: #ea5a51;
24
- --kendo-color-primary-active: #d45349;
25
- --kendo-color-primary-emphasis: #ff9d97;
26
- --kendo-color-primary-on-subtle: #5c201c;
27
- --kendo-color-on-primary: #ffffff;
28
- --kendo-color-primary-on-surface: #ff6358;
29
- --kendo-color-secondary-subtle: #fafafa;
30
- --kendo-color-secondary-subtle-hover: #f5f5f5;
31
- --kendo-color-secondary-subtle-active: #ebebeb;
32
- --kendo-color-secondary: #666666;
33
- --kendo-color-secondary-hover: #525252;
34
- --kendo-color-secondary-active: #3d3d3d;
35
- --kendo-color-secondary-emphasis: #e0e0e0;
36
- --kendo-color-secondary-on-subtle: #141414;
37
- --kendo-color-on-secondary: #ffffff;
38
- --kendo-color-secondary-on-surface: #292929;
39
- --kendo-color-tertiary-subtle: #d8f1fd;
40
- --kendo-color-tertiary-subtle-hover: #c5eafc;
41
- --kendo-color-tertiary-subtle-active: #a3dffb;
42
- --kendo-color-tertiary: #03a9f4;
43
- --kendo-color-tertiary-hover: #039ae0;
44
- --kendo-color-tertiary-active: #028ccb;
45
- --kendo-color-tertiary-emphasis: #61c9f9;
46
- --kendo-color-tertiary-on-subtle: #023f5c;
47
- --kendo-color-on-tertiary: #ffffff;
48
- --kendo-color-tertiary-on-surface: #028ccb;
49
- --kendo-color-info-subtle: #d2e2fb;
50
- --kendo-color-info-subtle-hover: #bdd4f8;
51
- --kendo-color-info-subtle-active: #80acf4;
52
- --kendo-color-info: #0058e9;
53
- --kendo-color-info-hover: #0052d6;
54
- --kendo-color-info-active: #004ac2;
55
- --kendo-color-info-emphasis: #6098f2;
56
- --kendo-color-info-on-subtle: #002259;
57
- --kendo-color-on-info: #ffffff;
58
- --kendo-color-info-on-surface: #004ac2;
59
- --kendo-color-success-subtle: #dcf0d3;
60
- --kendo-color-success-subtle-hover: #cbe9bf;
61
- --kendo-color-success-subtle-active: #b7e1a5;
62
- --kendo-color-success: #37b400;
63
- --kendo-color-success-hover: #32a500;
64
- --kendo-color-success-active: #2d9600;
65
- --kendo-color-success-emphasis: #81d15f;
66
- --kendo-color-success-on-subtle: #1c5a00;
67
- --kendo-color-on-success: #ffffff;
68
- --kendo-color-success-on-surface: #2d9600;
69
- --kendo-color-warning-subtle: #fff4d3;
70
- --kendo-color-warning-subtle-hover: #ffeebd;
71
- --kendo-color-warning-subtle-active: #ffe79e;
72
- --kendo-color-warning: #ffc000;
73
- --kendo-color-warning-hover: #eaaf00;
74
- --kendo-color-warning-active: #d49f00;
75
- --kendo-color-warning-emphasis: #ffd760;
76
- --kendo-color-warning-on-subtle: #5e4700;
77
- --kendo-color-on-warning: #3d3d3d;
78
- --kendo-color-warning-on-surface: #ffc000;
79
- --kendo-color-error-subtle: #fcddda;
80
- --kendo-color-error-subtle-hover: #fbc8c3;
81
- --kendo-color-error-subtle-active: #f98b80;
82
- --kendo-color-error: #f31700;
83
- --kendo-color-error-hover: #df1600;
84
- --kendo-color-error-active: #ca1400;
85
- --kendo-color-error-emphasis: #f76f60;
86
- --kendo-color-error-on-subtle: #7a0c00;
87
- --kendo-color-on-error: #ffffff;
88
- --kendo-color-error-on-surface: #ca1400;
89
- --kendo-color-light-subtle: #fafafa;
90
- --kendo-color-light-subtle-hover: #f5f5f5;
91
- --kendo-color-light-subtle-active: #ebebeb;
92
- --kendo-color-light: #ebebeb;
93
- --kendo-color-light-hover: #e0e0e0;
94
- --kendo-color-light-active: #d6d6d6;
95
- --kendo-color-light-emphasis: #d6d6d6;
96
- --kendo-color-light-on-subtle: #141414;
97
- --kendo-color-on-light: #000000;
98
- --kendo-color-light-on-surface: #e0e0e0;
99
- --kendo-color-dark-subtle: #c2c2c2;
100
- --kendo-color-dark-subtle-hover: #adadad;
101
- --kendo-color-dark-subtle-active: #999999;
102
- --kendo-color-dark: #3d3d3d;
103
- --kendo-color-dark-hover: #292929;
104
- --kendo-color-dark-active: #1f1f1f;
105
- --kendo-color-dark-emphasis: #666666;
106
- --kendo-color-dark-on-subtle: #1f1f1f;
107
- --kendo-color-on-dark: #ffffff;
108
- --kendo-color-dark-on-surface: #141414;
109
- --kendo-color-inverse-subtle: #c2c2c2;
110
- --kendo-color-inverse-subtle-hover: #adadad;
111
- --kendo-color-inverse-subtle-active: #999999;
112
- --kendo-color-inverse: #3d3d3d;
113
- --kendo-color-inverse-hover: #292929;
114
- --kendo-color-inverse-active: #1f1f1f;
115
- --kendo-color-inverse-emphasis: #666666;
116
- --kendo-color-inverse-on-subtle: #1f1f1f;
117
- --kendo-color-on-inverse: #ffffff;
118
- --kendo-color-inverse-on-surface: #141414;
119
- --kendo-color-series-a: #ff6358;
120
- --kendo-color-series-a-bold: #bf4a42;
121
- --kendo-color-series-a-bolder: #80322c;
122
- --kendo-color-series-a-subtle: #ffb1ac;
123
- --kendo-color-series-a-subtler: #ff8a82;
124
- --kendo-color-series-b: #ffe162;
125
- --kendo-color-series-b-bold: #bfa94a;
126
- --kendo-color-series-b-bolder: #807131;
127
- --kendo-color-series-b-subtle: #fff0b1;
128
- --kendo-color-series-b-subtler: #ffe989;
129
- --kendo-color-series-c: #4cd180;
130
- --kendo-color-series-c-bold: #399d60;
131
- --kendo-color-series-c-bolder: #266940;
132
- --kendo-color-series-c-subtle: #a6e8c0;
133
- --kendo-color-series-c-subtler: #79dda0;
134
- --kendo-color-series-d: #4b5ffa;
135
- --kendo-color-series-d-bold: #3847bc;
136
- --kendo-color-series-d-bolder: #26307d;
137
- --kendo-color-series-d-subtle: #a5affd;
138
- --kendo-color-series-d-subtler: #7887fb;
139
- --kendo-color-series-e: #ac58ff;
140
- --kendo-color-series-e-bold: #8142bf;
141
- --kendo-color-series-e-bolder: #562c80;
142
- --kendo-color-series-e-subtle: #d6acff;
143
- --kendo-color-series-e-subtler: #c182ff;
144
- --kendo-color-series-f: #ff5892;
145
- --kendo-color-series-f-bold: #bf426e;
146
- --kendo-color-series-f-bolder: #802c49;
147
- --kendo-color-series-f-subtle: #ffacc9;
148
- --kendo-color-series-f-subtler: #ff82ae;
149
- }
150
-
151
- .k-sr-only {
152
- position: absolute;
153
- left: -1px;
154
- width: 1px;
155
- height: 1px;
156
- overflow: hidden;
157
- }
158
-
159
- .k-push-right-enter, .k-push-right-appear {
160
- transform: translate(-100%, 0);
161
- }
162
- .k-push-right-enter-active, .k-push-right-appear-active {
163
- transform: translate(0, 0);
164
- transition: transform 300ms ease-in-out;
165
- }
166
- .k-push-right-exit {
167
- transform: translate(0, 0);
168
- }
169
- .k-push-right-exit-active {
170
- transform: translate(100%, 0);
171
- transition: transform 300ms ease-in-out;
172
- }
173
-
174
- .k-push-left-enter, .k-push-left-appear {
175
- transform: translate(100%, 0);
176
- }
177
- .k-push-left-enter-active, .k-push-left-appear-active {
178
- transform: translate(0, 0);
179
- transition: transform 300ms ease-in-out;
180
- }
181
- .k-push-left-exit {
182
- transform: translate(0, 0);
183
- }
184
- .k-push-left-exit-active {
185
- transform: translate(-100%, 0);
186
- transition: transform 300ms ease-in-out;
187
- }
188
-
189
- .k-push-down-enter, .k-push-down-appear {
190
- transform: translate(0, -100%);
191
- }
192
- .k-push-down-enter-active, .k-push-down-appear-active {
193
- transform: translate(0, 0);
194
- transition: transform 300ms ease-in-out;
195
- }
196
- .k-push-down-exit {
197
- transform: translate(0, 0);
198
- }
199
- .k-push-down-exit-active {
200
- transform: translate(0, 100%);
201
- transition: transform 300ms ease-in-out;
202
- }
203
-
204
- .k-push-up-enter, .k-push-up-appear {
205
- transform: translate(0, 100%);
206
- }
207
- .k-push-up-enter-active, .k-push-up-appear-active {
208
- transform: translate(0, 0);
209
- transition: transform 300ms ease-in-out;
210
- }
211
- .k-push-up-exit {
212
- transform: translate(0, 0);
213
- }
214
- .k-push-up-exit-active {
215
- transform: translate(0, -100%);
216
- transition: transform 300ms ease-in-out;
217
- }
218
-
219
- .k-expand-vertical-enter, .k-expand-vertical-appear {
220
- transform: scaleY(0);
221
- }
222
- .k-expand-vertical-enter-active, .k-expand-vertical-appear-active {
223
- transform: scaleY(1);
224
- transition: transform 300ms ease-in-out;
225
- }
226
- .k-expand-vertical-exit {
227
- transform: scaleY(1);
228
- }
229
- .k-expand-vertical-exit-active {
230
- transform: scaleY(0);
231
- transition: transform 300ms ease-in-out;
232
- }
233
-
234
- .k-expand-horizontal-enter, .k-expand-horizontal-appear {
235
- transform: scaleX(0);
236
- }
237
- .k-expand-horizontal-enter-active, .k-expand-horizontal-appear-active {
238
- transform: scaleX(1);
239
- transition: transform 300ms ease-in-out;
240
- }
241
- .k-expand-horizontal-exit {
242
- transform: scaleX(1);
243
- }
244
- .k-expand-horizontal-exit-active {
245
- transform: scaleX(0);
246
- transition: transform 300ms ease-in-out;
247
- }
248
-
249
- .k-fade-enter, .k-fade-appear {
250
- opacity: 0;
251
- }
252
- .k-fade-enter-active, .k-fade-appear-active {
253
- opacity: 1;
254
- transition: opacity 500ms ease-in-out;
255
- }
256
- .k-fade-exit {
257
- opacity: 1;
258
- }
259
- .k-fade-exit-active {
260
- opacity: 0;
261
- transition: opacity 500ms ease-in-out;
262
- }
263
- .k-fade-exit-active + .k-fade-exit-active, .k-fade-enter-active + .k-fade-enter-active {
264
- display: none;
265
- }
266
-
267
- .k-zoom-in-enter, .k-zoom-in-appear {
268
- opacity: 0;
269
- transform: scale(0);
270
- }
271
- .k-zoom-in-enter-active, .k-zoom-in-appear-active {
272
- opacity: 1;
273
- transform: scale(1);
274
- transition: transform, opacity 300ms ease-in-out;
275
- }
276
- .k-zoom-in-exit {
277
- opacity: 1;
278
- transform: scale(1);
279
- }
280
- .k-zoom-in-exit-active {
281
- opacity: 0;
282
- transform: scale(2);
283
- transition: transform, opacity 300ms ease-in-out;
284
- }
285
-
286
- .k-zoom-out-enter, .k-zoom-out-appear {
287
- opacity: 0;
288
- transform: scale(2);
289
- }
290
- .k-zoom-out-enter-active, .k-zoom-out-appear-active {
291
- opacity: 1;
292
- transform: scale(1);
293
- transition: transform, opacity 300ms ease-in-out;
294
- }
295
- .k-zoom-out-exit {
296
- opacity: 1;
297
- transform: scale(1);
298
- }
299
- .k-zoom-out-exit-active {
300
- opacity: 0;
301
- transform: scale(0);
302
- transition: transform, opacity 300ms ease-in-out;
303
- }
304
-
305
- .k-slide-in-appear {
306
- opacity: 0.1;
307
- transform: translate(0, -3em);
308
- }
309
- .k-slide-in-appear .k-centered {
310
- transform: translate(-50%, -60%);
311
- }
312
- .k-slide-in-appear-active {
313
- opacity: 1;
314
- transform: translate(0, 0);
315
- transition: transform 0.3s cubic-bezier(0.2, 0.6, 0.4, 1), opacity 0.3s cubic-bezier(0.2, 1, 0.2, 1);
316
- }
317
- .k-slide-in-appear-active .k-centered {
318
- transform: translate(-50%, -50%);
319
- }
320
-
321
- .k-slide-down-enter, .k-slide-down-appear {
322
- transform: translateY(-100%);
323
- }
324
- .k-slide-down-enter-active, .k-slide-down-appear-active {
325
- transform: translateY(0);
326
- transition: transform 300ms ease-in-out;
327
- }
328
- .k-slide-down-exit {
329
- transform: translateY(0);
330
- }
331
- .k-slide-down-exit-active {
332
- transform: translateY(-100%);
333
- transition: transform 300ms ease-in-out;
334
- }
335
-
336
- .k-slide-up-enter, .k-slide-up-appear {
337
- transform: translateY(100%);
338
- }
339
- .k-slide-up-enter-active, .k-slide-up-appear-active {
340
- transform: translateY(0);
341
- transition: transform 300ms ease-in-out;
342
- }
343
- .k-slide-up-exit {
344
- transform: translateY(0);
345
- }
346
- .k-slide-up-exit-active {
347
- transform: translateY(100%);
348
- transition: transform 300ms ease-in-out;
349
- }
350
-
351
- .k-slide-right-enter, .k-slide-right-appear {
352
- transform: translateX(-100%);
353
- }
354
- .k-slide-right-enter-active, .k-slide-right-appear-active {
355
- transform: translateX(0);
356
- transition: transform 300ms ease-in-out;
357
- }
358
- .k-slide-right-exit {
359
- transform: translateX(0);
360
- }
361
- .k-slide-right-exit-active {
362
- transform: translateX(-100%);
363
- transition: transform 300ms ease-in-out;
364
- }
365
-
366
- .k-slide-left-enter, .k-slide-left-appear {
367
- transform: translateX(100%);
368
- }
369
- .k-slide-left-enter-active, .k-slide-left-appear-active {
370
- transform: translateX(0);
371
- transition: transform 300ms ease-in-out;
372
- }
373
- .k-slide-left-exit {
374
- transform: translateX(0);
375
- }
376
- .k-slide-left-exit-active {
377
- transform: translateX(100%);
378
- transition: transform 300ms ease-in-out;
379
- }
380
-
381
- .k-reveal-vertical-enter, .k-reveal-vertical-appear {
382
- max-height: 0;
383
- }
384
- .k-reveal-vertical-enter-active, .k-reveal-vertical-appear-active {
385
- transition: max-height 300ms ease-in-out;
386
- }
387
- .k-reveal-vertical-exit-active {
388
- max-height: 0 !important;
389
- transition: max-height 300ms ease-in-out;
390
- }
391
-
392
- .k-reveal-horizontal-enter, .k-reveal-horizontal-appear {
393
- max-width: 0;
394
- }
395
- .k-reveal-horizontal-enter-active, .k-reveal-horizontal-appear-active {
396
- transition: max-width 300ms ease-in-out;
397
- }
398
- .k-reveal-horizontal-exit-active {
399
- max-width: 0 !important;
400
- transition: max-width 300ms ease-in-out;
401
- }
402
-
403
- .k-fx-end .k-fx-next,
404
- .k-fx-end .k-fx-current {
405
- transition: all 350ms ease-out;
406
- }
407
-
408
- .k-fx {
409
- position: relative;
410
- }
411
- .k-fx .k-fx-current {
412
- z-index: 0;
413
- }
414
- .k-fx .k-fx-next {
415
- z-index: 1;
416
- }
417
-
418
- .k-fx-hidden,
419
- .k-fx-hidden * {
420
- visibility: hidden !important;
421
- }
422
-
423
- .k-fx-reverse .k-fx-current {
424
- z-index: 1;
425
- }
426
- .k-fx-reverse .k-fx-next {
427
- z-index: 0;
428
- }
429
-
430
- .k-fx-zoom.k-fx-start .k-fx-next {
431
- transform: scale(0) !important;
432
- }
433
- .k-fx-zoom.k-fx-end .k-fx-next {
434
- transform: scale(1) !important;
435
- }
436
- .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next, .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next {
437
- transform: scale(1) !important;
438
- }
439
- .k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current {
440
- transform: scale(1) !important;
441
- }
442
- .k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current {
443
- transform: scale(0) !important;
444
- }
445
-
446
- .k-fx-fade.k-fx-start .k-fx-next {
447
- will-change: opacity;
448
- opacity: 0;
449
- }
450
- .k-fx-fade.k-fx-end .k-fx-next {
451
- opacity: 1;
452
- }
453
- .k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current {
454
- will-change: opacity;
455
- opacity: 1;
456
- }
457
- .k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current {
458
- opacity: 0;
459
- }
460
-
461
- .k-fx-slide.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-content, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer, .k-fx-slide.k-fx-end .k-fx-current .km-content, .k-fx-slide.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-end .k-fx-current .km-footer {
462
- transition: all 350ms ease-out;
463
- }
464
- .k-fx-slide.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-start .k-fx-next .km-content {
465
- will-change: transform;
466
- transform: translateX(100%);
467
- }
468
- .k-fx-slide.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-start .k-fx-next .km-footer {
469
- will-change: opacity;
470
- opacity: 0;
471
- }
472
- .k-fx-slide.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-end .k-fx-current .km-content {
473
- transform: translateX(-100%);
474
- }
475
- .k-fx-slide.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-end .k-fx-next .km-footer {
476
- opacity: 1;
477
- }
478
- .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content {
479
- will-change: transform;
480
- transform: translateX(0);
481
- }
482
- .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content {
483
- transform: translateX(100%);
484
- }
485
- .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content {
486
- transform: translateX(-100%);
487
- }
488
- .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content {
489
- transform: translateX(0);
490
- }
491
- .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
492
- will-change: opacity;
493
- opacity: 1;
494
- }
495
- .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
496
- opacity: 1;
497
- }
498
- .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
499
- opacity: 0;
500
- }
501
- .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header, .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
502
- opacity: 1;
503
- }
504
- .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content {
505
- transform: translateX(-100%);
506
- }
507
- .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content {
508
- transform: translateX(100%);
509
- }
510
- .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content {
511
- transform: translateX(0);
512
- }
513
- .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content {
514
- transform: translateX(-100%);
515
- }
516
- .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content {
517
- transform: translateX(100%);
518
- }
519
- .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content, .k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content {
520
- transform: translateX(0%);
521
- }
522
-
523
- .k-fx-tile.k-fx-start .k-fx-next {
524
- will-change: transform;
525
- transform: translateX(100%);
526
- }
527
- .k-fx-tile.k-fx-end .k-fx-current {
528
- transform: translateX(-100%);
529
- }
530
- .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current {
531
- will-change: transform;
532
- transform: translateX(0);
533
- }
534
- .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current {
535
- transform: translateX(100%);
536
- }
537
- .k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next {
538
- transform: translateX(-100%);
539
- }
540
- .k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next {
541
- transform: translateX(0);
542
- }
543
- .k-fx-tile.k-fx-right.k-fx-start .k-fx-next {
544
- transform: translateX(-100%);
545
- }
546
- .k-fx-tile.k-fx-right.k-fx-end .k-fx-current {
547
- transform: translateX(100%);
548
- }
549
- .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current {
550
- transform: translateX(0);
551
- }
552
- .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current {
553
- transform: translateX(-100%);
554
- }
555
- .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next {
556
- transform: translateX(100%);
557
- }
558
- .k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next {
559
- transform: translateX(0%);
560
- }
561
-
562
- .k-fx.k-fx-overlay.k-fx-start .k-fx-next, .k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next {
563
- will-change: transform;
564
- transform: translateX(100%);
565
- }
566
- .k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next {
567
- transform: translateX(-100%);
568
- }
569
- .k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next {
570
- transform: translateY(100%);
571
- }
572
- .k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next {
573
- transform: translateY(-100%);
574
- }
575
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next {
576
- transform: none;
577
- }
578
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current {
579
- will-change: transform;
580
- transform: none;
581
- }
582
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current, .k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current {
583
- transform: translateX(100%);
584
- }
585
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current {
586
- transform: translateX(-100%);
587
- }
588
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current {
589
- transform: translateY(100%);
590
- }
591
- .k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current {
592
- transform: translateY(-100%);
593
- }
594
-
595
- .k-theme-test-class,
596
- .k-common-test-class {
597
- opacity: 0;
598
- }
599
-
600
- .k-hstack, .k-hbox {
601
- display: flex;
602
- flex-flow: row nowrap;
603
- }
604
-
605
- .k-vstack, .k-vbox {
606
- display: flex;
607
- flex-flow: column nowrap;
608
- }
609
-
610
- .k-spacer, .k-flex {
611
- flex: 1 1 auto;
612
- }
613
-
614
- .k-spacer-sized {
615
- flex: none;
616
- }
617
-
618
- .k-float-wrap::after, .k-floatwrap::after {
619
- content: "";
620
- display: block;
621
- clear: both;
622
- }
623
-
624
- .k-flex-layout {
625
- display: flex;
626
- }
627
-
628
- .k-grid-layout {
629
- display: grid;
630
- }
631
-
632
- .k-separator {
633
- width: auto;
634
- height: 0;
635
- border-width: 1px 0 0;
636
- border-style: solid;
637
- border-color: inherit;
638
- display: block;
639
- flex-grow: 0 !important;
640
- flex-shrink: 0 !important;
641
- align-self: stretch;
642
- }
643
-
644
- .k-separator-horizontal,
645
- .k-vstack > .k-separator,
646
- .k-vbox > .k-separator {
647
- width: auto;
648
- height: 0;
649
- border-width: 1px 0 0;
650
- }
651
-
652
- .k-separator-vertical,
653
- .k-hstack > .k-separator,
654
- .k-hbox > .k-separator {
655
- width: 0;
656
- height: auto;
657
- border-width: 0 0 0 1px;
658
- }
659
-
660
- hr.k-separator {
661
- margin: 0;
662
- padding: 0;
663
- }
664
-
665
- .k-hidden {
666
- display: none !important;
667
- }
668
-
669
- .k-rtl {
670
- direction: rtl;
671
- }
672
-
673
- [hidden] {
674
- display: none !important;
675
- }
676
-
677
- script {
678
- display: none !important;
679
- }
680
-
681
- .k-disabled,
682
- .k-widget[disabled],
683
- .k-disabled {
684
- outline: none;
685
- cursor: default;
686
- color: var(--kendo-disabled-text, unset);
687
- background-color: var(--kendo-disabled-bg, unset);
688
- border-color: var(--kendo-disabled-border, unset);
689
- opacity: var(--kendo-disabled-opacity, unset);
690
- filter: var(--kendo-disabled-filter, unset);
691
- pointer-events: none;
692
- box-shadow: none;
693
- }
694
- .k-disabled .k-link,
695
- .k-widget[disabled] .k-link,
696
- .k-disabled .k-link {
697
- cursor: default;
698
- outline: 0;
699
- }
700
- .k-disabled [disabled],
701
- .k-disabled .k-disabled,
702
- .k-widget[disabled] [disabled],
703
- .k-widget[disabled] .k-disabled,
704
- .k-disabled [disabled],
705
- .k-disabled .k-disabled {
706
- --kendo-disabled-opacity: 1;
707
- --kendo-disabled-filter: grayscale(0);
708
- }
709
-
710
- .k-hr {
711
- margin-block: var(--kendo-spacing-4, 1rem);
712
- padding: 0;
713
- height: 0;
714
- border-width: 1px 0 0;
715
- border-style: solid;
716
- border-color: var(--kendo-hr-border, unset);
717
- display: block;
718
- float: none;
719
- clear: both;
720
- }
721
-
722
- .k-d-flex-row > .k-hr {
723
- margin: 0;
724
- width: 0;
725
- height: auto;
726
- border-width: 0 0 0 1px;
727
- flex: 0 0 auto;
728
- }
729
-
730
- .k-d-flex-col > .k-hr {
731
- margin: 0;
732
- flex: 0 0 auto;
733
- }
734
-
735
- .k-sprite {
736
- display: inline-block;
737
- width: 1rem;
738
- height: 1rem;
739
- overflow: hidden;
740
- background-repeat: no-repeat;
741
- font-size: 0;
742
- line-height: 0;
743
- text-align: center;
744
- }
745
-
746
- .k-image {
747
- display: inline-block;
748
- }
749
-
750
- .k-reset {
751
- margin: 0;
752
- padding: 0;
753
- border-width: 0;
754
- outline: 0;
755
- text-decoration: none;
756
- font: inherit;
757
- list-style: none;
758
- }
759
-
760
- kendo-sortable {
761
- display: block;
762
- }
763
-
764
- .k-link,
765
- .k-link:hover {
766
- color: inherit;
767
- text-decoration: none;
768
- outline: 0;
769
- cursor: pointer;
770
- }
771
-
772
- .k-content {
773
- outline: 0;
774
- }
775
-
776
- .k-centered {
777
- position: absolute;
778
- top: 50%;
779
- left: 50%;
780
- transform: translate(-50%, -50%);
781
- }
782
-
783
- .k-no-click {
784
- pointer-events: none;
785
- }
786
-
787
- .k-pdf-export-shadow {
788
- position: absolute;
789
- overflow: hidden;
790
- left: -15000px;
791
- width: 14400px;
792
- }
793
-
794
- .kendo-pdf-hide-pseudo-elements::before,
795
- .kendo-pdf-hide-pseudo-elements::after {
796
- display: none !important;
797
- }
798
-
799
- .k-dirty {
800
- margin: 0;
801
- padding: 0;
802
- width: 0;
803
- height: 0;
804
- border-width: 3px;
805
- border-style: solid;
806
- border-block-start-color: currentColor;
807
- border-block-end-color: transparent;
808
- border-inline-start-color: transparent;
809
- border-inline-end-color: currentColor;
810
- position: absolute;
811
- inset-block-start: 0;
812
- inset-inline-end: 0;
813
- }
814
-
815
- .k-marquee {
816
- position: absolute;
817
- z-index: 100000;
818
- }
819
-
820
- .k-marquee-color,
821
- .k-marquee-text {
822
- position: absolute;
823
- top: 0;
824
- left: 0;
825
- width: 100%;
826
- height: 100%;
827
- }
828
-
829
- .k-marquee-color {
830
- color: var(--kendo-marquee-text, unset);
831
- background-color: var(--kendo-marquee-bg, unset);
832
- border-color: var(--kendo-marquee-border, unset);
833
- opacity: 0.6;
834
- }
835
-
836
- .k-marquee-text {
837
- color: var(--kendo-marquee-text, unset);
838
- }
839
-
840
- .k-text-selection ::selection {
841
- background-color: var(--kendo-text-selection-bg, unset);
842
- color: var(--kendo-marquee-text, unset);
843
- }
844
-
845
- .k-scrollbar {
846
- position: absolute;
847
- overflow: scroll;
848
- }
849
-
850
- .k-scrollbar-vertical {
851
- top: 0;
852
- right: 0;
853
- width: 17px;
854
- height: 100%;
855
- overflow-x: hidden;
856
- }
857
-
858
- .k-touch-scrollbar {
859
- display: none;
860
- position: absolute;
861
- z-index: 200000;
862
- height: 8px;
863
- width: 8px;
864
- border: 1px solid #8a8a8a;
865
- background-color: #858585;
866
- }
867
-
868
- .k-resize-handle,
869
- .k-resize-hint {
870
- position: absolute;
871
- border-color: inherit;
872
- z-index: 200;
873
- }
874
-
875
- .k-resize-handle {
876
- display: flex;
877
- align-items: center;
878
- justify-content: center;
879
- }
880
-
881
- .k-resize-handle::before {
882
- content: "";
883
- border: 0 solid;
884
- border-color: inherit;
885
- }
886
-
887
- .k-resize-n {
888
- width: 100%;
889
- height: 6px;
890
- flex-direction: row;
891
- left: 0;
892
- top: -3px;
893
- cursor: n-resize;
894
- }
895
-
896
- .k-resize-s {
897
- width: 100%;
898
- height: 6px;
899
- flex-direction: row;
900
- left: 0;
901
- bottom: -3px;
902
- cursor: s-resize;
903
- }
904
-
905
- .k-resize-w {
906
- width: 6px;
907
- height: 100%;
908
- flex-direction: column;
909
- top: 0;
910
- left: -3px;
911
- cursor: w-resize;
912
- }
913
-
914
- .k-resize-e {
915
- width: 6px;
916
- height: 100%;
917
- flex-direction: column;
918
- top: 0;
919
- right: -3px;
920
- cursor: e-resize;
921
- }
922
-
923
- .k-resize-sw,
924
- .k-resize-se,
925
- .k-resize-nw,
926
- .k-resize-ne {
927
- width: 5px;
928
- height: 5px;
929
- }
930
-
931
- .k-resize-sw {
932
- cursor: sw-resize;
933
- bottom: 0;
934
- left: 0;
935
- }
936
-
937
- .k-resize-se {
938
- cursor: se-resize;
939
- bottom: 0;
940
- right: 0;
941
- }
942
-
943
- .k-resize-nw {
944
- cursor: nw-resize;
945
- top: 0;
946
- left: 0;
947
- }
948
-
949
- .k-resize-ne {
950
- cursor: ne-resize;
951
- top: 0;
952
- right: 0;
953
- }
954
-
955
- .k-vertical-resize {
956
- cursor: row-resize;
957
- }
958
-
959
- .k-horizontal-resize {
960
- cursor: col-resize;
961
- }
962
-
963
- .k-resize-hint {
964
- display: flex;
965
- flex-direction: column;
966
- align-items: center;
967
- }
968
- .k-resize-hint .k-resize-hint-handle {
969
- width: auto;
970
- height: 20px;
971
- align-self: stretch;
972
- }
973
- .k-resize-hint .k-resize-hint-marker {
974
- width: 2px;
975
- height: auto;
976
- flex: 1 1 auto;
977
- }
978
-
979
- .k-resize-hint-vertical {
980
- display: flex;
981
- flex-direction: row;
982
- align-items: center;
983
- }
984
- .k-resize-hint-vertical .k-resize-hint-handle {
985
- width: 20px;
986
- height: auto;
987
- align-self: stretch;
988
- }
989
- .k-resize-hint-vertical .k-resize-hint-marker {
990
- width: auto;
991
- height: 2px;
992
- flex: 1 1 auto;
993
- }
994
-
995
- .k-top-start,
996
- .k-pos-top-start {
997
- top: 0;
998
- inset-inline-start: 0;
999
- }
1000
-
1001
- .k-top-end,
1002
- .k-pos-top-end {
1003
- top: 0;
1004
- inset-inline-end: 0;
1005
- }
1006
-
1007
- .k-bottom-start,
1008
- .k-pos-bottom-start {
1009
- bottom: 0;
1010
- inset-inline-start: 0;
1011
- }
1012
-
1013
- .k-bottom-end,
1014
- .k-pos-bottom-end {
1015
- bottom: 0;
1016
- inset-inline-end: 0;
1017
- }
1018
-
1019
- .k-top-center,
1020
- .k-pos-top-center {
1021
- top: 0;
1022
- left: 50%;
1023
- transform: translateX(-50%);
1024
- }
1025
-
1026
- .k-middle-left,
1027
- .k-middle-start,
1028
- .k-pos-middle-start {
1029
- top: 50%;
1030
- left: 0;
1031
- transform: translateY(-50%);
1032
- }
1033
-
1034
- .k-middle-center {
1035
- top: 50%;
1036
- left: 50%;
1037
- transform: translateY(-50%);
1038
- }
1039
-
1040
- .k-middle-right,
1041
- .k-middle-end,
1042
- .k-pos-middle-end {
1043
- top: 50%;
1044
- right: 0;
1045
- transform: translateY(-50%);
1046
- }
1047
-
1048
- .k-bottom-center,
1049
- .k-pos-bottom-center {
1050
- bottom: 0;
1051
- left: 50%;
1052
- transform: translateX(-50%);
1053
- }
1054
-
1055
- :root {
1056
- --kendo-spacing-0: 0px;
1057
- --kendo-spacing-1px: 1px;
1058
- --kendo-spacing-0\.5: 0.125rem;
1059
- --kendo-spacing-1: 0.25rem;
1060
- --kendo-spacing-1\.5: 0.375rem;
1061
- --kendo-spacing-2: 0.5rem;
1062
- --kendo-spacing-2\.5: 0.625rem;
1063
- --kendo-spacing-3: 0.75rem;
1064
- --kendo-spacing-3\.5: 0.875rem;
1065
- --kendo-spacing-4: 1rem;
1066
- --kendo-spacing-4\.5: 1.125rem;
1067
- --kendo-spacing-5: 1.25rem;
1068
- --kendo-spacing-5\.5: 1.375rem;
1069
- --kendo-spacing-6: 1.5rem;
1070
- --kendo-spacing-6\.5: 1.625rem;
1071
- --kendo-spacing-7: 1.75rem;
1072
- --kendo-spacing-7\.5: 1.875rem;
1073
- --kendo-spacing-8: 2rem;
1074
- --kendo-spacing-9: 2.25rem;
1075
- --kendo-spacing-10: 2.5rem;
1076
- --kendo-spacing-11: 2.75rem;
1077
- --kendo-spacing-12: 3rem;
1078
- --kendo-spacing-13: 3.25rem;
1079
- --kendo-spacing-14: 3.5rem;
1080
- --kendo-spacing-15: 3.75rem;
1081
- --kendo-spacing-16: 4rem;
1082
- --kendo-spacing-17: 4.25rem;
1083
- --kendo-spacing-18: 4.5rem;
1084
- --kendo-spacing-19: 4.75rem;
1085
- --kendo-spacing-20: 5rem;
1086
- --kendo-spacing-21: 5.25rem;
1087
- --kendo-spacing-22: 5.5rem;
1088
- --kendo-spacing-23: 5.75rem;
1089
- --kendo-spacing-24: 6rem;
1090
- --kendo-spacing-25: 7rem;
1091
- --kendo-spacing-26: 8rem;
1092
- --kendo-spacing-27: 9rem;
1093
- --kendo-spacing-28: 10rem;
1094
- --kendo-spacing-29: 11rem;
1095
- --kendo-spacing-30: 12rem;
1096
- }
1097
-
1098
- :root {
1099
- --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
1100
- --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
1101
- --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
1102
- --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
1103
- --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
1104
- --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
1105
- --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
1106
- --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
1107
- --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12);
1108
- }
1109
-
1110
- :root {
1111
- --kendo-font-family: inherit;
1112
- --kendo-font-size: 0.875rem;
1113
- --kendo-line-height: 1.4285714286;
1114
- --kendo-font-weight: 400;
1115
- --kendo-letter-spacing: ;
1116
- --kendo-font-size-xxs: 0.5rem;
1117
- --kendo-font-size-xs: 0.625rem;
1118
- --kendo-font-size-sm: 0.75rem;
1119
- --kendo-font-size-md: 0.875rem;
1120
- --kendo-font-size-lg: 1rem;
1121
- --kendo-font-size-xl: 1.25rem;
1122
- --kendo-line-height-xs: 1;
1123
- --kendo-line-height-sm: 1.25;
1124
- --kendo-line-height-md: 1.4285714286;
1125
- --kendo-line-height-lg: 1.5;
1126
- --kendo-font-weight-thin: 100;
1127
- --kendo-font-weight-extra-light: 200;
1128
- --kendo-font-weight-light: 300;
1129
- --kendo-font-weight-normal: 400;
1130
- --kendo-font-weight-medium: 500;
1131
- --kendo-font-weight-semibold: 600;
1132
- --kendo-font-weight-bold: 700;
1133
- --kendo-letter-spacing-tightest: -0.15px;
1134
- --kendo-letter-spacing-tighter: -0.1px;
1135
- --kendo-letter-spacing-tight: -0.5px;
1136
- --kendo-letter-spacing-normal: 0px;
1137
- --kendo-letter-spacing-wide: 0.5px;
1138
- --kendo-letter-spacing-wider: 0.1px;
1139
- --kendo-letter-spacing-widest: 0.15px;
1140
- --kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;
1141
- --kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;
1142
- --kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
1143
- --kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace;
1144
- }
1145
-
1146
- :root {
1147
- --kendo-border-radius-none: 0px;
1148
- --kendo-border-radius-xs: 1px;
1149
- --kendo-border-radius-sm: 0.125rem;
1150
- --kendo-border-radius-md: 0.25rem;
1151
- --kendo-border-radius-lg: 0.375rem;
1152
- --kendo-border-radius-xl: 0.5rem;
1153
- --kendo-border-radius-xxl: 0.75rem;
1154
- --kendo-border-radius-xxxl: 1rem;
1155
- --kendo-border-radius-full: 9999px;
1156
- }
1157
-
1158
- .k-rounded-none {
1159
- border-radius: var(--kendo-border-radius-none, 0px);
1160
- }
1161
-
1162
- .k-rounded-xs {
1163
- border-radius: var(--kendo-border-radius-xs, 1px);
1164
- }
1165
-
1166
- .k-rounded-sm {
1167
- border-radius: var(--kendo-border-radius-sm, 0.125rem);
1168
- }
1169
-
1170
- .k-rounded-md {
1171
- border-radius: var(--kendo-border-radius-md, 0.25rem);
1172
- }
1173
-
1174
- .k-rounded-lg {
1175
- border-radius: var(--kendo-border-radius-lg, 0.375rem);
1176
- }
1177
-
1178
- .k-rounded-xl {
1179
- border-radius: var(--kendo-border-radius-xl, 0.5rem);
1180
- }
1181
-
1182
- .k-rounded-xxl {
1183
- border-radius: var(--kendo-border-radius-xxl, 0.75rem);
1184
- }
1185
-
1186
- .k-rounded-xxxl {
1187
- border-radius: var(--kendo-border-radius-xxxl, 1rem);
1188
- }
1189
-
1190
- .k-rounded-full {
1191
- border-radius: var(--kendo-border-radius-full, 9999px);
1192
- }
1
+ :root{--kendo-color-app-surface: #ffffff;--kendo-color-on-app-surface: #3d3d3d;--kendo-color-subtle: #666666;--kendo-color-surface: #fafafa;--kendo-color-surface-alt: #ffffff;--kendo-color-border: rgba(0, 0, 0, 0.08);--kendo-color-border-alt: rgba(0, 0, 0, 0.16);--kendo-color-base-subtle: #ebebeb;--kendo-color-base-subtle-hover: #e0e0e0;--kendo-color-base-subtle-active: #d6d6d6;--kendo-color-base: #f5f5f5;--kendo-color-base-hover: #ebebeb;--kendo-color-base-active: #d6d6d6;--kendo-color-base-emphasis: #c2c2c2;--kendo-color-base-on-subtle: #3d3d3d;--kendo-color-on-base: #3d3d3d;--kendo-color-base-on-surface: #3d3d3d;--kendo-color-primary-subtle: #ffeceb;--kendo-color-primary-subtle-hover: #ffdedb;--kendo-color-primary-subtle-active: #ffc8c4;--kendo-color-primary: #ff6358;--kendo-color-primary-hover: #ea5a51;--kendo-color-primary-active: #d45349;--kendo-color-primary-emphasis: #ff9d97;--kendo-color-primary-on-subtle: #5c201c;--kendo-color-on-primary: #ffffff;--kendo-color-primary-on-surface: #ff6358;--kendo-color-secondary-subtle: #fafafa;--kendo-color-secondary-subtle-hover: #f5f5f5;--kendo-color-secondary-subtle-active: #ebebeb;--kendo-color-secondary: #666666;--kendo-color-secondary-hover: #525252;--kendo-color-secondary-active: #3d3d3d;--kendo-color-secondary-emphasis: #e0e0e0;--kendo-color-secondary-on-subtle: #141414;--kendo-color-on-secondary: #ffffff;--kendo-color-secondary-on-surface: #292929;--kendo-color-tertiary-subtle: #d8f1fd;--kendo-color-tertiary-subtle-hover: #c5eafc;--kendo-color-tertiary-subtle-active: #a3dffb;--kendo-color-tertiary: #03a9f4;--kendo-color-tertiary-hover: #039ae0;--kendo-color-tertiary-active: #028ccb;--kendo-color-tertiary-emphasis: #61c9f9;--kendo-color-tertiary-on-subtle: #023f5c;--kendo-color-on-tertiary: #ffffff;--kendo-color-tertiary-on-surface: #028ccb;--kendo-color-info-subtle: #d2e2fb;--kendo-color-info-subtle-hover: #bdd4f8;--kendo-color-info-subtle-active: #80acf4;--kendo-color-info: #0058e9;--kendo-color-info-hover: #0052d6;--kendo-color-info-active: #004ac2;--kendo-color-info-emphasis: #6098f2;--kendo-color-info-on-subtle: #002259;--kendo-color-on-info: #ffffff;--kendo-color-info-on-surface: #004ac2;--kendo-color-success-subtle: #dcf0d3;--kendo-color-success-subtle-hover: #cbe9bf;--kendo-color-success-subtle-active: #b7e1a5;--kendo-color-success: #37b400;--kendo-color-success-hover: #32a500;--kendo-color-success-active: #2d9600;--kendo-color-success-emphasis: #81d15f;--kendo-color-success-on-subtle: #1c5a00;--kendo-color-on-success: #ffffff;--kendo-color-success-on-surface: #2d9600;--kendo-color-warning-subtle: #fff4d3;--kendo-color-warning-subtle-hover: #ffeebd;--kendo-color-warning-subtle-active: #ffe79e;--kendo-color-warning: #ffc000;--kendo-color-warning-hover: #eaaf00;--kendo-color-warning-active: #d49f00;--kendo-color-warning-emphasis: #ffd760;--kendo-color-warning-on-subtle: #5e4700;--kendo-color-on-warning: #3d3d3d;--kendo-color-warning-on-surface: #ffc000;--kendo-color-error-subtle: #fcddda;--kendo-color-error-subtle-hover: #fbc8c3;--kendo-color-error-subtle-active: #f98b80;--kendo-color-error: #f31700;--kendo-color-error-hover: #df1600;--kendo-color-error-active: #ca1400;--kendo-color-error-emphasis: #f76f60;--kendo-color-error-on-subtle: #7a0c00;--kendo-color-on-error: #ffffff;--kendo-color-error-on-surface: #ca1400;--kendo-color-light-subtle: #fafafa;--kendo-color-light-subtle-hover: #f5f5f5;--kendo-color-light-subtle-active: #ebebeb;--kendo-color-light: #ebebeb;--kendo-color-light-hover: #e0e0e0;--kendo-color-light-active: #d6d6d6;--kendo-color-light-emphasis: #d6d6d6;--kendo-color-light-on-subtle: #141414;--kendo-color-on-light: #000000;--kendo-color-light-on-surface: #e0e0e0;--kendo-color-dark-subtle: #c2c2c2;--kendo-color-dark-subtle-hover: #adadad;--kendo-color-dark-subtle-active: #999999;--kendo-color-dark: #3d3d3d;--kendo-color-dark-hover: #292929;--kendo-color-dark-active: #1f1f1f;--kendo-color-dark-emphasis: #666666;--kendo-color-dark-on-subtle: #1f1f1f;--kendo-color-on-dark: #ffffff;--kendo-color-dark-on-surface: #141414;--kendo-color-inverse-subtle: #c2c2c2;--kendo-color-inverse-subtle-hover: #adadad;--kendo-color-inverse-subtle-active: #999999;--kendo-color-inverse: #3d3d3d;--kendo-color-inverse-hover: #292929;--kendo-color-inverse-active: #1f1f1f;--kendo-color-inverse-emphasis: #666666;--kendo-color-inverse-on-subtle: #1f1f1f;--kendo-color-on-inverse: #ffffff;--kendo-color-inverse-on-surface: #141414;--kendo-color-series-a: #ff6358;--kendo-color-series-a-bold: #bf4a42;--kendo-color-series-a-bolder: #80322c;--kendo-color-series-a-subtle: #ffb1ac;--kendo-color-series-a-subtler: #ff8a82;--kendo-color-series-b: #ffe162;--kendo-color-series-b-bold: #bfa94a;--kendo-color-series-b-bolder: #807131;--kendo-color-series-b-subtle: #fff0b1;--kendo-color-series-b-subtler: #ffe989;--kendo-color-series-c: #4cd180;--kendo-color-series-c-bold: #399d60;--kendo-color-series-c-bolder: #266940;--kendo-color-series-c-subtle: #a6e8c0;--kendo-color-series-c-subtler: #79dda0;--kendo-color-series-d: #4b5ffa;--kendo-color-series-d-bold: #3847bc;--kendo-color-series-d-bolder: #26307d;--kendo-color-series-d-subtle: #a5affd;--kendo-color-series-d-subtler: #7887fb;--kendo-color-series-e: #ac58ff;--kendo-color-series-e-bold: #8142bf;--kendo-color-series-e-bolder: #562c80;--kendo-color-series-e-subtle: #d6acff;--kendo-color-series-e-subtler: #c182ff;--kendo-color-series-f: #ff5892;--kendo-color-series-f-bold: #bf426e;--kendo-color-series-f-bolder: #802c49;--kendo-color-series-f-subtle: #ffacc9;--kendo-color-series-f-subtler: #ff82ae}.k-sr-only{position:absolute;left:-1px;width:1px;height:1px;overflow:hidden}.k-push-right-enter,.k-push-right-appear{transform:translate(-100%, 0)}.k-push-right-enter-active,.k-push-right-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-right-exit{transform:translate(0, 0)}.k-push-right-exit-active{transform:translate(100%, 0);transition:transform 300ms ease-in-out}.k-push-left-enter,.k-push-left-appear{transform:translate(100%, 0)}.k-push-left-enter-active,.k-push-left-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-left-exit{transform:translate(0, 0)}.k-push-left-exit-active{transform:translate(-100%, 0);transition:transform 300ms ease-in-out}.k-push-down-enter,.k-push-down-appear{transform:translate(0, -100%)}.k-push-down-enter-active,.k-push-down-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-down-exit{transform:translate(0, 0)}.k-push-down-exit-active{transform:translate(0, 100%);transition:transform 300ms ease-in-out}.k-push-up-enter,.k-push-up-appear{transform:translate(0, 100%)}.k-push-up-enter-active,.k-push-up-appear-active{transform:translate(0, 0);transition:transform 300ms ease-in-out}.k-push-up-exit{transform:translate(0, 0)}.k-push-up-exit-active{transform:translate(0, -100%);transition:transform 300ms ease-in-out}.k-expand-vertical-enter,.k-expand-vertical-appear{transform:scaleY(0)}.k-expand-vertical-enter-active,.k-expand-vertical-appear-active{transform:scaleY(1);transition:transform 300ms ease-in-out}.k-expand-vertical-exit{transform:scaleY(1)}.k-expand-vertical-exit-active{transform:scaleY(0);transition:transform 300ms ease-in-out}.k-expand-horizontal-enter,.k-expand-horizontal-appear{transform:scaleX(0)}.k-expand-horizontal-enter-active,.k-expand-horizontal-appear-active{transform:scaleX(1);transition:transform 300ms ease-in-out}.k-expand-horizontal-exit{transform:scaleX(1)}.k-expand-horizontal-exit-active{transform:scaleX(0);transition:transform 300ms ease-in-out}.k-fade-enter,.k-fade-appear{opacity:0}.k-fade-enter-active,.k-fade-appear-active{opacity:1;transition:opacity 500ms ease-in-out}.k-fade-exit{opacity:1}.k-fade-exit-active{opacity:0;transition:opacity 500ms ease-in-out}.k-fade-exit-active+.k-fade-exit-active,.k-fade-enter-active+.k-fade-enter-active{display:none}.k-zoom-in-enter,.k-zoom-in-appear{opacity:0;transform:scale(0)}.k-zoom-in-enter-active,.k-zoom-in-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-in-exit{opacity:1;transform:scale(1)}.k-zoom-in-exit-active{opacity:0;transform:scale(2);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-enter,.k-zoom-out-appear{opacity:0;transform:scale(2)}.k-zoom-out-enter-active,.k-zoom-out-appear-active{opacity:1;transform:scale(1);transition:transform,opacity 300ms ease-in-out}.k-zoom-out-exit{opacity:1;transform:scale(1)}.k-zoom-out-exit-active{opacity:0;transform:scale(0);transition:transform,opacity 300ms ease-in-out}.k-slide-in-appear{opacity:.1;transform:translate(0, -3em)}.k-slide-in-appear .k-centered{transform:translate(-50%, -60%)}.k-slide-in-appear-active{opacity:1;transform:translate(0, 0);transition:transform .3s cubic-bezier(0.2, 0.6, 0.4, 1),opacity .3s cubic-bezier(0.2, 1, 0.2, 1)}.k-slide-in-appear-active .k-centered{transform:translate(-50%, -50%)}.k-slide-down-enter,.k-slide-down-appear{transform:translateY(-100%)}.k-slide-down-enter-active,.k-slide-down-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-down-exit{transform:translateY(0)}.k-slide-down-exit-active{transform:translateY(-100%);transition:transform 300ms ease-in-out}.k-slide-up-enter,.k-slide-up-appear{transform:translateY(100%)}.k-slide-up-enter-active,.k-slide-up-appear-active{transform:translateY(0);transition:transform 300ms ease-in-out}.k-slide-up-exit{transform:translateY(0)}.k-slide-up-exit-active{transform:translateY(100%);transition:transform 300ms ease-in-out}.k-slide-right-enter,.k-slide-right-appear{transform:translateX(-100%)}.k-slide-right-enter-active,.k-slide-right-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-right-exit{transform:translateX(0)}.k-slide-right-exit-active{transform:translateX(-100%);transition:transform 300ms ease-in-out}.k-slide-left-enter,.k-slide-left-appear{transform:translateX(100%)}.k-slide-left-enter-active,.k-slide-left-appear-active{transform:translateX(0);transition:transform 300ms ease-in-out}.k-slide-left-exit{transform:translateX(0)}.k-slide-left-exit-active{transform:translateX(100%);transition:transform 300ms ease-in-out}.k-reveal-vertical-enter,.k-reveal-vertical-appear{max-height:0}.k-reveal-vertical-enter-active,.k-reveal-vertical-appear-active{transition:max-height 300ms ease-in-out}.k-reveal-vertical-exit-active{max-height:0 !important;transition:max-height 300ms ease-in-out}.k-reveal-horizontal-enter,.k-reveal-horizontal-appear{max-width:0}.k-reveal-horizontal-enter-active,.k-reveal-horizontal-appear-active{transition:max-width 300ms ease-in-out}.k-reveal-horizontal-exit-active{max-width:0 !important;transition:max-width 300ms ease-in-out}.k-fx-end .k-fx-next,.k-fx-end .k-fx-current{transition:all 350ms ease-out}.k-fx{position:relative}.k-fx .k-fx-current{z-index:0}.k-fx .k-fx-next{z-index:1}.k-fx-hidden,.k-fx-hidden *{visibility:hidden !important}.k-fx-reverse .k-fx-current{z-index:1}.k-fx-reverse .k-fx-next{z-index:0}.k-fx-zoom.k-fx-start .k-fx-next{transform:scale(0) !important}.k-fx-zoom.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-next,.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-next{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-start .k-fx-current{transform:scale(1) !important}.k-fx-zoom.k-fx-reverse.k-fx-end .k-fx-current{transform:scale(0) !important}.k-fx-fade.k-fx-start .k-fx-next{will-change:opacity;opacity:0}.k-fx-fade.k-fx-end .k-fx-next{opacity:1}.k-fx-fade.k-fx-reverse.k-fx-start .k-fx-current{will-change:opacity;opacity:1}.k-fx-fade.k-fx-reverse.k-fx-end .k-fx-current{opacity:0}.k-fx-slide.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-content,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer,.k-fx-slide.k-fx-end .k-fx-current .km-content,.k-fx-slide.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-end .k-fx-current .km-footer{transition:all 350ms ease-out}.k-fx-slide.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-start .k-fx-next .km-content{will-change:transform;transform:translateX(100%)}.k-fx-slide.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-start .k-fx-next .km-footer{will-change:opacity;opacity:0}.k-fx-slide.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-content{will-change:transform;transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0)}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer{will-change:opacity;opacity:1}.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer{opacity:0}.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .k-footer,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,.k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer{opacity:1}.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-start .k-fx-next .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-end .k-fx-current .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current .km-content{transform:translateX(0)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current .km-content{transform:translateX(-100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next .km-content{transform:translateX(100%)}.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .k-content,.k-fx-slide.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next .km-content{transform:translateX(0%)}.k-fx-tile.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx-tile.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:translateX(0)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-current{transform:translateX(0)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-start .k-fx-next{transform:translateX(100%)}.k-fx-tile.k-fx-right.k-fx-reverse.k-fx-end .k-fx-next{transform:translateX(0%)}.k-fx.k-fx-overlay.k-fx-start .k-fx-next,.k-fx.k-fx-overlay.k-fx-left.k-fx-start .k-fx-next{will-change:transform;transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-right.k-fx-start .k-fx-next{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-up.k-fx-start .k-fx-next{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-down.k-fx-start .k-fx-next{transform:translateY(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-next{transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-start .k-fx-current{will-change:transform;transform:none}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-end .k-fx-current,.k-fx.k-fx-overlay.k-fx-reverse.k-fx-left.k-fx-end .k-fx-current{transform:translateX(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-right.k-fx-end .k-fx-current{transform:translateX(-100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-up.k-fx-end .k-fx-current{transform:translateY(100%)}.k-fx.k-fx-overlay.k-fx-reverse.k-fx-down.k-fx-end .k-fx-current{transform:translateY(-100%)}.k-theme-test-class,.k-common-test-class{opacity:0}.k-hstack,.k-hbox{display:flex;flex-flow:row nowrap}.k-vstack,.k-vbox{display:flex;flex-flow:column nowrap}.k-spacer,.k-flex{flex:1 1 auto}.k-spacer-sized{flex:none}.k-float-wrap::after,.k-floatwrap::after{content:"";display:block;clear:both}.k-flex-layout{display:flex}.k-grid-layout{display:grid}.k-separator{width:auto;height:0;border-width:1px 0 0;border-style:solid;border-color:inherit;display:block;flex-grow:0 !important;flex-shrink:0 !important;align-self:stretch}.k-separator-horizontal,.k-vstack>.k-separator,.k-vbox>.k-separator{width:auto;height:0;border-width:1px 0 0}.k-separator-vertical,.k-hstack>.k-separator,.k-hbox>.k-separator{width:0;height:auto;border-width:0 0 0 1px}hr.k-separator{margin:0;padding:0}.k-hidden{display:none !important}.k-rtl{direction:rtl}[hidden]{display:none !important}script{display:none !important}.k-disabled,.k-widget[disabled],.k-disabled{outline:none;cursor:default;color:var(--kendo-disabled-text, unset);background-color:var(--kendo-disabled-bg, unset);border-color:var(--kendo-disabled-border, unset);opacity:var(--kendo-disabled-opacity, unset);filter:var(--kendo-disabled-filter, unset);pointer-events:none;box-shadow:none}.k-disabled .k-link,.k-widget[disabled] .k-link,.k-disabled .k-link{cursor:default;outline:0}.k-disabled [disabled],.k-disabled .k-disabled,.k-widget[disabled] [disabled],.k-widget[disabled] .k-disabled,.k-disabled [disabled],.k-disabled .k-disabled{--kendo-disabled-opacity: 1;--kendo-disabled-filter: grayscale(0)}.k-hr{margin-block:var(--kendo-spacing-4, 1rem);padding:0;height:0;border-width:1px 0 0;border-style:solid;border-color:var(--kendo-hr-border, unset);display:block;float:none;clear:both}.k-d-flex-row>.k-hr{margin:0;width:0;height:auto;border-width:0 0 0 1px;flex:0 0 auto}.k-d-flex-col>.k-hr{margin:0;flex:0 0 auto}.k-sprite{display:inline-block;width:1rem;height:1rem;overflow:hidden;background-repeat:no-repeat;font-size:0;line-height:0;text-align:center}.k-image{display:inline-block}.k-reset{margin:0;padding:0;border-width:0;outline:0;text-decoration:none;font:inherit;list-style:none}kendo-sortable{display:block}.k-link,.k-link:hover{color:inherit;text-decoration:none;outline:0;cursor:pointer}.k-content{outline:0}.k-centered{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.k-no-click{pointer-events:none}.k-pdf-export-shadow{position:absolute;overflow:hidden;left:-15000px;width:14400px}.kendo-pdf-hide-pseudo-elements::before,.kendo-pdf-hide-pseudo-elements::after{display:none !important}.k-dirty{margin:0;padding:0;width:0;height:0;border-width:3px;border-style:solid;border-block-start-color:currentColor;border-block-end-color:rgba(0,0,0,0);border-inline-start-color:rgba(0,0,0,0);border-inline-end-color:currentColor;position:absolute;inset-block-start:0;inset-inline-end:0}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-marquee-color{color:var(--kendo-marquee-text, unset);background-color:var(--kendo-marquee-bg, unset);border-color:var(--kendo-marquee-border, unset);opacity:.6}.k-marquee-text{color:var(--kendo-marquee-text, unset)}.k-text-selection ::selection{background-color:var(--kendo-text-selection-bg, unset);color:var(--kendo-marquee-text, unset)}.k-scrollbar{position:absolute;overflow:scroll}.k-scrollbar-vertical{top:0;right:0;width:17px;height:100%;overflow-x:hidden}.k-touch-scrollbar{display:none;position:absolute;z-index:200000;height:8px;width:8px;border:1px solid #8a8a8a;background-color:#858585}.k-resize-handle,.k-resize-hint{position:absolute;border-color:inherit;z-index:200}.k-resize-handle{display:flex;align-items:center;justify-content:center}.k-resize-handle::before{content:"";border:0 solid;border-color:inherit}.k-resize-n{width:100%;height:6px;flex-direction:row;left:0;top:-3px;cursor:n-resize}.k-resize-s{width:100%;height:6px;flex-direction:row;left:0;bottom:-3px;cursor:s-resize}.k-resize-w{width:6px;height:100%;flex-direction:column;top:0;left:-3px;cursor:w-resize}.k-resize-e{width:6px;height:100%;flex-direction:column;top:0;right:-3px;cursor:e-resize}.k-resize-sw,.k-resize-se,.k-resize-nw,.k-resize-ne{width:5px;height:5px}.k-resize-sw{cursor:sw-resize;bottom:0;left:0}.k-resize-se{cursor:se-resize;bottom:0;right:0}.k-resize-nw{cursor:nw-resize;top:0;left:0}.k-resize-ne{cursor:ne-resize;top:0;right:0}.k-vertical-resize{cursor:row-resize}.k-horizontal-resize{cursor:col-resize}.k-resize-hint{display:flex;flex-direction:column;align-items:center}.k-resize-hint .k-resize-hint-handle{width:auto;height:20px;align-self:stretch}.k-resize-hint .k-resize-hint-marker{width:2px;height:auto;flex:1 1 auto}.k-resize-hint-vertical{display:flex;flex-direction:row;align-items:center}.k-resize-hint-vertical .k-resize-hint-handle{width:20px;height:auto;align-self:stretch}.k-resize-hint-vertical .k-resize-hint-marker{width:auto;height:2px;flex:1 1 auto}.k-top-start,.k-pos-top-start{top:0;inset-inline-start:0}.k-top-end,.k-pos-top-end{top:0;inset-inline-end:0}.k-bottom-start,.k-pos-bottom-start{bottom:0;inset-inline-start:0}.k-bottom-end,.k-pos-bottom-end{bottom:0;inset-inline-end:0}.k-top-center,.k-pos-top-center{top:0;left:50%;transform:translateX(-50%)}.k-middle-left,.k-middle-start,.k-pos-middle-start{top:50%;left:0;transform:translateY(-50%)}.k-middle-center{top:50%;left:50%;transform:translateY(-50%)}.k-middle-right,.k-middle-end,.k-pos-middle-end{top:50%;right:0;transform:translateY(-50%)}.k-bottom-center,.k-pos-bottom-center{bottom:0;left:50%;transform:translateX(-50%)}:root{--kendo-spacing-0: 0px;--kendo-spacing-1px: 1px;--kendo-spacing-0\.5: 0.125rem;--kendo-spacing-1: 0.25rem;--kendo-spacing-1\.5: 0.375rem;--kendo-spacing-2: 0.5rem;--kendo-spacing-2\.5: 0.625rem;--kendo-spacing-3: 0.75rem;--kendo-spacing-3\.5: 0.875rem;--kendo-spacing-4: 1rem;--kendo-spacing-4\.5: 1.125rem;--kendo-spacing-5: 1.25rem;--kendo-spacing-5\.5: 1.375rem;--kendo-spacing-6: 1.5rem;--kendo-spacing-6\.5: 1.625rem;--kendo-spacing-7: 1.75rem;--kendo-spacing-7\.5: 1.875rem;--kendo-spacing-8: 2rem;--kendo-spacing-9: 2.25rem;--kendo-spacing-10: 2.5rem;--kendo-spacing-11: 2.75rem;--kendo-spacing-12: 3rem;--kendo-spacing-13: 3.25rem;--kendo-spacing-14: 3.5rem;--kendo-spacing-15: 3.75rem;--kendo-spacing-16: 4rem;--kendo-spacing-17: 4.25rem;--kendo-spacing-18: 4.5rem;--kendo-spacing-19: 4.75rem;--kendo-spacing-20: 5rem;--kendo-spacing-21: 5.25rem;--kendo-spacing-22: 5.5rem;--kendo-spacing-23: 5.75rem;--kendo-spacing-24: 6rem;--kendo-spacing-25: 7rem;--kendo-spacing-26: 8rem;--kendo-spacing-27: 9rem;--kendo-spacing-28: 10rem;--kendo-spacing-29: 11rem;--kendo-spacing-30: 12rem}:root{--kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);--kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)}:root{--kendo-font-family: inherit;--kendo-font-size: 0.875rem;--kendo-line-height: 1.4285714286;--kendo-font-weight: 400;--kendo-letter-spacing: ;--kendo-font-size-xxs: 0.5rem;--kendo-font-size-xs: 0.625rem;--kendo-font-size-sm: 0.75rem;--kendo-font-size-md: 0.875rem;--kendo-font-size-lg: 1rem;--kendo-font-size-xl: 1.25rem;--kendo-line-height-xs: 1;--kendo-line-height-sm: 1.25;--kendo-line-height-md: 1.4285714286;--kendo-line-height-lg: 1.5;--kendo-font-weight-thin: 100;--kendo-font-weight-extra-light: 200;--kendo-font-weight-light: 300;--kendo-font-weight-normal: 400;--kendo-font-weight-medium: 500;--kendo-font-weight-semibold: 600;--kendo-font-weight-bold: 700;--kendo-letter-spacing-tightest: -0.15px;--kendo-letter-spacing-tighter: -0.1px;--kendo-letter-spacing-tight: -0.5px;--kendo-letter-spacing-normal: 0px;--kendo-letter-spacing-wide: 0.5px;--kendo-letter-spacing-wider: 0.1px;--kendo-letter-spacing-widest: 0.15px;--kendo-font-family-sans: Arial, Verdana, Tahoma, Trebuchet MS, Helvetica, Impact, Gill Sans;--kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;--kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;--kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace}:root{--kendo-border-radius-none: 0px;--kendo-border-radius-xs: 1px;--kendo-border-radius-sm: 0.125rem;--kendo-border-radius-md: 0.25rem;--kendo-border-radius-lg: 0.375rem;--kendo-border-radius-xl: 0.5rem;--kendo-border-radius-xxl: 0.75rem;--kendo-border-radius-xxxl: 1rem;--kendo-border-radius-full: 9999px}.k-rounded-none{border-radius:var(--kendo-border-radius-none, 0px)}.k-rounded-xs{border-radius:var(--kendo-border-radius-xs, 1px)}.k-rounded-sm{border-radius:var(--kendo-border-radius-sm, 0.125rem)}.k-rounded-md{border-radius:var(--kendo-border-radius-md, 0.25rem)}.k-rounded-lg{border-radius:var(--kendo-border-radius-lg, 0.375rem)}.k-rounded-xl{border-radius:var(--kendo-border-radius-xl, 0.5rem)}.k-rounded-xxl{border-radius:var(--kendo-border-radius-xxl, 0.75rem)}.k-rounded-xxxl{border-radius:var(--kendo-border-radius-xxxl, 1rem)}.k-rounded-full{border-radius:var(--kendo-border-radius-full, 9999px)}
@@ -1,10 +1,11 @@
1
1
  @use "sass:meta";
2
+ @use "sass:string";
2
3
  @use "../all.scss";
3
4
 
4
5
  $_vars: meta.module-variables("all");
5
6
 
6
7
  body {
7
8
  @each $key, $val in $_vars {
8
- var: k-resolve-var( unquote($key), meta.type-of( $val ), $val ); // stylelint-disable-line
9
+ var: k-resolve-var( string.unquote($key), meta.type-of( $val ), $val ); // stylelint-disable-line
9
10
  }
10
11
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-core",
3
3
  "description": "A collection of functions and mixins used for building themes for Kendo UI",
4
- "version": "10.1.0-dev.3",
4
+ "version": "10.1.0-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -29,9 +29,11 @@
29
29
  "access": "public"
30
30
  },
31
31
  "scripts": {
32
- "build": "sass-build",
33
- "watch": "npx sass --load-path=../../node_modules --watch ./scss/all.scss ./dist/all.css",
34
- "sass": "sass-build",
32
+ "sass": "npm run sass:compile:all",
33
+ "sass:dist": "gulp sass:dist --theme packages/core && npm run sass:compile:dist",
34
+ "sass:compile:all": "npx sass --no-source-map --load-path=../../node_modules ./scss/all.scss ./dist/all.css",
35
+ "sass:compile:dist": "npx sass --style=compressed --no-source-map --load-path=../../node_modules ./dist:dist",
36
+ "sass:watch": "npx sass --no-source-map --load-path=../../node_modules --watch ./scss/all.scss ./dist/all.css",
35
37
  "docs": "node ../../scripts/sassdoc.js",
36
38
  "predocs": "npm run resolve-variables",
37
39
  "resolve-variables": "node ../../scripts/resolve-variables.js",
@@ -43,5 +45,5 @@
43
45
  "directories": {
44
46
  "doc": "docs"
45
47
  },
46
- "gitHead": "a33add5dbf946b4fbaa83b9b2016ed1836a9fa0e"
48
+ "gitHead": "4089693fbd3a10aebc8155f11e7b7b7f814be2be"
47
49
  }
package/scss/all.scss CHANGED
@@ -1,4 +1,4 @@
1
- @forward "./index.import.scss";
2
- @use "./index.import.scss" as *;
1
+ @forward "./index.scss";
2
+ @use "./index.scss" as *;
3
3
 
4
4
  @include core-styles();
File without changes