@solid-design-system/styles 7.5.1 → 7.5.3

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