@solid-design-system/styles 7.0.0-next.9 → 7.0.0

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 (80) hide show
  1. package/CHANGELOG.md +25 -0
  2. package/cdn/modules/chip.css +1 -1
  3. package/cdn/modules/container.css +1 -1
  4. package/cdn/modules/copyright.css +1 -1
  5. package/cdn/modules/display.css +1 -1
  6. package/cdn/modules/footnotes.css +1 -1
  7. package/cdn/modules/headline.css +1 -1
  8. package/cdn/modules/hidden-links.css +1 -1
  9. package/cdn/modules/interactive.css +1 -1
  10. package/cdn/modules/leadtext.css +1 -1
  11. package/cdn/modules/list.css +1 -1
  12. package/cdn/modules/mark.css +1 -1
  13. package/cdn/modules/media.css +1 -1
  14. package/cdn/modules/meta.css +1 -1
  15. package/cdn/modules/pagination.css +1 -1
  16. package/cdn/modules/paragraph.css +1 -1
  17. package/cdn/modules/prose.css +1 -1
  18. package/cdn/modules/status-badge.css +1 -1
  19. package/cdn/modules/table-cell.css +1 -1
  20. package/cdn/solid-styles.css +1 -1
  21. package/cdn-versioned/modules/chip.css +1 -1
  22. package/cdn-versioned/modules/container.css +1 -1
  23. package/cdn-versioned/modules/copyright.css +1 -1
  24. package/cdn-versioned/modules/display.css +1 -1
  25. package/cdn-versioned/modules/footnotes.css +1 -1
  26. package/cdn-versioned/modules/headline.css +1 -1
  27. package/cdn-versioned/modules/hidden-links.css +1 -1
  28. package/cdn-versioned/modules/interactive.css +1 -1
  29. package/cdn-versioned/modules/leadtext.css +1 -1
  30. package/cdn-versioned/modules/list.css +1 -1
  31. package/cdn-versioned/modules/mark.css +1 -1
  32. package/cdn-versioned/modules/media.css +1 -1
  33. package/cdn-versioned/modules/meta.css +1 -1
  34. package/cdn-versioned/modules/pagination.css +1 -1
  35. package/cdn-versioned/modules/paragraph.css +1 -1
  36. package/cdn-versioned/modules/prose.css +1 -1
  37. package/cdn-versioned/modules/status-badge.css +1 -1
  38. package/cdn-versioned/modules/table-cell.css +1 -1
  39. package/cdn-versioned/modules/table.css +1 -1
  40. package/cdn-versioned/solid-styles.css +1 -1
  41. package/dist/modules/chip.css +42 -42
  42. package/dist/modules/container.css +16 -16
  43. package/dist/modules/copyright.css +11 -11
  44. package/dist/modules/display.css +15 -15
  45. package/dist/modules/footnotes.css +30 -30
  46. package/dist/modules/headline.css +33 -33
  47. package/dist/modules/hidden-links.css +12 -12
  48. package/dist/modules/interactive.css +12 -12
  49. package/dist/modules/leadtext.css +9 -9
  50. package/dist/modules/list.css +12 -12
  51. package/dist/modules/mark.css +1 -1
  52. package/dist/modules/media.css +3 -3
  53. package/dist/modules/meta.css +10 -10
  54. package/dist/modules/pagination.css +33 -33
  55. package/dist/modules/paragraph.css +9 -9
  56. package/dist/modules/prose.css +113 -113
  57. package/dist/modules/status-badge.css +10 -10
  58. package/dist/modules/table-cell.css +12 -12
  59. package/dist/solid-styles.css +278 -278
  60. package/dist-versioned/modules/chip.css +63 -63
  61. package/dist-versioned/modules/container.css +44 -44
  62. package/dist-versioned/modules/copyright.css +17 -17
  63. package/dist-versioned/modules/display.css +21 -21
  64. package/dist-versioned/modules/footnotes.css +58 -58
  65. package/dist-versioned/modules/headline.css +63 -63
  66. package/dist-versioned/modules/hidden-links.css +16 -16
  67. package/dist-versioned/modules/interactive.css +28 -28
  68. package/dist-versioned/modules/leadtext.css +12 -12
  69. package/dist-versioned/modules/list.css +42 -42
  70. package/dist-versioned/modules/mark.css +2 -2
  71. package/dist-versioned/modules/media.css +7 -7
  72. package/dist-versioned/modules/meta.css +17 -17
  73. package/dist-versioned/modules/pagination.css +94 -94
  74. package/dist-versioned/modules/paragraph.css +12 -12
  75. package/dist-versioned/modules/prose.css +238 -238
  76. package/dist-versioned/modules/status-badge.css +16 -16
  77. package/dist-versioned/modules/table-cell.css +28 -28
  78. package/dist-versioned/modules/table.css +2 -2
  79. package/dist-versioned/solid-styles.css +565 -565
  80. package/package.json +1 -1
