@dgshahr/ui-kit 0.0.6 → 0.0.8

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 (71) hide show
  1. package/dist/Accordion/index.cjs +1 -11
  2. package/dist/Accordion/index.js +5 -1
  3. package/dist/AccordionItem-eMnIUJ1V.cjs +1 -0
  4. package/dist/AccordionItem-tKSPLNKs.js +91 -0
  5. package/dist/Alert/index.cjs +1 -254
  6. package/dist/Alert/index.js +108 -123
  7. package/dist/ArrowLeft2-B76dkC-C.cjs +1 -0
  8. package/dist/{ArrowLeft2-BURhvXT2.js → ArrowLeft2-jP2w1vwt.js} +7 -7
  9. package/dist/ArrowRight2-CYowPzS8.cjs +1 -0
  10. package/dist/{ArrowRight2-DCxJPvNC.js → ArrowRight2-CcHdxGRE.js} +7 -7
  11. package/dist/Badge/index.cjs +1 -72
  12. package/dist/Badge/index.js +28 -34
  13. package/dist/Breadcrumb/index.cjs +1 -43
  14. package/dist/Breadcrumb/index.js +20 -20
  15. package/dist/Button/index.cjs +1 -119
  16. package/dist/Button/index.js +71 -78
  17. package/dist/Divider/index.cjs +1 -25
  18. package/dist/Divider/index.js +8 -12
  19. package/dist/Form/Checkbox/index.cjs +1 -72
  20. package/dist/Form/Checkbox/index.js +22 -26
  21. package/dist/Form/Input/index.cjs +1 -182
  22. package/dist/Form/Input/index.js +60 -68
  23. package/dist/Form/RadioButton/index.cjs +1 -22
  24. package/dist/Form/RadioButton/index.js +13 -13
  25. package/dist/Form/Textarea/index.cjs +1 -27
  26. package/dist/Form/Textarea/index.js +18 -18
  27. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts +1 -1
  28. package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts.map +1 -1
  29. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts +1 -1
  30. package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts.map +1 -1
  31. package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts +3 -2
  32. package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map +1 -1
  33. package/dist/Pagination/index.cjs +1 -128
  34. package/dist/Pagination/index.js +82 -102
  35. package/dist/{SelectableInputWrapper-BIBVazbq.js → SelectableInputWrapper-B3ylMTsl.js} +37 -38
  36. package/dist/SelectableInputWrapper-C9x3IShC.cjs +1 -0
  37. package/dist/Slide-C506y48c.js +233 -0
  38. package/dist/Slide-Zmb0vKbn.cjs +1 -0
  39. package/dist/Slider/Navigation.d.ts +9 -0
  40. package/dist/Slider/Navigation.d.ts.map +1 -0
  41. package/dist/Slider/NavigationDot.d.ts +0 -3
  42. package/dist/Slider/NavigationDot.d.ts.map +1 -1
  43. package/dist/Slider/Slider.d.ts.map +1 -1
  44. package/dist/Slider/context.d.ts +3 -7
  45. package/dist/Slider/context.d.ts.map +1 -1
  46. package/dist/Slider/index.cjs +1 -11
  47. package/dist/Slider/index.js +5 -1
  48. package/dist/Tabs/index.cjs +1 -0
  49. package/dist/Tabs/index.d.ts +27 -0
  50. package/dist/Tabs/index.d.ts.map +1 -0
  51. package/dist/Tabs/index.js +85 -0
  52. package/dist/TextFieldWrapper-DYgcloS_.cjs +1 -0
  53. package/dist/TextFieldWrapper-XM7qL1e2.js +158 -0
  54. package/dist/assets/Button.css +1 -1713
  55. package/dist/assets/styles.css +1 -1649
  56. package/dist/clsx-C11secjj.cjs +1 -0
  57. package/dist/clsx-OuTLNxxd.js +16 -0
  58. package/dist/index.cjs +1 -34
  59. package/dist/index.js +28 -12
  60. package/package.json +11 -1
  61. package/dist/AccordionItem-BFDuboYi.js +0 -103
  62. package/dist/AccordionItem-C3MiOBH7.cjs +0 -106
  63. package/dist/ArrowLeft2-iZ0Au6Fn.cjs +0 -24
  64. package/dist/ArrowRight2-DTuru_sP.cjs +0 -27
  65. package/dist/SelectableInputWrapper-g7YtIiBW.cjs +0 -79
  66. package/dist/Slide-BhWFQV8r.js +0 -234
  67. package/dist/Slide-BzXDEkqH.cjs +0 -237
  68. package/dist/TextFieldWrapper-BkoKcbvs.js +0 -167
  69. package/dist/TextFieldWrapper-D-DH5_DG.cjs +0 -169
  70. package/dist/clsx-BtxeOLZW.cjs +0 -5
  71. package/dist/clsx-ChV9xqsO.js +0 -3