@@ -1,183 +1,183 @@
1
1
  /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-7-0-0-next-9-display {
5
- font-size: var(--sd-text-3xl);
4
+ .sd-7-0-0-display {
5
+ font-size: var(--sd-text-3xl, 2rem);
6
6
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
7
7
  --tw-leading: var(--leading-tight, 1.25);
8
8
  line-height: var(--leading-tight, 1.25);
9
- --tw-font-weight: var(--sd-font-weight-normal);
10
- font-weight: var(--sd-font-weight-normal);
11
- color: rgba(var(--sd-color-text-black));
9
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
10
+ font-weight: var(--sd-font-weight-normal, 400);
11
+ color: rgba(var(--sd-color-text-black, 24 24 24));
12
12
  }
13
13
  @media (width >= 64rem) {
14
- .sd-7-0-0-next-9-display {
15
- font-size: var(--sd-text-4xl);
14
+ .sd-7-0-0-display {
15
+ font-size: var(--sd-text-4xl, 2.5rem);
16
16
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
17
17
  }
18
18
  }
19
- .sd-7-0-0-next-9-display--size-xl {
20
- font-size: var(--sd-text-xl);
19
+ .sd-7-0-0-display--size-xl {
20
+ font-size: var(--sd-text-xl, 1.5rem);
21
21
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
22
22
  --tw-leading: var(--leading-tight, 1.25);
23
23
  line-height: var(--leading-tight, 1.25);
24
- --tw-font-weight: var(--sd-font-weight-normal);
25
- font-weight: var(--sd-font-weight-normal);
26
- color: rgba(var(--sd-color-text-black));
24
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
25
+ font-weight: var(--sd-font-weight-normal, 400);
26
+ color: rgba(var(--sd-color-text-black, 24 24 24));
27
27
  }
28
- .sd-7-0-0-next-9-display--size-3xl {
29
- font-size: var(--sd-text-2xl);
28
+ .sd-7-0-0-display--size-3xl {
29
+ font-size: var(--sd-text-2xl, 1.75rem);
30
30
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
31
31
  --tw-leading: var(--leading-tight, 1.25);
32
32
  line-height: var(--leading-tight, 1.25);
33
- --tw-font-weight: var(--sd-font-weight-normal);
34
- font-weight: var(--sd-font-weight-normal);
35
- color: rgba(var(--sd-color-text-black));
33
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
34
+ font-weight: var(--sd-font-weight-normal, 400);
35
+ color: rgba(var(--sd-color-text-black, 24 24 24));
36
36
  }
37
37
  @media (width >= 64rem) {
38
- .sd-7-0-0-next-9-display--size-3xl {
39
- font-size: var(--sd-text-3xl);
38
+ .sd-7-0-0-display--size-3xl {
39
+ font-size: var(--sd-text-3xl, 2rem);
40
40
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
41
41
  }
42
42
  }
43
- .sd-7-0-0-next-9-display--inverted {
44
- color: rgba(var(--sd-color-text-white));
43
+ .sd-7-0-0-display--inverted {
44
+ color: rgba(var(--sd-color-text-white, 255 255 255));
45
45
  }
46
- .sd-7-0-0-next-9-headline, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5) {
46
+ .sd-7-0-0-headline, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5) {
47
47
  display: flex;
48
- --tw-font-weight: var(--sd-font-weight-bold);
49
- font-weight: var(--sd-font-weight-bold);
50
- color: rgba(var(--sd-color-text-primary));
48
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
49
+ font-weight: var(--sd-font-weight-bold, 600);
50
+ color: rgba(var(--sd-color-text-primary, 0 53 142));
51
51
  }
52
- .sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-9-icon {
52
+ .sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-icon {
53
53
  flex-shrink: 0;
54
54
  font-size: 3rem;
55
- color: rgba(var(--sd-color-text-primary));
55
+ color: rgba(var(--sd-color-text-primary, 0 53 142));
56
56
  }
57
57
  @media (width >= 40rem) {
58
- .sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-9-icon {
59
- margin-top: var(--sd-spacing-2)
58
+ .sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-icon {
59
+ margin-top: var(--sd-spacing-2, 0.5rem)
60
60
  }
61
61
  }
62
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline, .sd-7-0-0-next-9-headline:is(h1):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-9-headline) {
63
- gap: var(--sd-spacing-4);
64
- font-size: var(--sd-text-3xl);
62
+ .sd-7-0-0-headline.sd-7-0-0-headline, .sd-7-0-0-headline:is(h1):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-headline) {
63
+ gap: var(--sd-spacing-4, 1rem);
64
+ font-size: var(--sd-text-3xl, 2rem);
65
65
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
66
66
  --tw-leading: var(--leading-tight, 1.25);
67
67
  line-height: var(--leading-tight, 1.25);
68
- color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
68
+ color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
69
69
  }
70
70
  @media (width >= 40rem) {
71
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline, .sd-7-0-0-next-9-headline:is(h1):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-9-headline) {
72
- font-size: var(--sd-text-4xl);
71
+ .sd-7-0-0-headline.sd-7-0-0-headline, .sd-7-0-0-headline:is(h1):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-headline) {
72
+ font-size: var(--sd-text-4xl, 2.5rem);
73
73
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
74
74
  }
75
75
  }
76
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h1):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
77
- margin-top: calc(var(--sd-spacing-1) * -1);
76
+ .sd-7-0-0-headline.sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-headline:is(h1):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-headline) sd-7-0-0-icon {
77
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
78
78
  }
79
79
  @media (width >= 40rem) {
80
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h1):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
80
+ .sd-7-0-0-headline.sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-headline:is(h1):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-headline) sd-7-0-0-icon {
81
81
  margin-top: 0
82
82
  }
83
83
  }
84
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-3xl, .sd-7-0-0-next-9-headline:is(h2):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-3xl, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-9-headline) {
85
- gap: var(--sd-spacing-4);
86
- font-size: var(--sd-text-2xl);
84
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-3xl, .sd-7-0-0-headline:is(h2):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-3xl, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-headline) {
85
+ gap: var(--sd-spacing-4, 1rem);
86
+ font-size: var(--sd-text-2xl, 1.75rem);
87
87
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
88
88
  --tw-leading: var(--leading-tight, 1.25);
89
89
  line-height: var(--leading-tight, 1.25);
90
- color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
90
+ color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
91
91
  }
92
92
  @media (width >= 40rem) {
93
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-3xl, .sd-7-0-0-next-9-headline:is(h2):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-3xl, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-9-headline) {
94
- font-size: var(--sd-text-3xl);
93
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-3xl, .sd-7-0-0-headline:is(h2):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-3xl, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-headline) {
94
+ font-size: var(--sd-text-3xl, 2rem);
95
95
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
96
96
  }
97
97
  }
98
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-3xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h2):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-3xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
99
- margin-top: calc(var(--sd-spacing-1) * -1);
98
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-3xl sd-7-0-0-icon, .sd-7-0-0-headline:is(h2):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-3xl sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-headline) sd-7-0-0-icon {
99
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
100
100
  }
101
101
  @media (width >= 40rem) {
102
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-3xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h2):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-3xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
103
- margin-top: calc(var(--sd-spacing-1) * -1)
102
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-3xl sd-7-0-0-icon, .sd-7-0-0-headline:is(h2):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-3xl sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-headline) sd-7-0-0-icon {
103
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
104
104
  }
105
105
  }
106
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-xl, .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-headline:is(h3, h4, h5):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-xl, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-9-headline) {
107
- gap: var(--sd-spacing-2);
108
- color: rgba(var(--sd-color-text-black));
106
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-xl, .sd-7-0-0-headline.sd-7-0-0-headline--size-lg, .sd-7-0-0-headline.sd-7-0-0-headline--size-base, .sd-7-0-0-headline:is(h3, h4, h5):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-xl, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-headline) {
107
+ gap: var(--sd-spacing-2, 0.5rem);
108
+ color: rgba(var(--sd-color-text-black, 24 24 24));
109
109
  }
110
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h3, h4, h5):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
110
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-headline.sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-headline.sd-7-0-0-headline--size-base sd-7-0-0-icon, .sd-7-0-0-headline:is(h3, h4, h5):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-headline) sd-7-0-0-icon {
111
111
  font-size: 2rem;
112
112
  }
113
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-xl, .sd-7-0-0-next-9-headline:is(h3):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-xl, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-9-headline) {
114
- font-size: var(--sd-text-xl);
113
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-xl, .sd-7-0-0-headline:is(h3):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-xl, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-headline) {
114
+ font-size: var(--sd-text-xl, 1.5rem);
115
115
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
116
116
  }
117
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h3):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
118
- margin-top: calc(var(--sd-spacing-0\.5) * -1);
117
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-headline:is(h3):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-headline) sd-7-0-0-icon {
118
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
119
119
  }
120
120
  @media (width >= 40rem) {
121
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h3):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-xl sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
122
- margin-top: calc(var(--sd-spacing-0\.5) * -1)
121
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-headline:is(h3):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-xl sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-headline) sd-7-0-0-icon {
122
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
123
123
  }
124
124
  }
125
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-headline:is(h4, h5):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-next-9-headline) {
125
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-lg, .sd-7-0-0-headline.sd-7-0-0-headline--size-base, .sd-7-0-0-headline:is(h4, h5):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-headline) {
126
126
  --tw-leading: var(--leading-normal, 1.5);
127
127
  line-height: var(--leading-normal, 1.5);
128
128
  }
129
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-headline:is(h4), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h4) {
130
- font-size: var(--sd-text-lg);
129
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-lg, .sd-7-0-0-headline:is(h4), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h4) {
130
+ font-size: var(--sd-text-lg, 1.25rem);
131
131
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
132
132
  }
133
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h4) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-9-icon {
134
- margin-top: calc(var(--sd-spacing-0\.5) * -1);
133
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-headline:is(h4) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-icon {
134
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
135
135
  }
136
136
  @media (width >= 40rem) {
137
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h4) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-lg sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-9-icon {
138
- margin-top: calc(var(--sd-spacing-0\.5) * -1)
137
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-headline:is(h4) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-lg sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-icon {
138
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
139
139
  }
140
140
  }
141
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-headline:is(h5):not(.sd-7-0-0-next-9-headline), .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-9-headline) {
142
- font-size: var(--sd-text-base);
141
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-base, .sd-7-0-0-headline:is(h5):not(.sd-7-0-0-headline), .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-headline) {
142
+ font-size: var(--sd-text-base, 1rem);
143
143
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
144
144
  }
145
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline:is(h5):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
146
- margin-top: calc(var(--sd-spacing-1) * -1);
145
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-base sd-7-0-0-icon, .sd-7-0-0-headline:is(h5):not(.sd-7-0-0-headline) sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base sd-7-0-0-icon, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-headline) sd-7-0-0-icon {
146
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
147
147
  }
148
- .sd-7-0-0-next-9-headline.sd-7-0-0-next-9-headline--size-base mark, .sd-7-0-0-next-9-headline:is(h5):not(.sd-7-0-0-next-9-headline) mark, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-9-headline--size-base mark, .sd-7-0-0-next-9-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-9-headline) mark {
148
+ .sd-7-0-0-headline.sd-7-0-0-headline--size-base mark, .sd-7-0-0-headline:is(h5):not(.sd-7-0-0-headline) mark, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-headline--size-base mark, .sd-7-0-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-headline) mark {
149
149
  color: inherit;
150
150
  }