@@ -1,1713 +1 @@
1
- *, ::before, ::after {
2
- --tw-border-spacing-x: 0;
3
- --tw-border-spacing-y: 0;
4
- --tw-translate-x: 0;
5
- --tw-translate-y: 0;
6
- --tw-rotate: 0;
7
- --tw-skew-x: 0;
8
- --tw-skew-y: 0;
9
- --tw-scale-x: 1;
10
- --tw-scale-y: 1;
11
- --tw-pan-x: ;
12
- --tw-pan-y: ;
13
- --tw-pinch-zoom: ;
14
- --tw-scroll-snap-strictness: proximity;
15
- --tw-gradient-from-position: ;
16
- --tw-gradient-via-position: ;
17
- --tw-gradient-to-position: ;
18
- --tw-ordinal: ;
19
- --tw-slashed-zero: ;
20
- --tw-numeric-figure: ;
21
- --tw-numeric-spacing: ;
22
- --tw-numeric-fraction: ;
23
- --tw-ring-inset: ;
24
- --tw-ring-offset-width: 0px;
25
- --tw-ring-offset-color: #fff;
26
- --tw-ring-color: rgb(59 130 246 / 0.5);
27
- --tw-ring-offset-shadow: 0 0 #0000;
28
- --tw-ring-shadow: 0 0 #0000;
29
- --tw-shadow: 0 0 #0000;
30
- --tw-shadow-colored: 0 0 #0000;
31
- --tw-blur: ;
32
- --tw-brightness: ;
33
- --tw-contrast: ;
34
- --tw-grayscale: ;
35
- --tw-hue-rotate: ;
36
- --tw-invert: ;
37
- --tw-saturate: ;
38
- --tw-sepia: ;
39
- --tw-drop-shadow: ;
40
- --tw-backdrop-blur: ;
41
- --tw-backdrop-brightness: ;
42
- --tw-backdrop-contrast: ;
43
- --tw-backdrop-grayscale: ;
44
- --tw-backdrop-hue-rotate: ;
45
- --tw-backdrop-invert: ;
46
- --tw-backdrop-opacity: ;
47
- --tw-backdrop-saturate: ;
48
- --tw-backdrop-sepia: ;
49
- --tw-contain-size: ;
50
- --tw-contain-layout: ;
51
- --tw-contain-paint: ;
52
- --tw-contain-style: ;
53
- }
54
-
55
- ::backdrop {
56
- --tw-border-spacing-x: 0;
57
- --tw-border-spacing-y: 0;
58
- --tw-translate-x: 0;
59
- --tw-translate-y: 0;
60
- --tw-rotate: 0;
61
- --tw-skew-x: 0;
62
- --tw-skew-y: 0;
63
- --tw-scale-x: 1;
64
- --tw-scale-y: 1;
65
- --tw-pan-x: ;
66
- --tw-pan-y: ;
67
- --tw-pinch-zoom: ;
68
- --tw-scroll-snap-strictness: proximity;
69
- --tw-gradient-from-position: ;
70
- --tw-gradient-via-position: ;
71
- --tw-gradient-to-position: ;
72
- --tw-ordinal: ;
73
- --tw-slashed-zero: ;
74
- --tw-numeric-figure: ;
75
- --tw-numeric-spacing: ;
76
- --tw-numeric-fraction: ;
77
- --tw-ring-inset: ;
78
- --tw-ring-offset-width: 0px;
79
- --tw-ring-offset-color: #fff;
80
- --tw-ring-color: rgb(59 130 246 / 0.5);
81
- --tw-ring-offset-shadow: 0 0 #0000;
82
- --tw-ring-shadow: 0 0 #0000;
83
- --tw-shadow: 0 0 #0000;
84
- --tw-shadow-colored: 0 0 #0000;
85
- --tw-blur: ;
86
- --tw-brightness: ;
87
- --tw-contrast: ;
88
- --tw-grayscale: ;
89
- --tw-hue-rotate: ;
90
- --tw-invert: ;
91
- --tw-saturate: ;
92
- --tw-sepia: ;
93
- --tw-drop-shadow: ;
94
- --tw-backdrop-blur: ;
95
- --tw-backdrop-brightness: ;
96
- --tw-backdrop-contrast: ;
97
- --tw-backdrop-grayscale: ;
98
- --tw-backdrop-hue-rotate: ;
99
- --tw-backdrop-invert: ;
100
- --tw-backdrop-opacity: ;
101
- --tw-backdrop-saturate: ;
102
- --tw-backdrop-sepia: ;
103
- --tw-contain-size: ;
104
- --tw-contain-layout: ;
105
- --tw-contain-paint: ;
106
- --tw-contain-style: ;
107
- }/*
108
- ! tailwindcss v3.4.13 | MIT License | https://tailwindcss.com
109
- *//*
110
- 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
111
- 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
112
- */
113
-
114
- *,
115
- ::before,
116
- ::after {
117
- box-sizing: border-box; /* 1 */
118
- border-width: 0; /* 2 */
119
- border-style: solid; /* 2 */
120
- border-color: rgb(226 232 240 / 1); /* 2 */
121
- }
122
-
123
- ::before,
124
- ::after {
125
- --tw-content: '';
126
- }
127
-
128
- /*
129
- 1. Use a consistent sensible line-height in all browsers.
130
- 2. Prevent adjustments of font size after orientation changes in iOS.
131
- 3. Use a more readable tab size.
132
- 4. Use the user's configured `sans` font-family by default.
133
- 5. Use the user's configured `sans` font-feature-settings by default.
134
- 6. Use the user's configured `sans` font-variation-settings by default.
135
- 7. Disable tap highlights on iOS
136
- */
137
-
138
- html,
139
- :host {
140
- line-height: 1.5; /* 1 */
141
- -webkit-text-size-adjust: 100%; /* 2 */
142
- -moz-tab-size: 4; /* 3 */
143
- -o-tab-size: 4;
144
- tab-size: 4; /* 3 */
145
- font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
146
- font-feature-settings: normal; /* 5 */
147
- font-variation-settings: normal; /* 6 */
148
- -webkit-tap-highlight-color: transparent; /* 7 */
149
- }
150
-
151
- /*
152
- 1. Remove the margin in all browsers.
153
- 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
154
- */
155
-
156
- body {
157
- margin: 0; /* 1 */
158
- line-height: inherit; /* 2 */
159
- }
160
-
161
- /*
162
- 1. Add the correct height in Firefox.
163
- 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
164
- 3. Ensure horizontal rules are visible by default.
165
- */
166
-
167
- hr {
168
- height: 0; /* 1 */
169
- color: inherit; /* 2 */
170
- border-top-width: 1px; /* 3 */
171
- }
172
-
173
- /*
174
- Add the correct text decoration in Chrome, Edge, and Safari.
175
- */
176
-
177
- abbr:where([title]) {
178
- -webkit-text-decoration: underline dotted;
179
- text-decoration: underline dotted;
180
- }
181
-
182
- /*
183
- Remove the default font size and weight for headings.
184
- */
185
-
186
- h1,
187
- h2,
188
- h3,
189
- h4,
190
- h5,
191
- h6 {
192
- font-size: inherit;
193
- font-weight: inherit;
194
- }
195
-
196
- /*
197
- Reset links to optimize for opt-in styling instead of opt-out.
198
- */
199
-
200
- a {
201
- color: inherit;
202
- text-decoration: inherit;
203
- }
204
-
205
- /*
206
- Add the correct font weight in Edge and Safari.
207
- */
208
-
209
- b,
210
- strong {
211
- font-weight: bolder;
212
- }
213
-
214
- /*
215
- 1. Use the user's configured `mono` font-family by default.
216
- 2. Use the user's configured `mono` font-feature-settings by default.
217
- 3. Use the user's configured `mono` font-variation-settings by default.
218
- 4. Correct the odd `em` font sizing in all browsers.
219
- */
220
-
221
- code,
222
- kbd,
223
- samp,
224
- pre {
225
- font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */
226
- font-feature-settings: normal; /* 2 */
227
- font-variation-settings: normal; /* 3 */
228
- font-size: 1em; /* 4 */
229
- }
230
-
231
- /*
232
- Add the correct font size in all browsers.
233
- */
234
-
235
- small {
236
- font-size: 80%;
237
- }
238
-
239
- /*
240
- Prevent `sub` and `sup` elements from affecting the line height in all browsers.
241
- */
242
-
243
- sub,
244
- sup {
245
- font-size: 75%;
246
- line-height: 0;
247
- position: relative;
248
- vertical-align: baseline;
249
- }
250
-
251
- sub {
252
- bottom: -0.25em;
253
- }
254
-
255
- sup {
256
- top: -0.5em;
257
- }
258
-
259
- /*
260
- 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
261
- 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
262
- 3. Remove gaps between table borders by default.
263
- */
264
-
265
- table {
266
- text-indent: 0; /* 1 */
267
- border-color: inherit; /* 2 */
268
- border-collapse: collapse; /* 3 */
269
- }
270
-
271
- /*
272
- 1. Change the font styles in all browsers.
273
- 2. Remove the margin in Firefox and Safari.
274
- 3. Remove default padding in all browsers.
275
- */
276
-
277
- button,
278
- input,
279
- optgroup,
280
- select,
281
- textarea {
282
- font-family: inherit; /* 1 */
283
- font-feature-settings: inherit; /* 1 */
284
- font-variation-settings: inherit; /* 1 */
285
- font-size: 100%; /* 1 */
286
- font-weight: inherit; /* 1 */
287
- line-height: inherit; /* 1 */
288
- letter-spacing: inherit; /* 1 */
289
- color: inherit; /* 1 */
290
- margin: 0; /* 2 */
291
- padding: 0; /* 3 */
292
- }
293
-
294
- /*
295
- Remove the inheritance of text transform in Edge and Firefox.
296
- */
297
-
298
- button,
299
- select {
300
- text-transform: none;
301
- }
302
-
303
- /*
304
- 1. Correct the inability to style clickable types in iOS and Safari.
305
- 2. Remove default button styles.
306
- */
307
-
308
- button,
309
- input:where([type='button']),
310
- input:where([type='reset']),
311
- input:where([type='submit']) {
312
- -webkit-appearance: button; /* 1 */
313
- background-color: transparent; /* 2 */
314
- background-image: none; /* 2 */
315
- }
316
-
317
- /*
318
- Use the modern Firefox focus style for all focusable elements.
319
- */
320
-
321
- :-moz-focusring {
322
- outline: auto;
323
- }
324
-
325
- /*
326
- Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
327
- */
328
-
329
- :-moz-ui-invalid {
330
- box-shadow: none;
331
- }
332
-
333
- /*
334
- Add the correct vertical alignment in Chrome and Firefox.
335
- */
336
-
337
- progress {
338
- vertical-align: baseline;
339
- }
340
-
341
- /*
342
- Correct the cursor style of increment and decrement buttons in Safari.
343
- */
344
-
345
- ::-webkit-inner-spin-button,
346
- ::-webkit-outer-spin-button {
347
- height: auto;
348
- }
349
-
350
- /*
351
- 1. Correct the odd appearance in Chrome and Safari.
352
- 2. Correct the outline style in Safari.
353
- */
354
-
355
- [type='search'] {
356
- -webkit-appearance: textfield; /* 1 */
357
- outline-offset: -2px; /* 2 */
358
- }
359
-
360
- /*
361
- Remove the inner padding in Chrome and Safari on macOS.
362
- */
363
-
364
- ::-webkit-search-decoration {
365
- -webkit-appearance: none;
366
- }
367
-
368
- /*
369
- 1. Correct the inability to style clickable types in iOS and Safari.
370
- 2. Change font properties to `inherit` in Safari.
371
- */
372
-
373
- ::-webkit-file-upload-button {
374
- -webkit-appearance: button; /* 1 */
375
- font: inherit; /* 2 */
376
- }
377
-
378
- /*
379
- Add the correct display in Chrome and Safari.
380
- */
381
-
382
- summary {
383
- display: list-item;
384
- }
385
-
386
- /*
387
- Removes the default spacing and border for appropriate elements.
388
- */
389
-
390
- blockquote,
391
- dl,
392
- dd,
393
- h1,
394
- h2,
395
- h3,
396
- h4,
397
- h5,
398
- h6,
399
- hr,
400
- figure,
401
- p,
402
- pre {
403
- margin: 0;
404
- }
405
-
406
- fieldset {
407
- margin: 0;
408
- padding: 0;
409
- }
410
-
411
- legend {
412
- padding: 0;
413
- }
414
-
415
- ol,
416
- ul,
417
- menu {
418
- list-style: none;
419
- margin: 0;
420
- padding: 0;
421
- }
422
-
423
- /*
424
- Reset default styling for dialogs.
425
- */
426
- dialog {
427
- padding: 0;
428
- }
429
-
430
- /*
431
- Prevent resizing textareas horizontally by default.
432
- */
433
-
434
- textarea {
435
- resize: vertical;
436
- }
437
-
438
- /*
439
- 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
440
- 2. Set the default placeholder color to the user's configured gray 400 color.
441
- */
442
-
443
- input::-moz-placeholder, textarea::-moz-placeholder {
444
- opacity: 1; /* 1 */
445
- color: rgb(148 163 184 / 1); /* 2 */
446
- }
447
-
448
- input::placeholder,
449
- textarea::placeholder {
450
- opacity: 1; /* 1 */
451
- color: rgb(148 163 184 / 1); /* 2 */
452
- }
453
-
454
- /*
455
- Set the default cursor for buttons.
456
- */
457
-
458
- button,
459
- [role="button"] {
460
- cursor: pointer;
461
- }
462
-
463
- /*
464
- Make sure disabled buttons don't get the pointer cursor.
465
- */
466
- :disabled {
467
- cursor: default;
468
- }
469
-
470
- /*
471
- 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
472
- 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
473
- This can trigger a poorly considered lint error in some tools but is included by design.
474
- */
475
-
476
- img,
477
- svg,
478
- video,
479
- canvas,
480
- audio,
481
- iframe,
482
- embed,
483
- object {
484
- display: block; /* 1 */
485
- vertical-align: middle; /* 2 */
486
- }
487
-
488
- /*
489
- Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
490
- */
491
-
492
- img,
493
- video {
494
- max-width: 100%;
495
- height: auto;
496
- }
497
-
498
- /* Make elements with the HTML hidden attribute stay hidden by default */
499
- [hidden] {
500
- display: none;
501
- }
502
- .dgs-ui-kit-container {
503
- width: 100%;
504
- margin-right: auto;
505
- margin-left: auto;
506
- padding-right: 1rem;
507
- padding-left: 1rem;
508
- }
509
- @media (min-width: 640px) {
510
-
511
- .dgs-ui-kit-container {
512
- max-width: 640px;
513
- }
514
- }
515
- @media (min-width: 768px) {
516
-
517
- .dgs-ui-kit-container {
518
- max-width: 768px;
519
- padding-right: 1.5rem;
520
- padding-left: 1.5rem;
521
- }
522
- }
523
- @media (min-width: 1024px) {
524
-
525
- .dgs-ui-kit-container {
526
- max-width: 1024px;
527
- }
528
- }
529
- @media (min-width: 1280px) {
530
-
531
- .dgs-ui-kit-container {
532
- max-width: 1280px;
533
- }
534
- }
535
- @media (min-width: 1536px) {
536
-
537
- .dgs-ui-kit-container {
538
- max-width: 1536px;
539
- }
540
- }
541
- .dgs-ui-kit-fixed {
542
- position: fixed;
543
- }
544
- .dgs-ui-kit-absolute {
545
- position: absolute;
546
- }
547
- .dgs-ui-kit-relative {
548
- position: relative;
549
- }
550
- .dgs-ui-kit-bottom-0 {
551
- bottom: 0px;
552
- }
553
- .dgs-ui-kit-bottom-4 {
554
- bottom: 1rem;
555
- }
556
- .dgs-ui-kit-left-0 {
557
- left: 0px;
558
- }
559
- .dgs-ui-kit-left-\[5\.5\%\] {
560
- left: 5.5%;
561
- }
562
- .dgs-ui-kit-top-0 {
563
- top: 0px;
564
- }
565
- .dgs-ui-kit-top-1\/2 {
566
- top: 50%;
567
- }
568
- .dgs-ui-kit-my-\[2px\] {
569
- margin-top: 2px;
570
- margin-bottom: 2px;
571
- }
572
- .dgs-ui-kit-mb-2 {
573
- margin-bottom: 0.5rem;
574
- }
575
- .dgs-ui-kit-ml-2 {
576
- margin-left: 0.5rem;
577
- }
578
- .dgs-ui-kit-mr-2 {
579
- margin-right: 0.5rem;
580
- }
581
- .dgs-ui-kit-ms-2 {
582
- margin-inline-start: 0.5rem;
583
- }
584
- .dgs-ui-kit-mt-1 {
585
- margin-top: 0.25rem;
586
- }
587
- .dgs-ui-kit-mt-2 {
588
- margin-top: 0.5rem;
589
- }
590
- .dgs-ui-kit-mt-3 {
591
- margin-top: 0.75rem;
592
- }
593
- .dgs-ui-kit-mt-4 {
594
- margin-top: 1rem;
595
- }
596
- .dgs-ui-kit-block {
597
- display: block;
598
- }
599
- .dgs-ui-kit-flex {
600
- display: flex;
601
- }
602
- .dgs-ui-kit-inline-flex {
603
- display: inline-flex;
604
- }
605
- .dgs-ui-kit-grid {
606
- display: grid;
607
- }
608
- .dgs-ui-kit-h-1 {
609
- height: 0.25rem;
610
- }
611
- .dgs-ui-kit-h-2 {
612
- height: 0.5rem;
613
- }
614
- .dgs-ui-kit-h-3 {
615
- height: 0.75rem;
616
- }
617
- .dgs-ui-kit-h-4 {
618
- height: 1rem;
619
- }
620
- .dgs-ui-kit-h-9 {
621
- height: 2.25rem;
622
- }
623
- .dgs-ui-kit-h-\[14px\] {
624
- height: 14px;
625
- }
626
- .dgs-ui-kit-h-\[18px\] {
627
- height: 18px;
628
- }
629
- .dgs-ui-kit-h-\[1px\] {
630
- height: 1px;
631
- }
632
- .dgs-ui-kit-h-\[200px\] {
633
- height: 200px;
634
- }
635
- .dgs-ui-kit-h-\[6px\] {
636
- height: 6px;
637
- }
638
- .dgs-ui-kit-h-auto {
639
- height: auto;
640
- }
641
- .dgs-ui-kit-h-fit {
642
- height: -moz-fit-content;
643
- height: fit-content;
644
- }
645
- .dgs-ui-kit-h-full {
646
- height: 100%;
647
- }
648
- .dgs-ui-kit-w-1 {
649
- width: 0.25rem;
650
- }
651
- .dgs-ui-kit-w-2 {
652
- width: 0.5rem;
653
- }
654
- .dgs-ui-kit-w-3 {
655
- width: 0.75rem;
656
- }
657
- .dgs-ui-kit-w-4 {
658
- width: 1rem;
659
- }
660
- .dgs-ui-kit-w-9 {
661
- width: 2.25rem;
662
- }
663
- .dgs-ui-kit-w-\[14px\] {
664
- width: 14px;
665
- }
666
- .dgs-ui-kit-w-\[18px\] {
667
- width: 18px;
668
- }
669
- .dgs-ui-kit-w-\[1px\] {
670
- width: 1px;
671
- }
672
- .dgs-ui-kit-w-\[22px\] {
673
- width: 22px;
674
- }
675
- .dgs-ui-kit-w-\[400px\] {
676
- width: 400px;
677
- }
678
- .dgs-ui-kit-w-\[6px\] {
679
- width: 6px;
680
- }
681
- .dgs-ui-kit-w-auto {
682
- width: auto;
683
- }
684
- .dgs-ui-kit-w-fit {
685
- width: -moz-fit-content;
686
- width: fit-content;
687
- }
688
- .dgs-ui-kit-w-full {
689
- width: 100%;
690
- }
691
- .dgs-ui-kit-min-w-5 {
692
- min-width: 1.25rem;
693
- }
694
- .dgs-ui-kit-min-w-6 {
695
- min-width: 1.5rem;
696
- }
697
- .dgs-ui-kit-min-w-8 {
698
- min-width: 2rem;
699
- }
700
- .dgs-ui-kit-min-w-max {
701
- min-width: -moz-max-content;
702
- min-width: max-content;
703
- }
704
- .dgs-ui-kit-flex-1 {
705
- flex: 1 1 0%;
706
- }
707
- .dgs-ui-kit-shrink-0 {
708
- flex-shrink: 0;
709
- }
710
- .-dgs-ui-kit-translate-y-1\/2 {
711
- --tw-translate-y: -50%;
712
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
713
- }
714
- .dgs-ui-kit-rotate-180 {
715
- --tw-rotate: 180deg;
716
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
717
- }
718
- .dgs-ui-kit-cursor-text {
719
- cursor: text;
720
- }
721
- .dgs-ui-kit-resize-none {
722
- resize: none;
723
- }
724
- .dgs-ui-kit-snap-x {
725
- scroll-snap-type: x var(--tw-scroll-snap-strictness);
726
- }
727
- .dgs-ui-kit-snap-mandatory {
728
- --tw-scroll-snap-strictness: mandatory;
729
- }
730
- .dgs-ui-kit-snap-always {
731
- scroll-snap-stop: always;
732
- }
733
- .dgs-ui-kit-appearance-none {
734
- -webkit-appearance: none;
735
- -moz-appearance: none;
736
- appearance: none;
737
- }
738
- .dgs-ui-kit-grid-rows-\[0fr\] {
739
- grid-template-rows: 0fr;
740
- }
741
- .dgs-ui-kit-grid-rows-\[1fr\] {
742
- grid-template-rows: 1fr;
743
- }
744
- .dgs-ui-kit-flex-col {
745
- flex-direction: column;
746
- }
747
- .dgs-ui-kit-items-start {
748
- align-items: flex-start;
749
- }
750
- .dgs-ui-kit-items-center {
751
- align-items: center;
752
- }
753
- .dgs-ui-kit-justify-start {
754
- justify-content: flex-start;
755
- }
756
- .dgs-ui-kit-justify-end {
757
- justify-content: flex-end;
758
- }
759
- .dgs-ui-kit-justify-center {
760
- justify-content: center;
761
- }
762
- .dgs-ui-kit-justify-between {
763
- justify-content: space-between;
764
- }
765
- .dgs-ui-kit-gap-1 {
766
- gap: 0.25rem;
767
- }
768
- .dgs-ui-kit-gap-2 {
769
- gap: 0.5rem;
770
- }
771
- .dgs-ui-kit-gap-3 {
772
- gap: 0.75rem;
773
- }
774
- .dgs-ui-kit-gap-\[2px\] {
775
- gap: 2px;
776
- }
777
- .dgs-ui-kit-gap-\[6px\] {
778
- gap: 6px;
779
- }
780
- .dgs-ui-kit-gap-x-1 {
781
- -moz-column-gap: 0.25rem;
782
- column-gap: 0.25rem;
783
- }
784
- .dgs-ui-kit-gap-x-2 {
785
- -moz-column-gap: 0.5rem;
786
- column-gap: 0.5rem;
787
- }
788
- .dgs-ui-kit-gap-x-3 {
789
- -moz-column-gap: 0.75rem;
790
- column-gap: 0.75rem;
791
- }
792
- .dgs-ui-kit-space-x-2 > :not([hidden]) ~ :not([hidden]) {
793
- --tw-space-x-reverse: 0;
794
- margin-right: calc(0.5rem * var(--tw-space-x-reverse));
795
- margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
796
- }
797
- .dgs-ui-kit-space-y-1 > :not([hidden]) ~ :not([hidden]) {
798
- --tw-space-y-reverse: 0;
799
- margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
800
- margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
801
- }
802
- .dgs-ui-kit-space-x-reverse > :not([hidden]) ~ :not([hidden]) {
803
- --tw-space-x-reverse: 1;
804
- }
805
- .dgs-ui-kit-overflow-hidden {
806
- overflow: hidden;
807
- }
808
- .dgs-ui-kit-overflow-x-auto {
809
- overflow-x: auto;
810
- }
811
- .dgs-ui-kit-overflow-x-hidden {
812
- overflow-x: hidden;
813
- }
814
- .dgs-ui-kit-rounded {
815
- border-radius: 0.25rem;
816
- }
817
- .dgs-ui-kit-rounded-\[20px\] {
818
- border-radius: 20px;
819
- }
820
- .dgs-ui-kit-rounded-full {
821
- border-radius: 9999px;
822
- }
823
- .dgs-ui-kit-rounded-lg {
824
- border-radius: 0.5rem;
825
- }
826
- .dgs-ui-kit-rounded-xl {
827
- border-radius: 0.75rem;
828
- }
829
- .dgs-ui-kit-border {
830
- border-width: 1px;
831
- }
832
- .dgs-ui-kit-border-solid {
833
- border-style: solid;
834
- }
835
- .\!dgs-ui-kit-border-error-500 {
836
- --tw-border-opacity: 1 !important;
837
- border-color: rgb(213 28 41 / var(--tw-border-opacity)) !important;
838
- }
839
- .dgs-ui-kit-border-error-200 {
840
- --tw-border-opacity: 1;
841
- border-color: rgb(237 161 166 / var(--tw-border-opacity));
842
- }
843
- .dgs-ui-kit-border-error-500 {
844
- --tw-border-opacity: 1;
845
- border-color: rgb(213 28 41 / var(--tw-border-opacity));
846
- }
847
- .dgs-ui-kit-border-gray-200 {
848
- --tw-border-opacity: 1;
849
- border-color: rgb(226 232 240 / var(--tw-border-opacity));
850
- }
851
- .dgs-ui-kit-border-gray-300 {
852
- --tw-border-opacity: 1;
853
- border-color: rgb(203 213 225 / var(--tw-border-opacity));
854
- }
855
- .dgs-ui-kit-border-gray-500 {
856
- --tw-border-opacity: 1;
857
- border-color: rgb(100 116 139 / var(--tw-border-opacity));
858
- }
859
- .dgs-ui-kit-border-primary-100 {
860
- --tw-border-opacity: 1;
861
- border-color: rgb(200 211 247 / var(--tw-border-opacity));
862
- }
863
- .dgs-ui-kit-border-primary-300 {
864
- --tw-border-opacity: 1;
865
- border-color: rgb(117 144 235 / var(--tw-border-opacity));
866
- }
867
- .dgs-ui-kit-border-success-200 {
868
- --tw-border-opacity: 1;
869
- border-color: rgb(167 243 224 / var(--tw-border-opacity));
870
- }
871
- .dgs-ui-kit-border-success-500 {
872
- --tw-border-opacity: 1;
873
- border-color: rgb(16 185 143 / var(--tw-border-opacity));
874
- }
875
- .dgs-ui-kit-border-transparent {
876
- border-color: transparent;
877
- }
878
- .dgs-ui-kit-border-warning-200 {
879
- --tw-border-opacity: 1;
880
- border-color: rgb(254 222 142 / var(--tw-border-opacity));
881
- }
882
- .dgs-ui-kit-border-warning-500 {
883
- --tw-border-opacity: 1;
884
- border-color: rgb(253 187 19 / var(--tw-border-opacity));
885
- }
886
- .dgs-ui-kit-bg-error-100 {
887
- --tw-bg-opacity: 1;
888
- background-color: rgb(250 209 212 / var(--tw-bg-opacity));
889
- }
890
- .dgs-ui-kit-bg-error-50 {
891
- --tw-bg-opacity: 1;
892
- background-color: rgb(255 235 236 / var(--tw-bg-opacity));
893
- }
894
- .dgs-ui-kit-bg-error-500 {
895
- --tw-bg-opacity: 1;
896
- background-color: rgb(213 28 41 / var(--tw-bg-opacity));
897
- }
898
- .dgs-ui-kit-bg-gray-100 {
899
- --tw-bg-opacity: 1;
900
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
901
- }
902
- .dgs-ui-kit-bg-gray-200 {
903
- --tw-bg-opacity: 1;
904
- background-color: rgb(226 232 240 / var(--tw-bg-opacity));
905
- }
906
- .dgs-ui-kit-bg-gray-50 {
907
- --tw-bg-opacity: 1;
908
- background-color: rgb(248 250 252 / var(--tw-bg-opacity));
909
- }
910
- .dgs-ui-kit-bg-gray-500 {
911
- --tw-bg-opacity: 1;
912
- background-color: rgb(100 116 139 / var(--tw-bg-opacity));
913
- }
914
- .dgs-ui-kit-bg-gray-500\/50 {
915
- background-color: rgb(100 116 139 / 0.5);
916
- }
917
- .dgs-ui-kit-bg-gray-600 {
918
- --tw-bg-opacity: 1;
919
- background-color: rgb(71 85 105 / var(--tw-bg-opacity));
920
- }
921
- .dgs-ui-kit-bg-gray-700 {
922
- --tw-bg-opacity: 1;
923
- background-color: rgb(51 65 85 / var(--tw-bg-opacity));
924
- }
925
- .dgs-ui-kit-bg-primary-50 {
926
- --tw-bg-opacity: 1;
927
- background-color: rgb(240 243 255 / var(--tw-bg-opacity));
928
- }
929
- .dgs-ui-kit-bg-primary-500 {
930
- --tw-bg-opacity: 1;
931
- background-color: rgb(40 82 228 / var(--tw-bg-opacity));
932
- }
933
- .dgs-ui-kit-bg-secondary-100 {
934
- --tw-bg-opacity: 1;
935
- background-color: rgb(226 243 243 / var(--tw-bg-opacity));
936
- }
937
- .dgs-ui-kit-bg-secondary-600 {
938
- --tw-bg-opacity: 1;
939
- background-color: rgb(0 155 157 / var(--tw-bg-opacity));
940
- }
941
- .dgs-ui-kit-bg-success-100 {
942
- --tw-bg-opacity: 1;
943
- background-color: rgb(209 250 240 / var(--tw-bg-opacity));
944
- }
945
- .dgs-ui-kit-bg-success-50 {
946
- --tw-bg-opacity: 1;
947
- background-color: rgb(236 253 249 / var(--tw-bg-opacity));
948
- }
949
- .dgs-ui-kit-bg-success-500 {
950
- --tw-bg-opacity: 1;
951
- background-color: rgb(16 185 143 / var(--tw-bg-opacity));
952
- }
953
- .dgs-ui-kit-bg-success-600 {
954
- --tw-bg-opacity: 1;
955
- background-color: rgb(5 150 114 / var(--tw-bg-opacity));
956
- }
957
- .dgs-ui-kit-bg-transparent {
958
- background-color: transparent;
959
- }
960
- .dgs-ui-kit-bg-warning-100 {
961
- --tw-bg-opacity: 1;
962
- background-color: rgb(254 233 178 / var(--tw-bg-opacity));
963
- }
964
- .dgs-ui-kit-bg-warning-50 {
965
- --tw-bg-opacity: 1;
966
- background-color: rgb(255 246 224 / var(--tw-bg-opacity));
967
- }
968
- .dgs-ui-kit-bg-warning-500 {
969
- --tw-bg-opacity: 1;
970
- background-color: rgb(253 187 19 / var(--tw-bg-opacity));
971
- }
972
- .dgs-ui-kit-bg-white {
973
- --tw-bg-opacity: 1;
974
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
975
- }
976
- .dgs-ui-kit-p-3 {
977
- padding: 0.75rem;
978
- }
979
- .dgs-ui-kit-p-4 {
980
- padding: 1rem;
981
- }
982
- .dgs-ui-kit-p-\[10px\] {
983
- padding: 10px;
984
- }
985
- .dgs-ui-kit-p-\[1px\] {
986
- padding: 1px;
987
- }
988
- .dgs-ui-kit-px-0 {
989
- padding-left: 0px;
990
- padding-right: 0px;
991
- }
992
- .dgs-ui-kit-px-2 {
993
- padding-left: 0.5rem;
994
- padding-right: 0.5rem;
995
- }
996
- .dgs-ui-kit-px-4 {
997
- padding-left: 1rem;
998
- padding-right: 1rem;
999
- }
1000
- .dgs-ui-kit-px-5 {
1001
- padding-left: 1.25rem;
1002
- padding-right: 1.25rem;
1003
- }
1004
- .dgs-ui-kit-px-6 {
1005
- padding-left: 1.5rem;
1006
- padding-right: 1.5rem;
1007
- }
1008
- .dgs-ui-kit-px-\[10px\] {
1009
- padding-left: 10px;
1010
- padding-right: 10px;
1011
- }
1012
- .dgs-ui-kit-px-\[5\.5\%\] {
1013
- padding-left: 5.5%;
1014
- padding-right: 5.5%;
1015
- }
1016
- .dgs-ui-kit-px-\[6px\] {
1017
- padding-left: 6px;
1018
- padding-right: 6px;
1019
- }
1020
- .dgs-ui-kit-py-1 {
1021
- padding-top: 0.25rem;
1022
- padding-bottom: 0.25rem;
1023
- }
1024
- .dgs-ui-kit-py-2 {
1025
- padding-top: 0.5rem;
1026
- padding-bottom: 0.5rem;
1027
- }
1028
- .dgs-ui-kit-py-2\.5 {
1029
- padding-top: 0.625rem;
1030
- padding-bottom: 0.625rem;
1031
- }
1032
- .dgs-ui-kit-py-3 {
1033
- padding-top: 0.75rem;
1034
- padding-bottom: 0.75rem;
1035
- }
1036
- .dgs-ui-kit-py-\[2px\] {
1037
- padding-top: 2px;
1038
- padding-bottom: 2px;
1039
- }
1040
- .dgs-ui-kit-pt-4 {
1041
- padding-top: 1rem;
1042
- }
1043
- .\!dgs-ui-kit-text-left {
1044
- text-align: left !important;
1045
- }
1046
- .dgs-ui-kit-text-right {
1047
- text-align: right;
1048
- }
1049
- .dgs-ui-kit-text-sm {
1050
- font-size: 0.875rem;
1051
- line-height: 1.25rem;
1052
- }
1053
- .dgs-ui-kit-font-bold {
1054
- font-weight: 700;
1055
- }
1056
- .dgs-ui-kit-text-black {
1057
- --tw-text-opacity: 1;
1058
- color: rgb(0 0 0 / var(--tw-text-opacity));
1059
- }
1060
- .dgs-ui-kit-text-error-500 {
1061
- --tw-text-opacity: 1;
1062
- color: rgb(213 28 41 / var(--tw-text-opacity));
1063
- }
1064
- .dgs-ui-kit-text-error-600 {
1065
- --tw-text-opacity: 1;
1066
- color: rgb(167 5 16 / var(--tw-text-opacity));
1067
- }
1068
- .dgs-ui-kit-text-error-700 {
1069
- --tw-text-opacity: 1;
1070
- color: rgb(117 0 8 / var(--tw-text-opacity));
1071
- }
1072
- .dgs-ui-kit-text-gray-400 {
1073
- --tw-text-opacity: 1;
1074
- color: rgb(148 163 184 / var(--tw-text-opacity));
1075
- }
1076
- .dgs-ui-kit-text-gray-500 {
1077
- --tw-text-opacity: 1;
1078
- color: rgb(100 116 139 / var(--tw-text-opacity));
1079
- }
1080
- .dgs-ui-kit-text-gray-600 {
1081
- --tw-text-opacity: 1;
1082
- color: rgb(71 85 105 / var(--tw-text-opacity));
1083
- }
1084
- .dgs-ui-kit-text-gray-700 {
1085
- --tw-text-opacity: 1;
1086
- color: rgb(51 65 85 / var(--tw-text-opacity));
1087
- }
1088
- .dgs-ui-kit-text-gray-800 {
1089
- --tw-text-opacity: 1;
1090
- color: rgb(30 41 59 / var(--tw-text-opacity));
1091
- }
1092
- .dgs-ui-kit-text-gray-900 {
1093
- --tw-text-opacity: 1;
1094
- color: rgb(15 23 42 / var(--tw-text-opacity));
1095
- }
1096
- .dgs-ui-kit-text-primary-400 {
1097
- --tw-text-opacity: 1;
1098
- color: rgb(76 110 229 / var(--tw-text-opacity));
1099
- }
1100
- .dgs-ui-kit-text-primary-500 {
1101
- --tw-text-opacity: 1;
1102
- color: rgb(40 82 228 / var(--tw-text-opacity));
1103
- }
1104
- .dgs-ui-kit-text-primary-600 {
1105
- --tw-text-opacity: 1;
1106
- color: rgb(21 59 191 / var(--tw-text-opacity));
1107
- }
1108
- .dgs-ui-kit-text-primary-700 {
1109
- --tw-text-opacity: 1;
1110
- color: rgb(16 44 143 / var(--tw-text-opacity));
1111
- }
1112
- .dgs-ui-kit-text-secondary-700 {
1113
- --tw-text-opacity: 1;
1114
- color: rgb(0 124 125 / var(--tw-text-opacity));
1115
- }
1116
- .dgs-ui-kit-text-success-600 {
1117
- --tw-text-opacity: 1;
1118
- color: rgb(5 150 114 / var(--tw-text-opacity));
1119
- }
1120
- .dgs-ui-kit-text-success-700 {
1121
- --tw-text-opacity: 1;
1122
- color: rgb(4 120 91 / var(--tw-text-opacity));
1123
- }
1124
- .dgs-ui-kit-text-success-800 {
1125
- --tw-text-opacity: 1;
1126
- color: rgb(6 95 73 / var(--tw-text-opacity));
1127
- }
1128
- .dgs-ui-kit-text-warning-600 {
1129
- --tw-text-opacity: 1;
1130
- color: rgb(216 158 13 / var(--tw-text-opacity));
1131
- }
1132
- .dgs-ui-kit-text-warning-700 {
1133
- --tw-text-opacity: 1;
1134
- color: rgb(162 119 6 / var(--tw-text-opacity));
1135
- }
1136
- .dgs-ui-kit-text-warning-800 {
1137
- --tw-text-opacity: 1;
1138
- color: rgb(108 78 2 / var(--tw-text-opacity));
1139
- }
1140
- .dgs-ui-kit-text-white {
1141
- --tw-text-opacity: 1;
1142
- color: rgb(255 255 255 / var(--tw-text-opacity));
1143
- }
1144
- .dgs-ui-kit-opacity-0 {
1145
- opacity: 0;
1146
- }
1147
- .dgs-ui-kit-opacity-100 {
1148
- opacity: 1;
1149
- }
1150
- .dgs-ui-kit-ring-4 {
1151
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1152
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1153
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1154
- }
1155
- .dgs-ui-kit-ring-transparent {
1156
- --tw-ring-color: transparent;
1157
- }
1158
- .dgs-ui-kit-ring-offset-white {
1159
- --tw-ring-offset-color: #fff;
1160
- }
1161
- .dgs-ui-kit-transition {
1162
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
1163
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1164
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
1165
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1166
- transition-duration: 150ms;
1167
- }
1168
- .dgs-ui-kit-transition-all {
1169
- transition-property: all;
1170
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1171
- transition-duration: 150ms;
1172
- }
1173
- .dgs-ui-kit-transition-opacity {
1174
- transition-property: opacity;
1175
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1176
- transition-duration: 150ms;
1177
- }
1178
- .dgs-ui-kit-duration-300 {
1179
- transition-duration: 300ms;
1180
- }
1181
- .dgs-ui-kit-ease-in-out {
1182
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1183
- }
1184
- .dgs-ui-kit-font-h5-bold {
1185
- font-size: 16px;
1186
- font-style: normal;
1187
- font-weight: 700;
1188
- line-height: 28px;
1189
- }
1190
- .dgs-ui-kit-font-h6-bold {
1191
- font-size: 14px;
1192
- font-style: normal;
1193
- font-weight: 700;
1194
- line-height: 24px;
1195
- }
1196
- .dgs-ui-kit-font-p1-regular {
1197
- font-size: 16px;
1198
- font-style: normal;
1199
- font-weight: 400;
1200
- line-height: 28px;
1201
- }
1202
- .dgs-ui-kit-font-p1-medium {
1203
- font-size: 16px;
1204
- font-style: normal;
1205
- font-weight: 500;
1206
- line-height: 28px;
1207
- }
1208
- .dgs-ui-kit-font-p2-regular {
1209
- font-size: 14px;
1210
- font-style: normal;
1211
- font-weight: 400;
1212
- line-height: 24px;
1213
- }
1214
- .dgs-ui-kit-font-p2-medium {
1215
- font-size: 14px;
1216
- font-style: normal;
1217
- font-weight: 500;
1218
- line-height: 24px;
1219
- }
1220
- .dgs-ui-kit-font-p3-regular {
1221
- font-size: 13px;
1222
- font-style: normal;
1223
- font-weight: 400;
1224
- line-height: 24px;
1225
- }
1226
- .dgs-ui-kit-font-p3-medium {
1227
- font-size: 13px;
1228
- font-style: normal;
1229
- font-weight: 500;
1230
- line-height: 24px;
1231
- }
1232
- .dgs-ui-kit-font-button-large {
1233
- font-size: 16px;
1234
- font-style: normal;
1235
- font-weight: 600;
1236
- line-height: 24px;
1237
- }
1238
- .dgs-ui-kit-font-button-medium {
1239
- font-size: 14px;
1240
- font-style: normal;
1241
- font-weight: 600;
1242
- line-height: 24px;
1243
- }
1244
- .dgs-ui-kit-font-button-small {
1245
- font-size: 13px;
1246
- font-style: normal;
1247
- font-weight: 600;
1248
- line-height: 20px;
1249
- }
1250
- .dgs-ui-kit-font-caption-regular {
1251
- font-size: 11px;
1252
- font-style: normal;
1253
- font-weight: 400;
1254
- line-height: 20px;
1255
- }
1256
- .dgs-ui-kit-font-caption-demibold {
1257
- font-size: 11px;
1258
- font-style: normal;
1259
- font-weight: 600;
1260
- line-height: 16px;
1261
- }
1262
- .dgs-ui-kit-font-oveline-demibold {
1263
- font-size: 10px;
1264
- font-style: normal;
1265
- font-weight: 600;
1266
- line-height: 12px;
1267
- }
1268
- /* Hide scrollbar for Chrome, Safari and Opera */
1269
- .no-scrollbar::-webkit-scrollbar {
1270
- display: none;
1271
- }
1272
- /* Hide scrollbar for IE, Edge and Firefox */
1273
- .no-scrollbar {
1274
- -ms-overflow-style: none; /* IE and Edge */
1275
- scrollbar-width: none; /* Firefox */
1276
- }
1277
- .ss02 {
1278
- font-feature-settings: 'ss02';
1279
- }
1280
- .button-large-icon .icon-button {
1281
- width: 20px;
1282
- height: 20px;
1283
- }
1284
- button svg {
1285
- width: 100%;
1286
- height: 100%;
1287
- }
1288
- .button-medium-icon .icon-button {
1289
- width: 18px;
1290
- height: 18px;
1291
- }
1292
- .button-small-icon .icon-button {
1293
- width: 16px;
1294
- height: 16px;
1295
- }
1296
- .dot-flashing {
1297
- position: relative;
1298
- width: 7px;
1299
- height: 7px;
1300
- border-radius: 5px;
1301
- background-color: #c8d3f7;
1302
- color: #c8d3f7;
1303
- animation: dot-flashing 0.25s infinite linear alternate;
1304
- animation-delay: 0.125s;
1305
- margin: 0 0.75rem;
1306
- }
1307
- .dot-flashing::before,
1308
- .dot-flashing::after {
1309
- content: '';
1310
- display: inline-block;
1311
- position: absolute;
1312
- top: 0;
1313
- }
1314
- .dot-flashing::before {
1315
- left: -15px;
1316
- width: 7px;
1317
- height: 7px;
1318
- border-radius: 5px;
1319
- background-color: #c8d3f7;
1320
- color: #c8d3f7;
1321
- animation: dot-flashing 0.25s infinite alternate;
1322
- animation-delay: 0s;
1323
- }
1324
- .dot-flashing::after {
1325
- left: 15px;
1326
- width: 7px;
1327
- height: 7px;
1328
- border-radius: 5px;
1329
- background-color: #c8d3f7;
1330
- color: #c8d3f7;
1331
- animation: dot-flashing 0.25s infinite alternate;
1332
- animation-delay: 0.25s;
1333
- }
1334
- @keyframes dot-flashing {
1335
- 0% {
1336
- background-color: #c8d3f7;
1337
- }
1338
- 50%,
1339
- 100% {
1340
- background-color: #f0f3ff;
1341
- color: #f0f3ff;
1342
- }
1343
- }
1344
- .placeholder\:dgs-ui-kit-text-left::-moz-placeholder {
1345
- text-align: left;
1346
- }
1347
- .placeholder\:dgs-ui-kit-text-left::placeholder {
1348
- text-align: left;
1349
- }
1350
- .placeholder\:dgs-ui-kit-text-right::-moz-placeholder {
1351
- text-align: right;
1352
- }
1353
- .placeholder\:dgs-ui-kit-text-right::placeholder {
1354
- text-align: right;
1355
- }
1356
- .checked\:dgs-ui-kit-border-transparent:checked {
1357
- border-color: transparent;
1358
- }
1359
- .checked\:dgs-ui-kit-bg-primary-500:checked {
1360
- --tw-bg-opacity: 1;
1361
- background-color: rgb(40 82 228 / var(--tw-bg-opacity));
1362
- }
1363
- .hover\:dgs-ui-kit-border-error-400:hover {
1364
- --tw-border-opacity: 1;
1365
- border-color: rgb(219 87 96 / var(--tw-border-opacity));
1366
- }
1367
- .hover\:dgs-ui-kit-border-gray-300:hover {
1368
- --tw-border-opacity: 1;
1369
- border-color: rgb(203 213 225 / var(--tw-border-opacity));
1370
- }
1371
- .hover\:dgs-ui-kit-border-gray-400:hover {
1372
- --tw-border-opacity: 1;
1373
- border-color: rgb(148 163 184 / var(--tw-border-opacity));
1374
- }
1375
- .hover\:dgs-ui-kit-border-primary-200:hover {
1376
- --tw-border-opacity: 1;
1377
- border-color: rgb(158 176 240 / var(--tw-border-opacity));
1378
- }
1379
- .hover\:dgs-ui-kit-border-success-400:hover {
1380
- --tw-border-opacity: 1;
1381
- border-color: rgb(52 211 171 / var(--tw-border-opacity));
1382
- }
1383
- .hover\:dgs-ui-kit-border-warning-400:hover {
1384
- --tw-border-opacity: 1;
1385
- border-color: rgb(253 199 63 / var(--tw-border-opacity));
1386
- }
1387
- .hover\:dgs-ui-kit-bg-error-300:hover {
1388
- --tw-bg-opacity: 1;
1389
- background-color: rgb(227 120 127 / var(--tw-bg-opacity));
1390
- }
1391
- .hover\:dgs-ui-kit-bg-error-50:hover {
1392
- --tw-bg-opacity: 1;
1393
- background-color: rgb(255 235 236 / var(--tw-bg-opacity));
1394
- }
1395
- .hover\:dgs-ui-kit-bg-gray-300:hover {
1396
- --tw-bg-opacity: 1;
1397
- background-color: rgb(203 213 225 / var(--tw-bg-opacity));
1398
- }
1399
- .hover\:dgs-ui-kit-bg-gray-50:hover {
1400
- --tw-bg-opacity: 1;
1401
- background-color: rgb(248 250 252 / var(--tw-bg-opacity));
1402
- }
1403
- .hover\:dgs-ui-kit-bg-gray-500\/80:hover {
1404
- background-color: rgb(100 116 139 / 0.8);
1405
- }
1406
- .hover\:dgs-ui-kit-bg-primary-300:hover {
1407
- --tw-bg-opacity: 1;
1408
- background-color: rgb(117 144 235 / var(--tw-bg-opacity));
1409
- }
1410
- .hover\:dgs-ui-kit-bg-success-300:hover {
1411
- --tw-bg-opacity: 1;
1412
- background-color: rgb(110 231 201 / var(--tw-bg-opacity));
1413
- }
1414
- .hover\:dgs-ui-kit-bg-success-50:hover {
1415
- --tw-bg-opacity: 1;
1416
- background-color: rgb(236 253 249 / var(--tw-bg-opacity));
1417
- }
1418
- .hover\:dgs-ui-kit-bg-warning-300:hover {
1419
- --tw-bg-opacity: 1;
1420
- background-color: rgb(254 212 107 / var(--tw-bg-opacity));
1421
- }
1422
- .hover\:dgs-ui-kit-bg-warning-50:hover {
1423
- --tw-bg-opacity: 1;
1424
- background-color: rgb(255 246 224 / var(--tw-bg-opacity));
1425
- }
1426
- .hover\:dgs-ui-kit-text-error-400:hover {
1427
- --tw-text-opacity: 1;
1428
- color: rgb(219 87 96 / var(--tw-text-opacity));
1429
- }
1430
- .hover\:dgs-ui-kit-text-error-600:hover {
1431
- --tw-text-opacity: 1;
1432
- color: rgb(167 5 16 / var(--tw-text-opacity));
1433
- }
1434
- .hover\:dgs-ui-kit-text-gray-400:hover {
1435
- --tw-text-opacity: 1;
1436
- color: rgb(148 163 184 / var(--tw-text-opacity));
1437
- }
1438
- .hover\:dgs-ui-kit-text-gray-600:hover {
1439
- --tw-text-opacity: 1;
1440
- color: rgb(71 85 105 / var(--tw-text-opacity));
1441
- }
1442
- .hover\:dgs-ui-kit-text-primary-300:hover {
1443
- --tw-text-opacity: 1;
1444
- color: rgb(117 144 235 / var(--tw-text-opacity));
1445
- }
1446
- .hover\:dgs-ui-kit-text-primary-500:hover {
1447
- --tw-text-opacity: 1;
1448
- color: rgb(40 82 228 / var(--tw-text-opacity));
1449
- }
1450
- .hover\:dgs-ui-kit-text-success-400:hover {
1451
- --tw-text-opacity: 1;
1452
- color: rgb(52 211 171 / var(--tw-text-opacity));
1453
- }
1454
- .hover\:dgs-ui-kit-text-success-600:hover {
1455
- --tw-text-opacity: 1;
1456
- color: rgb(5 150 114 / var(--tw-text-opacity));
1457
- }
1458
- .hover\:dgs-ui-kit-text-warning-400:hover {
1459
- --tw-text-opacity: 1;
1460
- color: rgb(253 199 63 / var(--tw-text-opacity));
1461
- }
1462
- .hover\:dgs-ui-kit-text-warning-600:hover {
1463
- --tw-text-opacity: 1;
1464
- color: rgb(216 158 13 / var(--tw-text-opacity));
1465
- }
1466
- .hover\:dgs-ui-kit-ring-4:hover {
1467
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1468
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1469
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1470
- }
1471
- .hover\:dgs-ui-kit-ring-error-50:hover {
1472
- --tw-ring-opacity: 1;
1473
- --tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity));
1474
- }
1475
- .hover\:dgs-ui-kit-ring-gray-100:hover {
1476
- --tw-ring-opacity: 1;
1477
- --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
1478
- }
1479
- .hover\:dgs-ui-kit-ring-gray-50:hover {
1480
- --tw-ring-opacity: 1;
1481
- --tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity));
1482
- }
1483
- .focus\:dgs-ui-kit-outline-none:focus {
1484
- outline: 2px solid transparent;
1485
- outline-offset: 2px;
1486
- }
1487
- .focus\:\!dgs-ui-kit-ring:focus {
1488
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
1489
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
1490
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
1491
- }
1492
- .focus\:\!dgs-ui-kit-ring-error-300:focus {
1493
- --tw-ring-opacity: 1 !important;
1494
- --tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity)) !important;
1495
- }
1496
- .focus\:\!dgs-ui-kit-ring-primary-300:focus {
1497
- --tw-ring-opacity: 1 !important;
1498
- --tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity)) !important;
1499
- }
1500
- .focus\:dgs-ui-kit-ring-offset-1:focus {
1501
- --tw-ring-offset-width: 1px;
1502
- }
1503
- .focus\:dgs-ui-kit-ring-offset-white:focus {
1504
- --tw-ring-offset-color: #fff;
1505
- }
1506
- .active\:dgs-ui-kit-border-error-600:active {
1507
- --tw-border-opacity: 1;
1508
- border-color: rgb(167 5 16 / var(--tw-border-opacity));
1509
- }
1510
- .active\:dgs-ui-kit-border-gray-600:active {
1511
- --tw-border-opacity: 1;
1512
- border-color: rgb(71 85 105 / var(--tw-border-opacity));
1513
- }
1514
- .active\:dgs-ui-kit-border-primary-600:active {
1515
- --tw-border-opacity: 1;
1516
- border-color: rgb(21 59 191 / var(--tw-border-opacity));
1517
- }
1518
- .active\:dgs-ui-kit-border-success-600:active {
1519
- --tw-border-opacity: 1;
1520
- border-color: rgb(5 150 114 / var(--tw-border-opacity));
1521
- }
1522
- .active\:dgs-ui-kit-border-warning-600:active {
1523
- --tw-border-opacity: 1;
1524
- border-color: rgb(216 158 13 / var(--tw-border-opacity));
1525
- }
1526
- .active\:dgs-ui-kit-bg-error-200:active {
1527
- --tw-bg-opacity: 1;
1528
- background-color: rgb(237 161 166 / var(--tw-bg-opacity));
1529
- }
1530
- .active\:dgs-ui-kit-bg-error-600:active {
1531
- --tw-bg-opacity: 1;
1532
- background-color: rgb(167 5 16 / var(--tw-bg-opacity));
1533
- }
1534
- .active\:dgs-ui-kit-bg-gray-200:active {
1535
- --tw-bg-opacity: 1;
1536
- background-color: rgb(226 232 240 / var(--tw-bg-opacity));
1537
- }
1538
- .active\:dgs-ui-kit-bg-gray-600:active {
1539
- --tw-bg-opacity: 1;
1540
- background-color: rgb(71 85 105 / var(--tw-bg-opacity));
1541
- }
1542
- .active\:dgs-ui-kit-bg-primary-600:active {
1543
- --tw-bg-opacity: 1;
1544
- background-color: rgb(21 59 191 / var(--tw-bg-opacity));
1545
- }
1546
- .active\:dgs-ui-kit-bg-success-200:active {
1547
- --tw-bg-opacity: 1;
1548
- background-color: rgb(167 243 224 / var(--tw-bg-opacity));
1549
- }
1550
- .active\:dgs-ui-kit-bg-success-600:active {
1551
- --tw-bg-opacity: 1;
1552
- background-color: rgb(5 150 114 / var(--tw-bg-opacity));
1553
- }
1554
- .active\:dgs-ui-kit-bg-warning-200:active {
1555
- --tw-bg-opacity: 1;
1556
- background-color: rgb(254 222 142 / var(--tw-bg-opacity));
1557
- }
1558
- .active\:dgs-ui-kit-bg-warning-600:active {
1559
- --tw-bg-opacity: 1;
1560
- background-color: rgb(216 158 13 / var(--tw-bg-opacity));
1561
- }
1562
- .active\:dgs-ui-kit-text-error-800:active {
1563
- --tw-text-opacity: 1;
1564
- color: rgb(87 0 6 / var(--tw-text-opacity));
1565
- }
1566
- .active\:dgs-ui-kit-text-gray-800:active {
1567
- --tw-text-opacity: 1;
1568
- color: rgb(30 41 59 / var(--tw-text-opacity));
1569
- }
1570
- .active\:dgs-ui-kit-text-primary-600:active {
1571
- --tw-text-opacity: 1;
1572
- color: rgb(21 59 191 / var(--tw-text-opacity));
1573
- }
1574
- .active\:dgs-ui-kit-text-primary-700:active {
1575
- --tw-text-opacity: 1;
1576
- color: rgb(16 44 143 / var(--tw-text-opacity));
1577
- }
1578
- .active\:dgs-ui-kit-text-success-800:active {
1579
- --tw-text-opacity: 1;
1580
- color: rgb(6 95 73 / var(--tw-text-opacity));
1581
- }
1582
- .active\:dgs-ui-kit-text-warning-800:active {
1583
- --tw-text-opacity: 1;
1584
- color: rgb(108 78 2 / var(--tw-text-opacity));
1585
- }
1586
- .disabled\:dgs-ui-kit-cursor-not-allowed:disabled {
1587
- cursor: not-allowed;
1588
- }
1589
- .disabled\:dgs-ui-kit-bg-error-100:disabled {
1590
- --tw-bg-opacity: 1;
1591
- background-color: rgb(250 209 212 / var(--tw-bg-opacity));
1592
- }
1593
- .disabled\:dgs-ui-kit-bg-gray-100:disabled {
1594
- --tw-bg-opacity: 1;
1595
- background-color: rgb(241 245 249 / var(--tw-bg-opacity));
1596
- }
1597
- .disabled\:dgs-ui-kit-bg-gray-200:disabled {
1598
- --tw-bg-opacity: 1;
1599
- background-color: rgb(226 232 240 / var(--tw-bg-opacity));
1600
- }
1601
- .disabled\:dgs-ui-kit-bg-success-100:disabled {
1602
- --tw-bg-opacity: 1;
1603
- background-color: rgb(209 250 240 / var(--tw-bg-opacity));
1604
- }
1605
- .disabled\:dgs-ui-kit-bg-warning-100:disabled {
1606
- --tw-bg-opacity: 1;
1607
- background-color: rgb(254 233 178 / var(--tw-bg-opacity));
1608
- }
1609
- .disabled\:dgs-ui-kit-opacity-40:disabled {
1610
- opacity: 0.4;
1611
- }
1612
- .dgs-ui-kit-group:checked .group-checked\:dgs-ui-kit-text-primary-500 {
1613
- --tw-text-opacity: 1;
1614
- color: rgb(40 82 228 / var(--tw-text-opacity));
1615
- }
1616
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-border-primary-500 {
1617
- --tw-border-opacity: 1;
1618
- border-color: rgb(40 82 228 / var(--tw-border-opacity));
1619
- }
1620
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-primary-500 {
1621
- --tw-text-opacity: 1;
1622
- color: rgb(40 82 228 / var(--tw-text-opacity));
1623
- }
1624
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-opacity-100 {
1625
- opacity: 1;
1626
- }
1627
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-4 {
1628
- --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1629
- --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1630
- box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1631
- }
1632
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-error-50 {
1633
- --tw-ring-opacity: 1;
1634
- --tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity));
1635
- }
1636
- .dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-gray-100 {
1637
- --tw-ring-opacity: 1;
1638
- --tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity));
1639
- }
1640
- .dgs-ui-kit-peer:checked ~ .peer-checked\:dgs-ui-kit-opacity-100 {
1641
- opacity: 1;
1642
- }
1643
- .has-\[\:disabled\]\:dgs-ui-kit-cursor-not-allowed:has(:disabled) {
1644
- cursor: not-allowed;
1645
- }
1646
- .has-\[\:checked\]\:dgs-ui-kit-border-primary-500:has(:checked) {
1647
- --tw-border-opacity: 1;
1648
- border-color: rgb(40 82 228 / var(--tw-border-opacity));
1649
- }
1650
- .has-\[\:focus\]\:dgs-ui-kit-border-primary-500:has(:focus) {
1651
- --tw-border-opacity: 1;
1652
- border-color: rgb(40 82 228 / var(--tw-border-opacity));
1653
- }
1654
- .has-\[\:checked\]\:dgs-ui-kit-bg-primary-50:has(:checked) {
1655
- --tw-bg-opacity: 1;
1656
- background-color: rgb(240 243 255 / var(--tw-bg-opacity));
1657
- }
1658
- .has-\[\:focus\]\:dgs-ui-kit-bg-white:has(:focus) {
1659
- --tw-bg-opacity: 1;
1660
- background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1661
- }
1662
- .has-\[\:disabled\]\:dgs-ui-kit-opacity-40:has(:disabled) {
1663
- opacity: 0.4;
1664
- }
1665
- .has-\[\:focus\]\:dgs-ui-kit-ring-error-300:has(:focus) {
1666
- --tw-ring-opacity: 1;
1667
- --tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity));
1668
- }
1669
- .has-\[\:focus\]\:dgs-ui-kit-ring-error-50:has(:focus) {
1670
- --tw-ring-opacity: 1;
1671
- --tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity));
1672
- }
1673
- .has-\[\:focus\]\:dgs-ui-kit-ring-primary-300:has(:focus) {
1674
- --tw-ring-opacity: 1;
1675
- --tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity));
1676
- }
1677
- .has-\[\:focus\]\:dgs-ui-kit-ring-primary-50:has(:focus) {
1678
- --tw-ring-opacity: 1;
1679
- --tw-ring-color: rgb(240 243 255 / var(--tw-ring-opacity));
1680
- }
1681
- .has-\[\:focus\]\:dgs-ui-kit-ring-offset-1:has(:focus) {
1682
- --tw-ring-offset-width: 1px;
1683
- }
1684
- .has-\[\:focus\]\:dgs-ui-kit-ring-offset-white:has(:focus) {
1685
- --tw-ring-offset-color: #fff;
1686
- }
1687
- @media (min-width: 768px) {
1688
-
1689
- .md\:dgs-ui-kit-mx-0 {
1690
- margin-left: 0px;
1691
- margin-right: 0px;
1692
- }
1693
-
1694
- .md\:dgs-ui-kit-h-11 {
1695
- height: 2.75rem;
1696
- }
1697
-
1698
- .md\:dgs-ui-kit-w-11 {
1699
- width: 2.75rem;
1700
- }
1701
-
1702
- .md\:dgs-ui-kit-gap-x-4 {
1703
- -moz-column-gap: 1rem;
1704
- column-gap: 1rem;
1705
- }
1706
-
1707
- .md\:dgs-ui-kit-font-h5-bold {
1708
- font-size: 16px;
1709
- font-style: normal;
1710
- font-weight: 700;
1711
- line-height: 28px;
1712
- }
1713
- }
1
+ *,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#94a3b8}input::placeholder,textarea::placeholder{opacity:1;color:#94a3b8}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}.dgs-ui-kit-container{width:100%;margin-right:auto;margin-left:auto;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.dgs-ui-kit-container{max-width:640px}}@media (min-width: 768px){.dgs-ui-kit-container{max-width:768px;padding-right:1.5rem;padding-left:1.5rem}}@media (min-width: 1024px){.dgs-ui-kit-container{max-width:1024px}}@media (min-width: 1280px){.dgs-ui-kit-container{max-width:1280px}}@media (min-width: 1536px){.dgs-ui-kit-container{max-width:1536px}}.dgs-ui-kit-absolute{position:absolute}.dgs-ui-kit-relative{position:relative}.dgs-ui-kit-bottom-0{bottom:0}.dgs-ui-kit-bottom-4{bottom:1rem}.dgs-ui-kit-left-0{left:0}.dgs-ui-kit-left-\[5\.5\%\]{left:5.5%}.dgs-ui-kit-top-0{top:0}.dgs-ui-kit-top-1\/2{top:50%}.dgs-ui-kit-my-\[2px\]{margin-top:2px;margin-bottom:2px}.dgs-ui-kit-mb-2{margin-bottom:.5rem}.dgs-ui-kit-ml-2{margin-left:.5rem}.dgs-ui-kit-mr-2{margin-right:.5rem}.dgs-ui-kit-ms-2{margin-inline-start:.5rem}.dgs-ui-kit-mt-1{margin-top:.25rem}.dgs-ui-kit-mt-2{margin-top:.5rem}.dgs-ui-kit-mt-3{margin-top:.75rem}.dgs-ui-kit-mt-4{margin-top:1rem}.dgs-ui-kit-block{display:block}.dgs-ui-kit-flex{display:flex}.dgs-ui-kit-inline-flex{display:inline-flex}.dgs-ui-kit-grid{display:grid}.dgs-ui-kit-h-1{height:.25rem}.dgs-ui-kit-h-2{height:.5rem}.dgs-ui-kit-h-3{height:.75rem}.dgs-ui-kit-h-4{height:1rem}.dgs-ui-kit-h-9{height:2.25rem}.dgs-ui-kit-h-\[14px\]{height:14px}.dgs-ui-kit-h-\[18px\]{height:18px}.dgs-ui-kit-h-\[1px\]{height:1px}.dgs-ui-kit-h-\[200px\]{height:200px}.dgs-ui-kit-h-\[6px\]{height:6px}.dgs-ui-kit-h-auto{height:auto}.dgs-ui-kit-h-fit{height:-moz-fit-content;height:fit-content}.dgs-ui-kit-h-full{height:100%}.dgs-ui-kit-w-1{width:.25rem}.dgs-ui-kit-w-2{width:.5rem}.dgs-ui-kit-w-3{width:.75rem}.dgs-ui-kit-w-4{width:1rem}.dgs-ui-kit-w-9{width:2.25rem}.dgs-ui-kit-w-\[14px\]{width:14px}.dgs-ui-kit-w-\[18px\]{width:18px}.dgs-ui-kit-w-\[1px\]{width:1px}.dgs-ui-kit-w-\[22px\]{width:22px}.dgs-ui-kit-w-\[400px\]{width:400px}.dgs-ui-kit-w-\[6px\]{width:6px}.dgs-ui-kit-w-auto{width:auto}.dgs-ui-kit-w-fit{width:-moz-fit-content;width:fit-content}.dgs-ui-kit-w-full{width:100%}.dgs-ui-kit-min-w-5{min-width:1.25rem}.dgs-ui-kit-min-w-6{min-width:1.5rem}.dgs-ui-kit-min-w-8{min-width:2rem}.dgs-ui-kit-min-w-max{min-width:-moz-max-content;min-width:max-content}.dgs-ui-kit-flex-1{flex:1 1 0%}.dgs-ui-kit-shrink-0{flex-shrink:0}.-dgs-ui-kit-translate-y-1\/2{--tw-translate-y: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-rotate-180{--tw-rotate: 180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.dgs-ui-kit-cursor-not-allowed{cursor:not-allowed}.dgs-ui-kit-cursor-text{cursor:text}.dgs-ui-kit-resize-none{resize:none}.dgs-ui-kit-snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.dgs-ui-kit-snap-mandatory{--tw-scroll-snap-strictness: mandatory}.dgs-ui-kit-snap-always{scroll-snap-stop:always}.dgs-ui-kit-appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.dgs-ui-kit-grid-rows-\[0fr\]{grid-template-rows:0fr}.dgs-ui-kit-grid-rows-\[1fr\]{grid-template-rows:1fr}.dgs-ui-kit-flex-col{flex-direction:column}.dgs-ui-kit-items-start{align-items:flex-start}.dgs-ui-kit-items-center{align-items:center}.dgs-ui-kit-justify-start{justify-content:flex-start}.dgs-ui-kit-justify-end{justify-content:flex-end}.dgs-ui-kit-justify-center{justify-content:center}.dgs-ui-kit-justify-between{justify-content:space-between}.dgs-ui-kit-gap-1{gap:.25rem}.dgs-ui-kit-gap-2{gap:.5rem}.dgs-ui-kit-gap-3{gap:.75rem}.dgs-ui-kit-gap-\[2px\]{gap:2px}.dgs-ui-kit-gap-\[6px\]{gap:6px}.dgs-ui-kit-gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.dgs-ui-kit-gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.dgs-ui-kit-gap-x-3{-moz-column-gap:.75rem;column-gap:.75rem}.dgs-ui-kit-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.dgs-ui-kit-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.25rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.25rem * var(--tw-space-y-reverse))}.dgs-ui-kit-space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 1}.dgs-ui-kit-overflow-hidden{overflow:hidden}.dgs-ui-kit-overflow-x-auto{overflow-x:auto}.dgs-ui-kit-overflow-x-hidden{overflow-x:hidden}.dgs-ui-kit-rounded{border-radius:.25rem}.dgs-ui-kit-rounded-\[20px\]{border-radius:20px}.dgs-ui-kit-rounded-full{border-radius:9999px}.dgs-ui-kit-rounded-lg{border-radius:.5rem}.dgs-ui-kit-rounded-xl{border-radius:.75rem}.dgs-ui-kit-rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.dgs-ui-kit-border{border-width:1px}.dgs-ui-kit-border-b{border-bottom-width:1px}.dgs-ui-kit-border-solid{border-style:solid}.\!dgs-ui-kit-border-error-500{--tw-border-opacity: 1 !important;border-color:rgb(213 28 41 / var(--tw-border-opacity))!important}.dgs-ui-kit-border-error-200{--tw-border-opacity: 1;border-color:rgb(237 161 166 / var(--tw-border-opacity))}.dgs-ui-kit-border-error-500{--tw-border-opacity: 1;border-color:rgb(213 28 41 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-200{--tw-border-opacity: 1;border-color:rgb(226 232 240 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-300{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.dgs-ui-kit-border-gray-500{--tw-border-opacity: 1;border-color:rgb(100 116 139 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-100{--tw-border-opacity: 1;border-color:rgb(200 211 247 / var(--tw-border-opacity))}.dgs-ui-kit-border-primary-300{--tw-border-opacity: 1;border-color:rgb(117 144 235 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-200{--tw-border-opacity: 1;border-color:rgb(167 243 224 / var(--tw-border-opacity))}.dgs-ui-kit-border-success-500{--tw-border-opacity: 1;border-color:rgb(16 185 143 / var(--tw-border-opacity))}.dgs-ui-kit-border-transparent{border-color:transparent}.dgs-ui-kit-border-warning-200{--tw-border-opacity: 1;border-color:rgb(254 222 142 / var(--tw-border-opacity))}.dgs-ui-kit-border-warning-500{--tw-border-opacity: 1;border-color:rgb(253 187 19 / var(--tw-border-opacity))}.dgs-ui-kit-bg-error-100{--tw-bg-opacity: 1;background-color:rgb(250 209 212 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-error-50{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-error-500{--tw-bg-opacity: 1;background-color:rgb(213 28 41 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-100{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-300{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-500{--tw-bg-opacity: 1;background-color:rgb(100 116 139 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-500\/50{background-color:#64748b80}.dgs-ui-kit-bg-gray-600{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-gray-700{--tw-bg-opacity: 1;background-color:rgb(51 65 85 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-50{--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-primary-500{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-100{--tw-bg-opacity: 1;background-color:rgb(226 243 243 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-secondary-600{--tw-bg-opacity: 1;background-color:rgb(0 155 157 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-100{--tw-bg-opacity: 1;background-color:rgb(209 250 240 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-50{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-500{--tw-bg-opacity: 1;background-color:rgb(16 185 143 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-success-600{--tw-bg-opacity: 1;background-color:rgb(5 150 114 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-transparent{background-color:transparent}.dgs-ui-kit-bg-warning-100{--tw-bg-opacity: 1;background-color:rgb(254 233 178 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-warning-50{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-warning-500{--tw-bg-opacity: 1;background-color:rgb(253 187 19 / var(--tw-bg-opacity))}.dgs-ui-kit-bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.dgs-ui-kit-p-3{padding:.75rem}.dgs-ui-kit-p-4{padding:1rem}.dgs-ui-kit-p-\[10px\]{padding:10px}.dgs-ui-kit-p-\[1px\]{padding:1px}.dgs-ui-kit-px-0{padding-left:0;padding-right:0}.dgs-ui-kit-px-2{padding-left:.5rem;padding-right:.5rem}.dgs-ui-kit-px-3{padding-left:.75rem;padding-right:.75rem}.dgs-ui-kit-px-4{padding-left:1rem;padding-right:1rem}.dgs-ui-kit-px-5{padding-left:1.25rem;padding-right:1.25rem}.dgs-ui-kit-px-6{padding-left:1.5rem;padding-right:1.5rem}.dgs-ui-kit-px-\[10px\]{padding-left:10px;padding-right:10px}.dgs-ui-kit-px-\[5\.5\%\]{padding-left:5.5%;padding-right:5.5%}.dgs-ui-kit-px-\[6px\]{padding-left:6px;padding-right:6px}.dgs-ui-kit-py-1{padding-top:.25rem;padding-bottom:.25rem}.dgs-ui-kit-py-2{padding-top:.5rem;padding-bottom:.5rem}.dgs-ui-kit-py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.dgs-ui-kit-py-3{padding-top:.75rem;padding-bottom:.75rem}.dgs-ui-kit-py-4{padding-top:1rem;padding-bottom:1rem}.dgs-ui-kit-py-\[2px\]{padding-top:2px;padding-bottom:2px}.dgs-ui-kit-pt-4{padding-top:1rem}.\!dgs-ui-kit-text-left{text-align:left!important}.dgs-ui-kit-text-right{text-align:right}.dgs-ui-kit-text-sm{font-size:.875rem;line-height:1.25rem}.dgs-ui-kit-font-bold{font-weight:700}.dgs-ui-kit-text-black{--tw-text-opacity: 1;color:rgb(0 0 0 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-500{--tw-text-opacity: 1;color:rgb(213 28 41 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-600{--tw-text-opacity: 1;color:rgb(167 5 16 / var(--tw-text-opacity))}.dgs-ui-kit-text-error-700{--tw-text-opacity: 1;color:rgb(117 0 8 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-400{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-700{--tw-text-opacity: 1;color:rgb(51 65 85 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-800{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.dgs-ui-kit-text-gray-900{--tw-text-opacity: 1;color:rgb(15 23 42 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-400{--tw-text-opacity: 1;color:rgb(76 110 229 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-600{--tw-text-opacity: 1;color:rgb(21 59 191 / var(--tw-text-opacity))}.dgs-ui-kit-text-primary-700{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.dgs-ui-kit-text-secondary-700{--tw-text-opacity: 1;color:rgb(0 124 125 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-600{--tw-text-opacity: 1;color:rgb(5 150 114 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-700{--tw-text-opacity: 1;color:rgb(4 120 91 / var(--tw-text-opacity))}.dgs-ui-kit-text-success-800{--tw-text-opacity: 1;color:rgb(6 95 73 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-600{--tw-text-opacity: 1;color:rgb(216 158 13 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-700{--tw-text-opacity: 1;color:rgb(162 119 6 / var(--tw-text-opacity))}.dgs-ui-kit-text-warning-800{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.dgs-ui-kit-text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.\!dgs-ui-kit-opacity-100{opacity:1!important}.dgs-ui-kit-opacity-0{opacity:0}.dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-opacity-40{opacity:.4}.dgs-ui-kit-opacity-60{opacity:.6}.dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-ring-transparent{--tw-ring-color: transparent}.dgs-ui-kit-ring-offset-white{--tw-ring-offset-color: #fff}.dgs-ui-kit-transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.dgs-ui-kit-duration-300{transition-duration:.3s}.dgs-ui-kit-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:700;line-height:28px}.dgs-ui-kit-font-h6-bold{font-size:14px;font-style:normal;font-weight:700;line-height:24px}.dgs-ui-kit-font-p1-regular{font-size:16px;font-style:normal;font-weight:400;line-height:28px}.dgs-ui-kit-font-p1-medium{font-size:16px;font-style:normal;font-weight:500;line-height:28px}.dgs-ui-kit-font-p2-regular{font-size:14px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p2-medium{font-size:14px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-p3-regular{font-size:13px;font-style:normal;font-weight:400;line-height:24px}.dgs-ui-kit-font-p3-medium{font-size:13px;font-style:normal;font-weight:500;line-height:24px}.dgs-ui-kit-font-button-large{font-size:16px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-medium{font-size:14px;font-style:normal;font-weight:600;line-height:24px}.dgs-ui-kit-font-button-small{font-size:13px;font-style:normal;font-weight:600;line-height:20px}.dgs-ui-kit-font-caption-regular{font-size:11px;font-style:normal;font-weight:400;line-height:20px}.dgs-ui-kit-font-caption-demibold{font-size:11px;font-style:normal;font-weight:600;line-height:16px}.dgs-ui-kit-font-oveline-demibold{font-size:10px;font-style:normal;font-weight:600;line-height:12px}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.ss02{font-feature-settings:"ss02"}.\[direction\:rtl\]{direction:rtl}.button-large-icon .icon-button{width:20px;height:20px}button svg{width:100%;height:100%}.button-medium-icon .icon-button{width:18px;height:18px}.button-small-icon .icon-button{width:16px;height:16px}.dot-flashing{position:relative;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite linear alternate;animation-delay:.125s;margin:0 .75rem}.dot-flashing:before,.dot-flashing:after{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:7px;height:7px;border-radius:5px;background-color:#c8d3f7;color:#c8d3f7;animation:dot-flashing .25s infinite alternate;animation-delay:.25s}@keyframes dot-flashing{0%{background-color:#c8d3f7}50%,to{background-color:#f0f3ff;color:#f0f3ff}}.placeholder\:dgs-ui-kit-text-left::-moz-placeholder{text-align:left}.placeholder\:dgs-ui-kit-text-left::placeholder{text-align:left}.placeholder\:dgs-ui-kit-text-right::-moz-placeholder{text-align:right}.placeholder\:dgs-ui-kit-text-right::placeholder{text-align:right}.checked\:dgs-ui-kit-border-transparent:checked{border-color:transparent}.checked\:dgs-ui-kit-bg-primary-500:checked{--tw-bg-opacity: 1;background-color:rgb(40 82 228 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-border-error-400:hover{--tw-border-opacity: 1;border-color:rgb(219 87 96 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-gray-300:hover{--tw-border-opacity: 1;border-color:rgb(203 213 225 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-gray-400:hover{--tw-border-opacity: 1;border-color:rgb(148 163 184 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-primary-200:hover{--tw-border-opacity: 1;border-color:rgb(158 176 240 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-success-400:hover{--tw-border-opacity: 1;border-color:rgb(52 211 171 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-border-warning-400:hover{--tw-border-opacity: 1;border-color:rgb(253 199 63 / var(--tw-border-opacity))}.hover\:dgs-ui-kit-bg-error-300:hover{--tw-bg-opacity: 1;background-color:rgb(227 120 127 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-error-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 235 236 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-300:hover{--tw-bg-opacity: 1;background-color:rgb(203 213 225 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-50:hover{--tw-bg-opacity: 1;background-color:rgb(248 250 252 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-gray-500\/80:hover{background-color:#64748bcc}.hover\:dgs-ui-kit-bg-primary-300:hover{--tw-bg-opacity: 1;background-color:rgb(117 144 235 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-300:hover{--tw-bg-opacity: 1;background-color:rgb(110 231 201 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-success-50:hover{--tw-bg-opacity: 1;background-color:rgb(236 253 249 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-300:hover{--tw-bg-opacity: 1;background-color:rgb(254 212 107 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-bg-warning-50:hover{--tw-bg-opacity: 1;background-color:rgb(255 246 224 / var(--tw-bg-opacity))}.hover\:dgs-ui-kit-text-error-400:hover{--tw-text-opacity: 1;color:rgb(219 87 96 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-error-600:hover{--tw-text-opacity: 1;color:rgb(167 5 16 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-400:hover{--tw-text-opacity: 1;color:rgb(148 163 184 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-gray-600:hover{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-300:hover{--tw-text-opacity: 1;color:rgb(117 144 235 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-primary-500:hover{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-success-400:hover{--tw-text-opacity: 1;color:rgb(52 211 171 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-success-600:hover{--tw-text-opacity: 1;color:rgb(5 150 114 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-warning-400:hover{--tw-text-opacity: 1;color:rgb(253 199 63 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-text-warning-600:hover{--tw-text-opacity: 1;color:rgb(216 158 13 / var(--tw-text-opacity))}.hover\:dgs-ui-kit-ring-4:hover{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.hover\:dgs-ui-kit-ring-error-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-100:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.hover\:dgs-ui-kit-ring-gray-50:hover{--tw-ring-opacity: 1;--tw-ring-color: rgb(248 250 252 / var(--tw-ring-opacity))}.focus\:dgs-ui-kit-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:\!dgs-ui-kit-ring:focus{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)!important}.focus\:\!dgs-ui-kit-ring-error-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity)) !important}.focus\:\!dgs-ui-kit-ring-primary-300:focus{--tw-ring-opacity: 1 !important;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity)) !important}.focus\:dgs-ui-kit-ring-offset-1:focus{--tw-ring-offset-width: 1px}.focus\:dgs-ui-kit-ring-offset-white:focus{--tw-ring-offset-color: #fff}.active\:dgs-ui-kit-border-error-600:active{--tw-border-opacity: 1;border-color:rgb(167 5 16 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-gray-600:active{--tw-border-opacity: 1;border-color:rgb(71 85 105 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-primary-600:active{--tw-border-opacity: 1;border-color:rgb(21 59 191 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-success-600:active{--tw-border-opacity: 1;border-color:rgb(5 150 114 / var(--tw-border-opacity))}.active\:dgs-ui-kit-border-warning-600:active{--tw-border-opacity: 1;border-color:rgb(216 158 13 / var(--tw-border-opacity))}.active\:dgs-ui-kit-bg-error-200:active{--tw-bg-opacity: 1;background-color:rgb(237 161 166 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-error-600:active{--tw-bg-opacity: 1;background-color:rgb(167 5 16 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-200:active{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-gray-600:active{--tw-bg-opacity: 1;background-color:rgb(71 85 105 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-primary-600:active{--tw-bg-opacity: 1;background-color:rgb(21 59 191 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-200:active{--tw-bg-opacity: 1;background-color:rgb(167 243 224 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-success-600:active{--tw-bg-opacity: 1;background-color:rgb(5 150 114 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-200:active{--tw-bg-opacity: 1;background-color:rgb(254 222 142 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-bg-warning-600:active{--tw-bg-opacity: 1;background-color:rgb(216 158 13 / var(--tw-bg-opacity))}.active\:dgs-ui-kit-text-error-800:active{--tw-text-opacity: 1;color:rgb(87 0 6 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-gray-800:active{--tw-text-opacity: 1;color:rgb(30 41 59 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-primary-600:active{--tw-text-opacity: 1;color:rgb(21 59 191 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-primary-700:active{--tw-text-opacity: 1;color:rgb(16 44 143 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-success-800:active{--tw-text-opacity: 1;color:rgb(6 95 73 / var(--tw-text-opacity))}.active\:dgs-ui-kit-text-warning-800:active{--tw-text-opacity: 1;color:rgb(108 78 2 / var(--tw-text-opacity))}.disabled\:dgs-ui-kit-cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:dgs-ui-kit-bg-error-100:disabled{--tw-bg-opacity: 1;background-color:rgb(250 209 212 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-bg-gray-100:disabled{--tw-bg-opacity: 1;background-color:rgb(241 245 249 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-bg-gray-200:disabled{--tw-bg-opacity: 1;background-color:rgb(226 232 240 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-bg-success-100:disabled{--tw-bg-opacity: 1;background-color:rgb(209 250 240 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-bg-warning-100:disabled{--tw-bg-opacity: 1;background-color:rgb(254 233 178 / var(--tw-bg-opacity))}.disabled\:dgs-ui-kit-opacity-40:disabled{opacity:.4}.dgs-ui-kit-group:checked .group-checked\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-border-primary-500{--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-500{--tw-text-opacity: 1;color:rgb(100 116 139 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-gray-600{--tw-text-opacity: 1;color:rgb(71 85 105 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-text-primary-500{--tw-text-opacity: 1;color:rgb(40 82 228 / var(--tw-text-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-opacity-100{opacity:1}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-4{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-error-50{--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.dgs-ui-kit-group:hover .group-hover\:dgs-ui-kit-ring-gray-100{--tw-ring-opacity: 1;--tw-ring-color: rgb(241 245 249 / var(--tw-ring-opacity))}.dgs-ui-kit-peer:checked~.peer-checked\:dgs-ui-kit-opacity-100{opacity:1}.has-\[\:disabled\]\:dgs-ui-kit-cursor-not-allowed:has(:disabled){cursor:not-allowed}.has-\[\:checked\]\:dgs-ui-kit-border-primary-500:has(:checked){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:focus\]\:dgs-ui-kit-border-primary-500:has(:focus){--tw-border-opacity: 1;border-color:rgb(40 82 228 / var(--tw-border-opacity))}.has-\[\:checked\]\:dgs-ui-kit-bg-primary-50:has(:checked){--tw-bg-opacity: 1;background-color:rgb(240 243 255 / var(--tw-bg-opacity))}.has-\[\:focus\]\:dgs-ui-kit-bg-white:has(:focus){--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.has-\[\:disabled\]\:dgs-ui-kit-opacity-40:has(:disabled){opacity:.4}.has-\[\:focus\]\:dgs-ui-kit-ring-error-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(227 120 127 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-error-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(255 235 236 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-300:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(117 144 235 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-primary-50:has(:focus){--tw-ring-opacity: 1;--tw-ring-color: rgb(240 243 255 / var(--tw-ring-opacity))}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-1:has(:focus){--tw-ring-offset-width: 1px}.has-\[\:focus\]\:dgs-ui-kit-ring-offset-white:has(:focus){--tw-ring-offset-color: #fff}@media (min-width: 768px){.md\:dgs-ui-kit-mx-0{margin-left:0;margin-right:0}.md\:dgs-ui-kit-h-11{height:2.75rem}.md\:dgs-ui-kit-w-11{width:2.75rem}.md\:dgs-ui-kit-gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.md\:dgs-ui-kit-font-h5-bold{font-size:16px;font-style:normal;font-weight:700;line-height:28px}}