151
- .sd-7-0-0-next-9-headline--inline {
151
+ .sd-7-0-0-headline--inline {
152
152
  display: inline-block;
153
153
  }
154
- .sd-7-0-0-next-9-headline--inline.sd-7-0-0-next-9-headline sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-headline--inline:is(h1):not(.sd-7-0-0-next-9-headline) sd-7-0-0-next-9-icon {
155
- margin-top: calc(var(--sd-spacing-2) * -1);
156
- margin-right: var(--sd-spacing-2);
154
+ .sd-7-0-0-headline--inline.sd-7-0-0-headline sd-7-0-0-icon, .sd-7-0-0-headline--inline:is(h1):not(.sd-7-0-0-headline) sd-7-0-0-icon {
155
+ margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
156
+ margin-right: var(--sd-spacing-2, 0.5rem);
157
157
  vertical-align: middle;
158
158
  }
159
- .sd-7-0-0-next-9-headline--inline:is(.sd-7-0-0-next-9-headline--size-xl, .sd-7-0-0-next-9-headline--size-lg, .sd-7-0-0-next-9-headline--size-base) sd-7-0-0-next-9-icon {
160
- margin-right: var(--sd-spacing-0\.5);
159
+ .sd-7-0-0-headline--inline:is(.sd-7-0-0-headline--size-xl, .sd-7-0-0-headline--size-lg, .sd-7-0-0-headline--size-base) sd-7-0-0-icon {
160
+ margin-right: var(--sd-spacing-0\.5, 0.125rem);
161
161
  }
162
- .sd-7-0-0-next-9-headline--inline:is(.sd-7-0-0-next-9-headline--size-3xl, .sd-7-0-0-next-9-headline--size-xl) sd-7-0-0-next-9-icon {
163
- margin-top: calc(var(--sd-spacing-2) * -1);
162
+ .sd-7-0-0-headline--inline:is(.sd-7-0-0-headline--size-3xl, .sd-7-0-0-headline--size-xl) sd-7-0-0-icon {
163
+ margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
164
164
  }
165
- .sd-7-0-0-next-9-headline--inline:is(.sd-7-0-0-next-9-headline--size-lg) sd-7-0-0-next-9-icon {
166
- margin-top: calc(var(--sd-spacing-1) * -1);
165
+ .sd-7-0-0-headline--inline:is(.sd-7-0-0-headline--size-lg) sd-7-0-0-icon {
166
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
167
167
  }
168
- .sd-7-0-0-next-9-headline--inverted:not(#_), .sd-7-0-0-next-9-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-9-headline):not(#_) {
169
- color: rgba(var(--sd-color-text-white));
168
+ .sd-7-0-0-headline--inverted:not(#_), .sd-7-0-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-headline):not(#_) {
169
+ color: rgba(var(--sd-color-text-white, 255 255 255));
170
170
  }
171
- .sd-7-0-0-next-9-headline--inverted:not(#_) sd-7-0-0-next-9-icon, .sd-7-0-0-next-9-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-9-headline):not(#_) sd-7-0-0-next-9-icon {
172
- color: rgba(var(--sd-color-text-white));
171
+ .sd-7-0-0-headline--inverted:not(#_) sd-7-0-0-icon, .sd-7-0-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-headline):not(#_) sd-7-0-0-icon {
172
+ color: rgba(var(--sd-color-text-white, 255 255 255));
173
173
  }
174
- .sd-7-0-0-next-9-prose a--reset, .sd-7-0-0-next-9-interactive--reset {
174
+ .sd-7-0-0-prose a--reset, .sd-7-0-0-interactive--reset {
175
175
  all: unset;
176
176
  outline: revert;
177
177
  }
178
- .sd-7-0-0-next-9-prose a, .sd-7-0-0-next-9-interactive{
178
+ .sd-7-0-0-prose a, .sd-7-0-0-interactive{
179
179
  cursor: pointer;
180
- color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary))));
180
+ color: rgba(var(--sd-interactive--default-color-text, 0 53 142));
181
181
  text-decoration-line: underline;
182
182
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
183
183
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
@@ -187,247 +187,247 @@
187
187
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
188
188
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
189
189
  }
190
- .sd-7-0-0-next-9-prose a:hover:not([disabled]), .sd-7-0-0-next-9-interactive:hover:not([disabled]) {
191
- color: rgba(var(--sd-color-text-primary-500));
190
+ .sd-7-0-0-prose a:hover:not([disabled]), .sd-7-0-0-interactive:hover:not([disabled]) {
191
+ color: rgba(var(--sd-color-text-primary-500, 70 109 175));
192
192
  }
193
- .sd-7-0-0-next-9-prose a:focus-visible, .sd-7-0-0-next-9-interactive:focus-visible {
193
+ .sd-7-0-0-prose a:focus-visible, .sd-7-0-0-interactive:focus-visible {
194
194
  outline-style: solid;
195
195
  outline-offset: 2px;
196
196
  outline-width: 2px;
197
197
  outline-color: var(--outline-color-primary);
198
198
  }
199
- .sd-7-0-0-next-9-prose a:active:not([disabled]), .sd-7-0-0-next-9-interactive:active:not([disabled]) {
200
- color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800))));
199
+ .sd-7-0-0-prose a:active:not([disabled]), .sd-7-0-0-interactive:active:not([disabled]) {
200
+ color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
201
201
  }
202
- .sd-7-0-0-next-9-prose a:is(.sd-7-0-0-next-9-interactive), .sd-7-0-0-next-9-interactive:is(.sd-7-0-0-next-9-interactive) {
202
+ .sd-7-0-0-prose a:is(.sd-7-0-0-interactive), .sd-7-0-0-interactive:is(.sd-7-0-0-interactive) {
203
203
  text-decoration-line: none;
204
204
  }
205
- .sd-7-0-0-next-9-prose a--disabled, .sd-7-0-0-next-9-prose a[disabled], .sd-7-0-0-next-9-prose a[href=''], .sd-7-0-0-next-9-interactive--disabled, .sd-7-0-0-next-9-interactive[disabled], .sd-7-0-0-next-9-interactive[href=''] {
205
+ .sd-7-0-0-prose a--disabled, .sd-7-0-0-prose a[disabled], .sd-7-0-0-prose a[href=''], .sd-7-0-0-interactive--disabled, .sd-7-0-0-interactive[disabled], .sd-7-0-0-interactive[href=''] {
206
206
  cursor: not-allowed;
207
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
207
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
208
208
  }
209
- .sd-7-0-0-next-9-prose a--disabled:hover:not([disabled]), .sd-7-0-0-next-9-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-next-9-prose a[href='']:hover:not([disabled]), .sd-7-0-0-next-9-interactive--disabled:hover:not([disabled]), .sd-7-0-0-next-9-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-next-9-interactive[href='']:hover:not([disabled]) {
210
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
209
+ .sd-7-0-0-prose a--disabled:hover:not([disabled]), .sd-7-0-0-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-prose a[href='']:hover:not([disabled]), .sd-7-0-0-interactive--disabled:hover:not([disabled]), .sd-7-0-0-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-interactive[href='']:hover:not([disabled]) {
210
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
211
211
  }
212
- .sd-7-0-0-next-9-prose a--disabled:active:not([disabled]), .sd-7-0-0-next-9-prose a[disabled]:active:not([disabled]), .sd-7-0-0-next-9-prose a[href='']:active:not([disabled]), .sd-7-0-0-next-9-interactive--disabled:active:not([disabled]), .sd-7-0-0-next-9-interactive[disabled]:active:not([disabled]), .sd-7-0-0-next-9-interactive[href='']:active:not([disabled]) {
213
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
212
+ .sd-7-0-0-prose a--disabled:active:not([disabled]), .sd-7-0-0-prose a[disabled]:active:not([disabled]), .sd-7-0-0-prose a[href='']:active:not([disabled]), .sd-7-0-0-interactive--disabled:active:not([disabled]), .sd-7-0-0-interactive[disabled]:active:not([disabled]), .sd-7-0-0-interactive[href='']:active:not([disabled]) {
213
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
214
214
  }
215
- .sd-7-0-0-next-9-prose a--disabled.sd-7-0-0-next-9-interactive--inverted, .sd-7-0-0-next-9-prose a[disabled].sd-7-0-0-next-9-interactive--inverted, .sd-7-0-0-next-9-prose a[href=''].sd-7-0-0-next-9-interactive--inverted, .sd-7-0-0-next-9-interactive--disabled.sd-7-0-0-next-9-interactive--inverted, .sd-7-0-0-next-9-interactive[disabled].sd-7-0-0-next-9-interactive--inverted, .sd-7-0-0-next-9-interactive[href=''].sd-7-0-0-next-9-interactive--inverted {
216
- color: rgba(var(--sd-color-text-neutral-600));
215
+ .sd-7-0-0-prose a--disabled.sd-7-0-0-interactive--inverted, .sd-7-0-0-prose a[disabled].sd-7-0-0-interactive--inverted, .sd-7-0-0-prose a[href=''].sd-7-0-0-interactive--inverted, .sd-7-0-0-interactive--disabled.sd-7-0-0-interactive--inverted, .sd-7-0-0-interactive[disabled].sd-7-0-0-interactive--inverted, .sd-7-0-0-interactive[href=''].sd-7-0-0-interactive--inverted {
216
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
217
217
  }
218
- .sd-7-0-0-next-9-prose a--disabled.sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-9-prose a[disabled].sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-9-prose a[href=''].sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-9-interactive--disabled.sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-9-interactive[disabled].sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-9-interactive[href=''].sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]) {
219
- color: rgba(var(--sd-color-text-neutral-600));
218
+ .sd-7-0-0-prose a--disabled.sd-7-0-0-interactive--inverted:hover:not([disabled]), .sd-7-0-0-prose a[disabled].sd-7-0-0-interactive--inverted:hover:not([disabled]), .sd-7-0-0-prose a[href=''].sd-7-0-0-interactive--inverted:hover:not([disabled]), .sd-7-0-0-interactive--disabled.sd-7-0-0-interactive--inverted:hover:not([disabled]), .sd-7-0-0-interactive[disabled].sd-7-0-0-interactive--inverted:hover:not([disabled]), .sd-7-0-0-interactive[href=''].sd-7-0-0-interactive--inverted:hover:not([disabled]) {
219
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
220
220
  }
221
- .sd-7-0-0-next-9-prose a--disabled.sd-7-0-0-next-9-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-9-prose a[disabled].sd-7-0-0-next-9-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-9-prose a[href=''].sd-7-0-0-next-9-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-9-interactive--disabled.sd-7-0-0-next-9-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-9-interactive[disabled].sd-7-0-0-next-9-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-9-interactive[href=''].sd-7-0-0-next-9-interactive--inverted:active:not([disabled]) {
222
- color: rgba(var(--sd-color-text-neutral-600));
221
+ .sd-7-0-0-prose a--disabled.sd-7-0-0-interactive--inverted:active:not([disabled]), .sd-7-0-0-prose a[disabled].sd-7-0-0-interactive--inverted:active:not([disabled]), .sd-7-0-0-prose a[href=''].sd-7-0-0-interactive--inverted:active:not([disabled]), .sd-7-0-0-interactive--disabled.sd-7-0-0-interactive--inverted:active:not([disabled]), .sd-7-0-0-interactive[disabled].sd-7-0-0-interactive--inverted:active:not([disabled]), .sd-7-0-0-interactive[href=''].sd-7-0-0-interactive--inverted:active:not([disabled]) {
222
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
223
223
  }
224
- .sd-7-0-0-next-9-prose--inverted a, .sd-7-0-0-next-9-interactive--inverted {
225
- color: rgba(var(--sd-color-text-white));
224
+ .sd-7-0-0-prose--inverted a, .sd-7-0-0-interactive--inverted {
225
+ color: rgba(var(--sd-color-text-white, 255 255 255));
226
226
  }
227
- .sd-7-0-0-next-9-prose--inverted a:hover:not([disabled]), .sd-7-0-0-next-9-interactive--inverted:hover:not([disabled]) {
228
- color: rgba(var(--sd-color-text-primary-200));
227
+ .sd-7-0-0-prose--inverted a:hover:not([disabled]), .sd-7-0-0-interactive--inverted:hover:not([disabled]) {
228
+ color: rgba(var(--sd-color-text-primary-200, 224 233 243));
229
229
  }
230
- .sd-7-0-0-next-9-prose--inverted a:focus-visible, .sd-7-0-0-next-9-interactive--inverted:focus-visible {
230
+ .sd-7-0-0-prose--inverted a:focus-visible, .sd-7-0-0-interactive--inverted:focus-visible {
231
231
  outline-style: solid;
232
232
  outline-offset: 2px;
233
233
  outline-width: 2px;
234
234
  outline-color: var(--outline-color-primary);
235
235
  }
236
- .sd-7-0-0-next-9-prose--inverted a:active:not([disabled]), .sd-7-0-0-next-9-interactive--inverted:active:not([disabled]) {
237
- color: rgba(var(--sd-color-text-primary-400));
236
+ .sd-7-0-0-prose--inverted a:active:not([disabled]), .sd-7-0-0-interactive--inverted:active:not([disabled]) {
237
+ color: rgba(var(--sd-color-text-primary-400, 153 171 208));
238
238
  }
239
- .sd-7-0-0-next-9-prose > .sd-7-0-0-next-9-leadtext, .sd-7-0-0-next-9-leadtext {
240
- font-size: var(--sd-text-xl);
239
+ .sd-7-0-0-prose > .sd-7-0-0-leadtext, .sd-7-0-0-leadtext {
240
+ font-size: var(--sd-text-xl, 1.5rem);
241
241
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
242
242
  --tw-leading: var(--leading-normal, 1.5);
243
243
  line-height: var(--leading-normal, 1.5);
244
- --tw-font-weight: var(--sd-font-weight-normal);
245
- font-weight: var(--sd-font-weight-normal);
246
- color: rgba(var(--sd-color-text-black));
244
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
245
+ font-weight: var(--sd-font-weight-normal, 400);
246
+ color: rgba(var(--sd-color-text-black, 24 24 24));
247
247
  }
248
- .sd-7-0-0-next-9-prose > .sd-7-0-0-next-9-leadtext--size-lg, .sd-7-0-0-next-9-leadtext--size-lg {
249
- font-size: var(--sd-text-lg);
248
+ .sd-7-0-0-prose > .sd-7-0-0-leadtext--size-lg, .sd-7-0-0-leadtext--size-lg {
249
+ font-size: var(--sd-text-lg, 1.25rem);
250
250
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
251
251
  --tw-leading: var(--leading-normal, 1.5);
252
252
  line-height: var(--leading-normal, 1.5);
253
- --tw-font-weight: var(--sd-font-weight-normal);
254
- font-weight: var(--sd-font-weight-normal);
255
- color: rgba(var(--sd-color-text-black));
253
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
254
+ font-weight: var(--sd-font-weight-normal, 400);
255
+ color: rgba(var(--sd-color-text-black, 24 24 24));
256
256
  }
257
- .sd-7-0-0-next-9-prose--inverted > .sd-7-0-0-next-9-leadtext, .sd-7-0-0-next-9-leadtext--inverted {
258
- color: rgba(var(--sd-color-text-white));
257
+ .sd-7-0-0-prose--inverted > .sd-7-0-0-leadtext, .sd-7-0-0-leadtext--inverted {
258
+ color: rgba(var(--sd-color-text-white, 255 255 255));
259
259
  }
260
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon), .sd-7-0-0-next-9-prose > :is(ol, ul) {
260
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul) {
261
261
  list-style-position: revert;
262
262
  list-style-type: revert;
263
263
  padding: revert;
264
- padding-block: var(--sd-spacing-4);
265
- padding-left: var(--sd-spacing-4);
264
+ padding-block: var(--sd-spacing-4, 1rem);
265
+ padding-left: var(--sd-spacing-4, 1rem);
266
266
  text-align: left;
267
267
  }
268
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) li:not(:first-child), .sd-7-0-0-next-9-prose > :is(ol, ul) li:not(:first-child) {
269
- margin-top: var(--sd-spacing-3);
268
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon) li:not(:first-child), .sd-7-0-0-prose > :is(ol, ul) li:not(:first-child) {
269
+ margin-top: var(--sd-spacing-3, 0.75rem);
270
270
  }
271
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ol, .sd-7-0-0-next-9-prose > :is(ol, ul) ul, .sd-7-0-0-next-9-prose > :is(ol, ul) ol {
271
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ol, .sd-7-0-0-prose > :is(ol, ul) ul, .sd-7-0-0-prose > :is(ol, ul) ol {
272
272
  all: revert;
273
273
  padding-top: 0.75em;
274
274
  padding-left: 1.4em;
275
275
  }
276
276
  @supports not (-webkit-hyphens: none) {
277
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) li, .sd-7-0-0-next-9-prose > :is(ol, ul) li {
277
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon) li, .sd-7-0-0-prose > :is(ol, ul) li {
278
278
  padding-left: 0.3em;
279
279
  }
280
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon), .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) {
280
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) {
281
281
  counter-reset: item;
282
282
  }
283
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li {
283
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li {
284
284
  counter-increment: item;
285
285
  }
286
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li::marker, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li::marker {
286
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li::marker {
287
287
  content: counter(item, decimal) '. ';
288
288
  }
289
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol {
289
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol {
290
290
  padding-left: 1.9em;
291
291
  counter-reset: subitem;
292
292
  }
293
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li {
293
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li {
294
294
  counter-increment: subitem;
295
295
  }
296
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li::marker, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li::marker {
296
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li::marker {
297
297
  content: counter(item, decimal) '.' counter(subitem, decimal) '. ';
298
298
  }
299
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol {
299
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol {
300
300
  padding-left: 2.7em;
301
301
  counter-reset: subsubitem;
302
302
  }
303
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol > li {
303
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li {
304
304
  counter-increment: subsubitem;
305
305
  }
306
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol > li::marker, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-next-9-list--icon) > li > ol > li > ol > li::marker {
306
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li::marker, .sd-7-0-0-prose > :is(ol, ul):is(ol):not(.sd-7-0-0-list--icon) > li > ol > li > ol > li::marker {
307
307
  content: counter(item, decimal) '.' counter(subitem, decimal) '.' counter(subsubitem, decimal) '. ';
308
308
  }
309
309
  }
310
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon), .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon), .sd-7-0-0-next-9-prose > :is(ol, ul) ul {
310
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon), .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon), .sd-7-0-0-prose > :is(ol, ul) ul {
311
311
  padding-left: 0.5em;
312
312
  }
313
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon) > li, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon) > li, .sd-7-0-0-next-9-prose > :is(ol, ul) ul > li {
313
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li, .sd-7-0-0-prose > :is(ol, ul) ul > li {
314
314
  padding-left: 0.75em;
315
315
  list-style-type: '\2022';
316
316
  }
317
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul > li > ul, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul, .sd-7-0-0-next-9-prose > :is(ol, ul) ul > li > ul {
317
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul {
318
318
  padding-left: 0.3em;
319
319
  }
320
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul > li > ul > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li, .sd-7-0-0-next-9-prose > :is(ol, ul) ul > li > ul > li {
320
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li {
321
321
  list-style-type: '\002B1D';
322
322
  }
323
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li > ul, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul > li > ul > li > ul, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li > ul, .sd-7-0-0-next-9-prose > :is(ol, ul) ul > li > ul > li > ul {
323
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li > ul, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li > ul {
324
324
  padding-left: 0.4em;
325
325
  }
326
- .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-9-list:not(.sd-7-0-0-next-9-list--icon) ul > li > ul > li > ul > li, .sd-7-0-0-next-9-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-next-9-list--icon) > li > ul > li > ul > li, .sd-7-0-0-next-9-prose > :is(ol, ul) ul > li > ul > li > ul > li {
326
+ .sd-7-0-0-list:not(.sd-7-0-0-list--icon):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul > li, .sd-7-0-0-list:not(.sd-7-0-0-list--icon) ul > li > ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul):is(ul):not(.sd-7-0-0-list--icon) > li > ul > li > ul > li, .sd-7-0-0-prose > :is(ol, ul) ul > li > ul > li > ul > li {
327
327
  list-style-type: '\2010';
328
328
  }
329
- .sd-7-0-0-next-9-list--icon {
330
- padding-block: var(--sd-spacing-4);
329
+ .sd-7-0-0-list--icon {
330
+ padding-block: var(--sd-spacing-4, 1rem);
331
331
  text-align: left;
332
332
  }
333
- .sd-7-0-0-next-9-list--icon li sd-7-0-0-next-9-icon:first-of-type, .sd-7-0-0-next-9-list--icon li .sd-7-0-0-next-9-list--icon__icon:first-of-type {
334
- color: rgba(var(--sd-color-text-white));
333
+ .sd-7-0-0-list--icon li sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--icon li .sd-7-0-0-list--icon__icon:first-of-type {
334
+ color: rgba(var(--sd-color-text-white, 255 255 255));
335
335
  }
336
- .sd-7-0-0-next-9-list--icon{
336
+ .sd-7-0-0-list--icon{
337
337
  list-style-type: '';
338
338
  }
339
- .sd-7-0-0-next-9-list--icon > li:first-of-type {
339
+ .sd-7-0-0-list--icon > li:first-of-type {
340
340
  padding-top: 0;
341
341
  }
342
- .sd-7-0-0-next-9-list--icon li {
342
+ .sd-7-0-0-list--icon li {
343
343
  position: relative;
344
- padding-top: var(--sd-spacing-3);
345
- padding-left: var(--sd-spacing-10);
344
+ padding-top: var(--sd-spacing-3, 0.75rem);
345
+ padding-left: var(--sd-spacing-10, 2.5rem);
346
346
  --tw-leading: 32px;
347
347
  line-height: 32px;
348
348
  }
349
- .sd-7-0-0-next-9-list--icon li > sd-7-0-0-next-9-icon:first-of-type, .sd-7-0-0-next-9-list--icon li > .sd-7-0-0-next-9-list--icon__icon:first-of-type {
349
+ .sd-7-0-0-list--icon li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--icon li > .sd-7-0-0-list--icon__icon:first-of-type {
350
350
  position: absolute;
351
351
  left: 0;
352
- font-size: var(--sd-text-3xl);
352
+ font-size: var(--sd-text-3xl, 2rem);
353
353
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
354
- color: rgb(var(--sd-color-icon-fill-primary));
354
+ color: rgb(var(--sd-color-icon-fill-primary, 0 53 142));
355
355
  }
356
- .sd-7-0-0-next-9-list--icon.sd-7-0-0-next-9-list--horizontal {
356
+ .sd-7-0-0-list--icon.sd-7-0-0-list--horizontal {
357
357
  display: flex;
358
358
  }
359
- .sd-7-0-0-next-9-list--icon.sd-7-0-0-next-9-list--horizontal li {
359
+ .sd-7-0-0-list--icon.sd-7-0-0-list--horizontal li {
360
360
  display: flex;
361
361
  padding-top: 0;
362
362
  }
363
- .sd-7-0-0-next-9-list--icon.sd-7-0-0-next-9-list--horizontal li:not(:last-child) {
364
- margin-right: var(--sd-spacing-8);
363
+ .sd-7-0-0-list--icon.sd-7-0-0-list--horizontal li:not(:last-child) {
364
+ margin-right: var(--sd-spacing-8, 2rem);
365
365
  }
366
- .sd-7-0-0-next-9-list--inverted, .sd-7-0-0-next-9-prose--inverted > :is(ol, ul) {
367
- color: rgba(var(--sd-color-text-white));
366
+ .sd-7-0-0-list--inverted, .sd-7-0-0-prose--inverted > :is(ol, ul) {
367
+ color: rgba(var(--sd-color-text-white, 255 255 255));
368
368
  }
369
- .sd-7-0-0-next-9-list--inverted li > sd-7-0-0-next-9-icon:first-of-type, .sd-7-0-0-next-9-list--inverted li > .sd-7-0-0-next-9-list--icon__icon:first-of-type, .sd-7-0-0-next-9-prose--inverted > :is(ol, ul) li > sd-7-0-0-next-9-icon:first-of-type, .sd-7-0-0-next-9-prose--inverted > :is(ol, ul) li > .sd-7-0-0-next-9-list--icon__icon:first-of-type {
370
- color: rgba(var(--sd-color-text-white));
369
+ .sd-7-0-0-list--inverted li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-list--inverted li > .sd-7-0-0-list--icon__icon:first-of-type, .sd-7-0-0-prose--inverted > :is(ol, ul) li > sd-7-0-0-icon:first-of-type, .sd-7-0-0-prose--inverted > :is(ol, ul) li > .sd-7-0-0-list--icon__icon:first-of-type {
370
+ color: rgba(var(--sd-color-text-white, 255 255 255));
371
371
  }
372
- .sd-7-0-0-next-9-paragraph, .sd-7-0-0-next-9-prose p {
373
- font-size: var(--sd-text-base);
372
+ .sd-7-0-0-paragraph, .sd-7-0-0-prose p {
373
+ font-size: var(--sd-text-base, 1rem);
374
374
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
375
375
  --tw-leading: var(--leading-normal, 1.5);
376
376
  line-height: var(--leading-normal, 1.5);
377
- --tw-font-weight: var(--sd-font-weight-normal);
378
- font-weight: var(--sd-font-weight-normal);
379
- color: rgba(var(--sd-color-text-black));
377
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
378
+ font-weight: var(--sd-font-weight-normal, 400);
379
+ color: rgba(var(--sd-color-text-black, 24 24 24));
380
380
  }
381
- .sd-7-0-0-next-9-paragraph--size-sm, .sd-7-0-0-next-9-prose p--size-sm {
382
- font-size: var(--sd-text-sm);
381
+ .sd-7-0-0-paragraph--size-sm, .sd-7-0-0-prose p--size-sm {
382
+ font-size: var(--sd-text-sm, 0.875rem);
383
383
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
384
384
  --tw-leading: var(--leading-normal, 1.5);
385
385
  line-height: var(--leading-normal, 1.5);
386
- --tw-font-weight: var(--sd-font-weight-normal);
387
- font-weight: var(--sd-font-weight-normal);
388
- color: rgba(var(--sd-color-text-black));
386
+ --tw-font-weight: var(--sd-font-weight-normal, 400);
387
+ font-weight: var(--sd-font-weight-normal, 400);
388
+ color: rgba(var(--sd-color-text-black, 24 24 24));
389
389
  }
390
- .sd-7-0-0-next-9-paragraph--inverted, .sd-7-0-0-next-9-prose--inverted p {
391
- color: rgba(var(--sd-color-text-white));
390
+ .sd-7-0-0-paragraph--inverted, .sd-7-0-0-prose--inverted p {
391
+ color: rgba(var(--sd-color-text-white, 255 255 255));
392
392
  }
393
- .sd-7-0-0-next-9-prose figure, figure.sd-7-0-0-next-9-media {
393
+ .sd-7-0-0-prose figure, figure.sd-7-0-0-media {
394
394
  margin: 0;
395
395
  }
396
- .sd-7-0-0-next-9-prose figure figcaption, figure.sd-7-0-0-next-9-media figcaption {
397
- color: rgba(var(--sd-color-text-neutral-700));
396
+ .sd-7-0-0-prose figure figcaption, figure.sd-7-0-0-media figcaption {
397
+ color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
398
398
  }
399
- .sd-7-0-0-next-9-prose figure figcaption:last-child, figure.sd-7-0-0-next-9-media figcaption:last-child {
400
- margin-top: var(--sd-spacing-3);
399
+ .sd-7-0-0-prose figure figcaption:last-child, figure.sd-7-0-0-media figcaption:last-child {
400
+ margin-top: var(--sd-spacing-3, 0.75rem);
401
401
  }
402
- .sd-7-0-0-next-9-prose--inverted figure figcaption, figure.sd-7-0-0-next-9-media--inverted figcaption {
403
- color: rgba(var(--sd-color-text-primary-400));
402
+ .sd-7-0-0-prose--inverted figure figcaption, figure.sd-7-0-0-media--inverted figcaption {
403
+ color: rgba(var(--sd-color-text-primary-400, 153 171 208));
404
404
  }
405
- .sd-7-0-0-next-9-prose td, .sd-7-0-0-next-9-prose th, .sd-7-0-0-next-9-table-cell {
405
+ .sd-7-0-0-prose td, .sd-7-0-0-prose th, .sd-7-0-0-table-cell {
406
406
  border-inline-style: var(--tw-border-style);
407
407
  border-inline-width: 0px;
408
408
  border-block-style: var(--tw-border-style);
409
409
  border-block-width: 1px;
410
410
  --tw-border-style: solid;
411
411
  border-style: solid;
412
- border-color: rgba(var(--sd-color-border-neutral-400));
412
+ border-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
413
413
  background-color: transparent;
414
- padding: var(--sd-spacing-4);
414
+ padding: var(--sd-spacing-4, 1rem);
415
415
  text-align: left;
416
- font-size: var(--sd-text-sm);
416
+ font-size: var(--sd-text-sm, 0.875rem);
417
417
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
418
- color: rgba(var(--sd-color-text-black));
418
+ color: rgba(var(--sd-color-text-black, 24 24 24));
419
419
  }
420
- .sd-7-0-0-next-9-table-cell--divider {
420
+ .sd-7-0-0-table-cell--divider {
421
421
  border-right-style: var(--tw-border-style);
422
422
  border-right-width: 1px;
423
423
  }
424
- .sd-7-0-0-next-9-table-cell--shadow-top:after, .sd-7-0-0-next-9-table-cell--shadow-bottom:after, .sd-7-0-0-next-9-table-cell--shadow-left:after, .sd-7-0-0-next-9-table-cell--shadow-right:after {
424
+ .sd-7-0-0-table-cell--shadow-top:after, .sd-7-0-0-table-cell--shadow-bottom:after, .sd-7-0-0-table-cell--shadow-left:after, .sd-7-0-0-table-cell--shadow-right:after {
425
425
  pointer-events: none;
426
426
  position: absolute;
427
- --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
427
+ --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10, 10%), transparent);
428
428
  --tw-gradient-to: transparent;
429
429
  --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
430
- opacity: var(--sd-opacity-0);
430
+ opacity: var(--sd-opacity-0, 0%);
431
431
  transition-property: opacity;
432
432
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
433
433
  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
@@ -436,12 +436,12 @@
436
436
  --tw-content: '';
437
437
  content: var(--tw-content);
438
438
  }
439
- .sd-7-0-0-next-9-table-cell--shadow-top:after, .sd-7-0-0-next-9-table-cell--shadow-bottom:after {
439
+ .sd-7-0-0-table-cell--shadow-top:after, .sd-7-0-0-table-cell--shadow-bottom:after {
440
440
  right: 0;
441
441
  left: 0;
442
- height: var(--sd-spacing-2\.5);
442
+ height: var(--sd-spacing-2\.5, 0.625rem);
443
443
  }
444
- .sd-7-0-0-next-9-table-cell--shadow-top:before, .sd-7-0-0-next-9-table-cell--shadow-bottom:before {
444
+ .sd-7-0-0-table-cell--shadow-top:before, .sd-7-0-0-table-cell--shadow-bottom:before {
445
445
  position: absolute;
446
446
  left: 0;
447
447
  display: block;
@@ -449,54 +449,54 @@
449
449
  width: 100%;
450
450
  border-style: var(--tw-border-style);
451
451
  border-width: 0.5px;
452
- border-color: rgba(var(--sd-color-border-neutral-400));
452
+ border-color: rgba(var(--sd-color-border-neutral-400, 195 195 195));
453
453
  --tw-content: '';
454
454
  content: var(--tw-content);
455
455
  }
456
- .sd-7-0-0-next-9-table-cell--shadow-left:after, .sd-7-0-0-next-9-table-cell--shadow-right:after {
456
+ .sd-7-0-0-table-cell--shadow-left:after, .sd-7-0-0-table-cell--shadow-right:after {
457
457
  top: 0;
458
458
  bottom: 0;
459
- width: var(--sd-spacing-2\.5);
459
+ width: var(--sd-spacing-2\.5, 0.625rem);
460
460
  }
461
- .sd-7-0-0-next-9-table-cell.sd-7-0-0-next-9-table-cell--shadow-active:after {
461
+ .sd-7-0-0-table-cell.sd-7-0-0-table-cell--shadow-active:after {
462
462
  opacity: 100%;
463
463
  }
464
- .sd-7-0-0-next-9-table-cell--shadow-top:after {
464
+ .sd-7-0-0-table-cell--shadow-top:after {
465
465
  top: -10px;
466
466
  --tw-gradient-position: to top in oklab;
467
467
  background-image: linear-gradient(var(--tw-gradient-stops));
468
468
  }
469
- .sd-7-0-0-next-9-table-cell--shadow-top:before {
469
+ .sd-7-0-0-table-cell--shadow-top:before {
470
470
  bottom: -1px;
471
471
  }
472
- .sd-7-0-0-next-9-table-cell--shadow-bottom:after {
472
+ .sd-7-0-0-table-cell--shadow-bottom:after {
473
473
  bottom: -10px;
474
474
  --tw-gradient-position: to bottom in oklab;
475
475
  background-image: linear-gradient(var(--tw-gradient-stops));
476
476
  }
477
- .sd-7-0-0-next-9-table-cell--shadow-bottom:before {
477
+ .sd-7-0-0-table-cell--shadow-bottom:before {
478
478
  top: -1px;
479
479
  }
480
- .sd-7-0-0-next-9-table-cell--shadow-left:after {
480
+ .sd-7-0-0-table-cell--shadow-left:after {
481
481
  left: -10px;
482
482
  --tw-gradient-position: to left in oklab;
483
483
  background-image: linear-gradient(var(--tw-gradient-stops));
484
484
  }
485
- .sd-7-0-0-next-9-table-cell--shadow-right:after {
485
+ .sd-7-0-0-table-cell--shadow-right:after {
486
486
  right: -10px;
487
487
  --tw-gradient-position: to right in oklab;
488
488
  background-image: linear-gradient(var(--tw-gradient-stops));
489
489
  }
490
- .sd-7-0-0-next-9-table-cell--bg-white {
491
- background-color: rgba(var(--sd-color-background-white));
490
+ .sd-7-0-0-table-cell--bg-white {
491
+ background-color: rgba(var(--sd-color-background-white, 255 255 255));
492
492
  }
493
- .sd-7-0-0-next-9-table-cell--bg-primary-100 {
494
- background-color: rgba(var(--sd-color-background-primary-100));
493
+ .sd-7-0-0-table-cell--bg-primary-100 {
494
+ background-color: rgba(var(--sd-color-background-primary-100, 236 240 249));
495
495
  }
496
- .sd-7-0-0-next-9-table-cell--bg-neutral-100 {
497
- background-color: rgba(var(--sd-color-background-neutral-100));
496
+ .sd-7-0-0-table-cell--bg-neutral-100 {
497
+ background-color: rgba(var(--sd-color-background-neutral-100, 246 246 246));
498
498
  }
499
- .sd-7-0-0-next-9-table, .sd-7-0-0-next-9-prose table {
499
+ .sd-7-0-0-table, .sd-7-0-0-prose table {
500
500
  all: unset;
501
501
  display: table;
502
502
  border-collapse: collapse;
@@ -504,59 +504,59 @@
504
504
  --tw-border-spacing-y: 0;
505
505
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
506
506
  }
507
- .sd-7-0-0-next-9-table thead tr:first-of-type, .sd-7-0-0-next-9-table tfoot tr:first-of-type, .sd-7-0-0-next-9-prose table thead tr:first-of-type, .sd-7-0-0-next-9-prose table tfoot tr:first-of-type {
507
+ .sd-7-0-0-table thead tr:first-of-type, .sd-7-0-0-table tfoot tr:first-of-type, .sd-7-0-0-prose table thead tr:first-of-type, .sd-7-0-0-prose table tfoot tr:first-of-type {
508
508
  position: relative;
509
509
  }
510
- .sd-7-0-0-next-9-prose {
510
+ .sd-7-0-0-prose {
511
511
  max-width: 80ch;
512
512
  text-align: left;
513
513
  }
514
- .sd-7-0-0-next-9-prose > *:not(:first-child) {
515
- margin-top: var(--sd-spacing-4);
514
+ .sd-7-0-0-prose > *:not(:first-child) {
515
+ margin-top: var(--sd-spacing-4, 1rem);
516
516
  }
517
- .sd-7-0-0-next-9-prose > *:first-child {
517
+ .sd-7-0-0-prose > *:first-child {
518
518
  margin-top: 0;
519
519
  }
520
- .sd-7-0-0-next-9-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
521
- margin-top: var(--sd-spacing-2);
520
+ .sd-7-0-0-prose > :is(h1, h2, h3, h4, h5):not(#_) + :is(h1, h2, h3, h4, h5) {
521
+ margin-top: var(--sd-spacing-2, 0.5rem);
522
522
  }
523
- .sd-7-0-0-next-9-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
524
- margin-top: var(--sd-spacing-8);
523
+ .sd-7-0-0-prose > *:not(:is(h1, h2, h3, h4, h5)) + :is(h1, h2, h3, h4, h5):not(#_) {
524
+ margin-top: var(--sd-spacing-8, 2rem);
525
525
  }
526
- .sd-7-0-0-next-9-prose > figure + *:not(#_), .sd-7-0-0-next-9-prose > img + *:not(#_) {
527
- margin-top: var(--sd-spacing-6);
526
+ .sd-7-0-0-prose > figure + *:not(#_), .sd-7-0-0-prose > img + *:not(#_) {
527
+ margin-top: var(--sd-spacing-6, 1.5rem);
528
528
  }
529
- .sd-7-0-0-next-9-prose hr {
529
+ .sd-7-0-0-prose hr {
530
530
  height: 0;
531
531
  border-top-style: var(--tw-border-style);
532
532
  border-top-width: 1px;
533
- border-color: rgba(var(--sd-color-border-neutral-500));
533
+ border-color: rgba(var(--sd-color-border-neutral-500, 174 174 174));
534
534
  }
535
- .sd-7-0-0-next-9-prose pre {
535
+ .sd-7-0-0-prose pre {
536
536
  overflow: auto;
537
537
  }
538
- .sd-7-0-0-next-9-prose blockquote, .sd-7-0-0-next-9-prose blockquote > * {
539
- font-size: var(--sd-text-xl);
538
+ .sd-7-0-0-prose blockquote, .sd-7-0-0-prose blockquote > * {
539
+ font-size: var(--sd-text-xl, 1.5rem);
540
540
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
541
541
  }
542
- .sd-7-0-0-next-9-prose blockquote:has(*) *:first-child::before, .sd-7-0-0-next-9-prose blockquote:not(:has(*))::before {
542
+ .sd-7-0-0-prose blockquote:has(*) *:first-child::before, .sd-7-0-0-prose blockquote:not(:has(*))::before {
543
543
  content: open-quote;
544
544
  display: inline;
545
545
  }
546
- .sd-7-0-0-next-9-prose blockquote:has(*) *:first-child::after, .sd-7-0-0-next-9-prose blockquote:not(:has(*))::after {
546
+ .sd-7-0-0-prose blockquote:has(*) *:first-child::after, .sd-7-0-0-prose blockquote:not(:has(*))::after {
547
547
  content: close-quote;
548
548
  display: inline;
549
549
  }
550
- .sd-7-0-0-next-9-prose > :is(ul, ol):not(#_) {
550
+ .sd-7-0-0-prose > :is(ul, ol):not(#_) {
551
551
  padding-block: 0;
552
552
  }
553
- .sd-7-0-0-next-9-prose--inverted hr {
554
- border-color: rgba(var(--sd-color-border-white));
553
+ .sd-7-0-0-prose--inverted hr {
554
+ border-color: rgba(var(--sd-color-border-white, 255 255 255));
555
555
  }
556
- .sd-7-0-0-next-9-prose--inverted pre {
557
- color: rgba(var(--sd-color-text-white));
556
+ .sd-7-0-0-prose--inverted pre {
557
+ color: rgba(var(--sd-color-text-white, 255 255 255));
558
558
  }
559
- .sd-7-0-0-next-9-prose--full-width {
559
+ .sd-7-0-0-prose--full-width {
560
560
  max-width: unset;
561
561
  }
562
562
  @property --tw-leading {