@solid-design-system/styles 7.0.0-next.10 → 7.0.0-next.12

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 +8 -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,147 +1,147 @@
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-10-footnotes {
4
+ .sd-7-0-0-next-12-footnotes {
5
5
  margin-block: 0;
6
6
  padding: 0;
7
7
  text-align: left;
8
- font-size: var(--sd-text-sm);
8
+ font-size: var(--sd-text-sm, 0.875rem);
9
9
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
10
- color: rgba(var(--sd-color-text-neutral-700));
10
+ color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
11
11
  }
12
- .sd-7-0-0-next-10-footnotes :target {
13
- background-color: rgba(var(--sd-color-background-neutral-200));
12
+ .sd-7-0-0-next-12-footnotes :target {
13
+ background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
14
14
  }
15
- .sd-7-0-0-next-10-footnotes:is(ol) {
16
- padding-inline-start: var(--sd-spacing-8);
15
+ .sd-7-0-0-next-12-footnotes:is(ol) {
16
+ padding-inline-start: var(--sd-spacing-8, 2rem);
17
17
  }
18
- .sd-7-0-0-next-10-footnotes:is(ol) li {
18
+ .sd-7-0-0-next-12-footnotes:is(ol) li {
19
19
  counter-increment: list-item;
20
20
  position: relative;
21
21
  list-style-type: none;
22
22
  }
23
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker::before, .sd-7-0-0-next-10-footnotes:is(ol) li:has(.sd-7-0-0-next-10-footnotes--marker:nth-of-type(2))::before, .sd-7-0-0-next-10-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-10-footnotes--marker))::before {
23
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker::before, .sd-7-0-0-next-12-footnotes:is(ol) li:has(.sd-7-0-0-next-12-footnotes--marker:nth-of-type(2))::before, .sd-7-0-0-next-12-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-12-footnotes--marker))::before {
24
24
  position: absolute;
25
- left: calc(var(--sd-spacing-8) * -1);
25
+ left: calc(var(--sd-spacing-8, 2rem) * -1);
26
26
  flex-shrink: 0;
27
27
  --tw-leading: var(--leading-normal, 1.5);
28
28
  line-height: var(--leading-normal, 1.5);
29
- --tw-font-weight: var(--sd-font-weight-bold);
30
- font-weight: var(--sd-font-weight-bold);
29
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
30
+ font-weight: var(--sd-font-weight-bold, 600);
31
31
  content: '[ ' counter(list-item) ' ]';
32
32
  padding-top: 1px;
33
33
  font-size: 10px;
34
34
  }
35
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker::after, .sd-7-0-0-next-10-footnotes:is(ol) li:has(.sd-7-0-0-next-10-footnotes--marker:nth-of-type(2))::after, .sd-7-0-0-next-10-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-10-footnotes--marker))::after {
35
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker::after, .sd-7-0-0-next-12-footnotes:is(ol) li:has(.sd-7-0-0-next-12-footnotes--marker:nth-of-type(2))::after, .sd-7-0-0-next-12-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-12-footnotes--marker))::after {
36
36
  content: none;
37
37
  }
38
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker .sd-7-0-0-next-10-footnotes--marker, .sd-7-0-0-next-10-footnotes:is(ol) li:has(.sd-7-0-0-next-10-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-10-footnotes--marker, .sd-7-0-0-next-10-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-10-footnotes--marker)) .sd-7-0-0-next-10-footnotes--marker {
38
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker .sd-7-0-0-next-12-footnotes--marker, .sd-7-0-0-next-12-footnotes:is(ol) li:has(.sd-7-0-0-next-12-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-12-footnotes--marker, .sd-7-0-0-next-12-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-12-footnotes--marker)) .sd-7-0-0-next-12-footnotes--marker {
39
39
  display: inline-block;
40
40
  counter-increment: footnotes-multiple;
41
41
  }
42
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker .sd-7-0-0-next-10-footnotes--marker::before, .sd-7-0-0-next-10-footnotes:is(ol) li:has(.sd-7-0-0-next-10-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-10-footnotes--marker::before, .sd-7-0-0-next-10-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-10-footnotes--marker)) .sd-7-0-0-next-10-footnotes--marker::before {
42
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker .sd-7-0-0-next-12-footnotes--marker::before, .sd-7-0-0-next-12-footnotes:is(ol) li:has(.sd-7-0-0-next-12-footnotes--marker:nth-of-type(2)) .sd-7-0-0-next-12-footnotes--marker::before, .sd-7-0-0-next-12-footnotes:is(ol) li:not(:has(.sd-7-0-0-next-12-footnotes--marker)) .sd-7-0-0-next-12-footnotes--marker::before {
43
43
  position: relative;
44
44
  left: 0;
45
45
  vertical-align: super;
46
46
  --tw-leading: var(--leading-normal, 1.5);
47
47
  line-height: var(--leading-normal, 1.5);
48
- --tw-font-weight: var(--sd-font-weight-bold);
49
- font-weight: var(--sd-font-weight-bold);
48
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
49
+ font-weight: var(--sd-font-weight-bold, 600);
50
50
  content: counter(footnotes-multiple, lower-alpha);
51
51
  }
52
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker {
52
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker {
53
53
  bottom: 0;
54
54
  display: block;
55
55
  }
56
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker:focus-visible {
56
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker:focus-visible {
57
57
  outline-style: var(--tw-outline-style);
58
58
  outline-width: 0px;
59
59
  }
60
- .sd-7-0-0-next-10-footnotes:is(ol) li .sd-7-0-0-next-10-footnotes--marker:focus-visible::before {
61
- border-radius: var(--sd-radius);
60
+ .sd-7-0-0-next-12-footnotes:is(ol) li .sd-7-0-0-next-12-footnotes--marker:focus-visible::before {
61
+ border-radius: var(--sd-radius, 0.25rem);
62
62
  outline-width: 1px;
63
63
  outline-style: var(--tw-outline-style);
64
64
  outline-width: 2px;
65
65
  outline-offset: 2px;
66
- outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
66
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
67
67
  }
68
- .sd-7-0-0-next-10-footnotes:is(ul) {
68
+ .sd-7-0-0-next-12-footnotes:is(ul) {
69
69
  list-style: '';
70
70
  }
71
- .sd-7-0-0-next-10-footnotes--inverted {
72
- color: rgba(var(--sd-color-text-primary-400));
71
+ .sd-7-0-0-next-12-footnotes--inverted {
72
+ color: rgba(var(--sd-color-text-primary-400, 153 171 208));
73
73
  }
74
- .sd-7-0-0-next-10-footnotes--inverted :target {
75
- background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
74
+ .sd-7-0-0-next-12-footnotes--inverted :target {
75
+ background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
76
76
  }
77
- .sd-7-0-0-next-10-footnotes--inverted .sd-7-0-0-next-10-footnotes--marker::before {
78
- color: rgba(var(--sd-color-text-white));
79
- outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
77
+ .sd-7-0-0-next-12-footnotes--inverted .sd-7-0-0-next-12-footnotes--marker::before {
78
+ color: rgba(var(--sd-color-text-white, 255 255 255));
79
+ outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
80
80
  }
81
- .sd-7-0-0-next-10-footnotes--inverted:is(.sd-7-0-0-next-10-footnotes--marker) {
82
- color: rgba(var(--sd-color-text-white)) !important;
83
- outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
81
+ .sd-7-0-0-next-12-footnotes--inverted:is(.sd-7-0-0-next-12-footnotes--marker) {
82
+ color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
83
+ outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
84
84
  }
85
- .sd-7-0-0-next-10-footnotes--inverted:is(.sd-7-0-0-next-10-footnotes--marker):target {
86
- background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
85
+ .sd-7-0-0-next-12-footnotes--inverted:is(.sd-7-0-0-next-12-footnotes--marker):target {
86
+ background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
87
87
  }
88
- .sd-7-0-0-next-10-footnotes--inverted:is(ol) li .sd-7-0-0-next-10-footnotes--marker::before, .sd-7-0-0-next-10-footnotes--inverted:is(ol) li::before {
89
- color: rgba(var(--sd-color-text-white)) !important;
88
+ .sd-7-0-0-next-12-footnotes--inverted:is(ol) li .sd-7-0-0-next-12-footnotes--marker::before, .sd-7-0-0-next-12-footnotes--inverted:is(ol) li::before {
89
+ color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
90
90
  }
91
- .sd-7-0-0-next-10-footnotes--marker {
91
+ .sd-7-0-0-next-12-footnotes--marker {
92
92
  position: relative;
93
- bottom: var(--sd-spacing-2);
93
+ bottom: var(--sd-spacing-2, 0.5rem);
94
94
  display: inline-block;
95
- --tw-font-weight: var(--sd-font-weight-bold);
96
- font-weight: var(--sd-font-weight-bold);
95
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
96
+ font-weight: var(--sd-font-weight-bold, 600);
97
97
  white-space: nowrap;
98
98
  text-decoration-line: none !important;
99
99
  font-size: x-small;
100
100
  }
101
- .sd-7-0-0-next-10-footnotes--marker:target {
102
- background-color: rgba(var(--sd-color-background-neutral-200));
101
+ .sd-7-0-0-next-12-footnotes--marker:target {
102
+ background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
103
103
  }
104
- .sd-7-0-0-next-10-footnotes--marker:not(:has(a))::before {
104
+ .sd-7-0-0-next-12-footnotes--marker:not(:has(a))::before {
105
105
  content: '[ ';
106
106
  display: inline-block;
107
107
  }
108
- .sd-7-0-0-next-10-footnotes--marker:not(:has(a))::after {
108
+ .sd-7-0-0-next-12-footnotes--marker:not(:has(a))::after {
109
109
  content: ' ]';
110
110
  display: inline-block;
111
111
  }
112
- .sd-7-0-0-next-10-footnotes--marker :is(a) {
112
+ .sd-7-0-0-next-12-footnotes--marker :is(a) {
113
113
  display: inline-block;
114
- --tw-font-weight: var(--sd-font-weight-bold);
115
- font-weight: var(--sd-font-weight-bold);
114
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
115
+ font-weight: var(--sd-font-weight-bold, 600);
116
116
  white-space: nowrap;
117
117
  text-decoration-line: none !important;
118
118
  }
119
- .sd-7-0-0-next-10-footnotes--marker :is(a)::before {
119
+ .sd-7-0-0-next-12-footnotes--marker :is(a)::before {
120
120
  content: '[ ';
121
121
  display: inline-block;
122
122
  }
123
- .sd-7-0-0-next-10-footnotes--marker :is(a)::after {
123
+ .sd-7-0-0-next-12-footnotes--marker :is(a)::after {
124
124
  content: ' ]';
125
125
  display: inline-block;
126
126
  }
127
- .sd-7-0-0-next-10-footnotes--marker :is(a):focus-visible {
128
- border-radius: var(--sd-radius);
127
+ .sd-7-0-0-next-12-footnotes--marker :is(a):focus-visible {
128
+ border-radius: var(--sd-radius, 0.25rem);
129
129
  outline-width: 1px;
130
130
  outline-style: var(--tw-outline-style);
131
131
  outline-width: 2px;
132
132
  outline-offset: 2px;
133
- outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
133
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
134
134
  }
135
- .sd-7-0-0-next-10-footnotes--marker:link, .sd-7-0-0-next-10-footnotes--marker:visited {
136
- color: rgba(var(--sd-color-text-primary));
135
+ .sd-7-0-0-next-12-footnotes--marker:link, .sd-7-0-0-next-12-footnotes--marker:visited {
136
+ color: rgba(var(--sd-color-text-primary, 0 53 142));
137
137
  }
138
- .sd-7-0-0-next-10-footnotes--marker:focus-visible {
139
- border-radius: var(--sd-radius);
138
+ .sd-7-0-0-next-12-footnotes--marker:focus-visible {
139
+ border-radius: var(--sd-radius, 0.25rem);
140
140
  outline-width: 1px;
141
141
  outline-style: var(--tw-outline-style);
142
142
  outline-width: 2px;
143
143
  outline-offset: 2px;
144
- outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
144
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
145
145
  }
146
146
  @property --tw-leading {
147
147
  syntax: "*";
@@ -1,133 +1,133 @@
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-10-headline, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5) {
4
+ .sd-7-0-0-next-12-headline, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5) {
5
5
  display: flex;
6
- --tw-font-weight: var(--sd-font-weight-bold);
7
- font-weight: var(--sd-font-weight-bold);
8
- color: rgba(var(--sd-color-text-primary));
6
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
7
+ font-weight: var(--sd-font-weight-bold, 600);
8
+ color: rgba(var(--sd-color-text-primary, 0 53 142));
9
9
  }
10
- .sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-10-icon {
10
+ .sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-12-icon {
11
11
  flex-shrink: 0;
12
12
  font-size: 3rem;
13
- color: rgba(var(--sd-color-text-primary));
13
+ color: rgba(var(--sd-color-text-primary, 0 53 142));
14
14
  }
15
15
  @media (width >= 40rem) {
16
- .sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-10-icon {
17
- margin-top: var(--sd-spacing-2)
16
+ .sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5) sd-7-0-0-next-12-icon {
17
+ margin-top: var(--sd-spacing-2, 0.5rem)
18
18
  }
19
19
  }
20
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline, .sd-7-0-0-next-10-headline:is(h1):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-10-headline) {
21
- gap: var(--sd-spacing-4);
22
- font-size: var(--sd-text-3xl);
20
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline, .sd-7-0-0-next-12-headline:is(h1):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-12-headline) {
21
+ gap: var(--sd-spacing-4, 1rem);
22
+ font-size: var(--sd-text-3xl, 2rem);
23
23
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
24
24
  --tw-leading: var(--leading-tight, 1.25);
25
25
  line-height: var(--leading-tight, 1.25);
26
- color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
26
+ color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
27
27
  }
28
28
  @media (width >= 40rem) {
29
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline, .sd-7-0-0-next-10-headline:is(h1):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-10-headline) {
30
- font-size: var(--sd-text-4xl);
29
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline, .sd-7-0-0-next-12-headline:is(h1):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-12-headline) {
30
+ font-size: var(--sd-text-4xl, 2.5rem);
31
31
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
32
32
  }
33
33
  }
34
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h1):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
35
- margin-top: calc(var(--sd-spacing-1) * -1);
34
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h1):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
35
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
36
36
  }
37
37
  @media (width >= 40rem) {
38
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h1):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
38
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h1):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
39
39
  margin-top: 0
40
40
  }
41
41
  }
42
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-3xl, .sd-7-0-0-next-10-headline:is(h2):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-3xl, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-10-headline) {
43
- gap: var(--sd-spacing-4);
44
- font-size: var(--sd-text-2xl);
42
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-3xl, .sd-7-0-0-next-12-headline:is(h2):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-3xl, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-12-headline) {
43
+ gap: var(--sd-spacing-4, 1rem);
44
+ font-size: var(--sd-text-2xl, 1.75rem);
45
45
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
46
46
  --tw-leading: var(--leading-tight, 1.25);
47
47
  line-height: var(--leading-tight, 1.25);
48
- color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
48
+ color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
49
49
  }
50
50
  @media (width >= 40rem) {
51
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-3xl, .sd-7-0-0-next-10-headline:is(h2):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-3xl, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-10-headline) {
52
- font-size: var(--sd-text-3xl);
51
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-3xl, .sd-7-0-0-next-12-headline:is(h2):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-3xl, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-12-headline) {
52
+ font-size: var(--sd-text-3xl, 2rem);
53
53
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
54
54
  }
55
55
  }
56
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-3xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h2):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-3xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
57
- margin-top: calc(var(--sd-spacing-1) * -1);
56
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-3xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h2):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-3xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
57
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
58
58
  }
59
59
  @media (width >= 40rem) {
60
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-3xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h2):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-3xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
61
- margin-top: calc(var(--sd-spacing-1) * -1)
60
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-3xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h2):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-3xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
61
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
62
62
  }
63
63
  }
64
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-xl, .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-headline:is(h3, h4, h5):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-xl, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-10-headline) {
65
- gap: var(--sd-spacing-2);
66
- color: rgba(var(--sd-color-text-black));
64
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-xl, .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-headline:is(h3, h4, h5):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-xl, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-12-headline) {
65
+ gap: var(--sd-spacing-2, 0.5rem);
66
+ color: rgba(var(--sd-color-text-black, 24 24 24));
67
67
  }
68
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h3, h4, h5):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
68
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h3, h4, h5):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
69
69
  font-size: 2rem;
70
70
  }
71
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-xl, .sd-7-0-0-next-10-headline:is(h3):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-xl, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-10-headline) {
72
- font-size: var(--sd-text-xl);
71
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-xl, .sd-7-0-0-next-12-headline:is(h3):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-xl, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-12-headline) {
72
+ font-size: var(--sd-text-xl, 1.5rem);
73
73
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
74
74
  }
75
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h3):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
76
- margin-top: calc(var(--sd-spacing-0\.5) * -1);
75
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h3):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
76
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
77
77
  }
78
78
  @media (width >= 40rem) {
79
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h3):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-xl sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
80
- margin-top: calc(var(--sd-spacing-0\.5) * -1)
79
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h3):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-xl sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
80
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
81
81
  }
82
82
  }
83
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-headline:is(h4, h5):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-next-10-headline) {
83
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-headline:is(h4, h5):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-0-next-12-headline) {
84
84
  --tw-leading: var(--leading-normal, 1.5);
85
85
  line-height: var(--leading-normal, 1.5);
86
86
  }
87
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-headline:is(h4), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h4) {
88
- font-size: var(--sd-text-lg);
87
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-headline:is(h4), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h4) {
88
+ font-size: var(--sd-text-lg, 1.25rem);
89
89
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
90
90
  }
91
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h4) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-10-icon {
92
- margin-top: calc(var(--sd-spacing-0\.5) * -1);
91
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h4) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-12-icon {
92
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
93
93
  }
94
94
  @media (width >= 40rem) {
95
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h4) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-lg sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-10-icon {
96
- margin-top: calc(var(--sd-spacing-0\.5) * -1)
95
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h4) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-lg sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-0-next-12-icon {
96
+ margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
97
97
  }
98
98
  }
99
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-headline:is(h5):not(.sd-7-0-0-next-10-headline), .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-10-headline) {
100
- font-size: var(--sd-text-base);
99
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-headline:is(h5):not(.sd-7-0-0-next-12-headline), .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-12-headline) {
100
+ font-size: var(--sd-text-base, 1rem);
101
101
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
102
102
  }
103
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline:is(h5):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
104
- margin-top: calc(var(--sd-spacing-1) * -1);
103
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline:is(h5):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
104
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
105
105
  }
106
- .sd-7-0-0-next-10-headline.sd-7-0-0-next-10-headline--size-base mark, .sd-7-0-0-next-10-headline:is(h5):not(.sd-7-0-0-next-10-headline) mark, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-10-headline--size-base mark, .sd-7-0-0-next-10-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-10-headline) mark {
106
+ .sd-7-0-0-next-12-headline.sd-7-0-0-next-12-headline--size-base mark, .sd-7-0-0-next-12-headline:is(h5):not(.sd-7-0-0-next-12-headline) mark, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5).sd-7-0-0-next-12-headline--size-base mark, .sd-7-0-0-next-12-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-0-next-12-headline) mark {
107
107
  color: inherit;
108
108
  }
109
- .sd-7-0-0-next-10-headline--inline {
109
+ .sd-7-0-0-next-12-headline--inline {
110
110
  display: inline-block;
111
111
  }
112
- .sd-7-0-0-next-10-headline--inline.sd-7-0-0-next-10-headline sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-headline--inline:is(h1):not(.sd-7-0-0-next-10-headline) sd-7-0-0-next-10-icon {
113
- margin-top: calc(var(--sd-spacing-2) * -1);
114
- margin-right: var(--sd-spacing-2);
112
+ .sd-7-0-0-next-12-headline--inline.sd-7-0-0-next-12-headline sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-headline--inline:is(h1):not(.sd-7-0-0-next-12-headline) sd-7-0-0-next-12-icon {
113
+ margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
114
+ margin-right: var(--sd-spacing-2, 0.5rem);
115
115
  vertical-align: middle;
116
116
  }
117
- .sd-7-0-0-next-10-headline--inline:is(.sd-7-0-0-next-10-headline--size-xl, .sd-7-0-0-next-10-headline--size-lg, .sd-7-0-0-next-10-headline--size-base) sd-7-0-0-next-10-icon {
118
- margin-right: var(--sd-spacing-0\.5);
117
+ .sd-7-0-0-next-12-headline--inline:is(.sd-7-0-0-next-12-headline--size-xl, .sd-7-0-0-next-12-headline--size-lg, .sd-7-0-0-next-12-headline--size-base) sd-7-0-0-next-12-icon {
118
+ margin-right: var(--sd-spacing-0\.5, 0.125rem);
119
119
  }
120
- .sd-7-0-0-next-10-headline--inline:is(.sd-7-0-0-next-10-headline--size-3xl, .sd-7-0-0-next-10-headline--size-xl) sd-7-0-0-next-10-icon {
121
- margin-top: calc(var(--sd-spacing-2) * -1);
120
+ .sd-7-0-0-next-12-headline--inline:is(.sd-7-0-0-next-12-headline--size-3xl, .sd-7-0-0-next-12-headline--size-xl) sd-7-0-0-next-12-icon {
121
+ margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
122
122
  }
123
- .sd-7-0-0-next-10-headline--inline:is(.sd-7-0-0-next-10-headline--size-lg) sd-7-0-0-next-10-icon {
124
- margin-top: calc(var(--sd-spacing-1) * -1);
123
+ .sd-7-0-0-next-12-headline--inline:is(.sd-7-0-0-next-12-headline--size-lg) sd-7-0-0-next-12-icon {
124
+ margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
125
125
  }
126
- .sd-7-0-0-next-10-headline--inverted:not(#_), .sd-7-0-0-next-10-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-10-headline):not(#_) {
127
- color: rgba(var(--sd-color-text-white));
126
+ .sd-7-0-0-next-12-headline--inverted:not(#_), .sd-7-0-0-next-12-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-12-headline):not(#_) {
127
+ color: rgba(var(--sd-color-text-white, 255 255 255));
128
128
  }
129
- .sd-7-0-0-next-10-headline--inverted:not(#_) sd-7-0-0-next-10-icon, .sd-7-0-0-next-10-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-10-headline):not(#_) sd-7-0-0-next-10-icon {
130
- color: rgba(var(--sd-color-text-white));
129
+ .sd-7-0-0-next-12-headline--inverted:not(#_) sd-7-0-0-next-12-icon, .sd-7-0-0-next-12-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-0-next-12-headline):not(#_) sd-7-0-0-next-12-icon {
130
+ color: rgba(var(--sd-color-text-white, 255 255 255));
131
131
  }
132
132
  @property --tw-font-weight {
133
133
  syntax: "*";
@@ -7,7 +7,7 @@
7
7
  :lang(de) {
8
8
  --sd-hidden-links-title: 'Springe zu';
9
9
  }
10
- .sd-7-0-0-next-10-hidden-links:not(:focus-within):not(.sd-7-0-0-next-10-hidden-links--debug) {
10
+ .sd-7-0-0-next-12-hidden-links:not(:focus-within):not(.sd-7-0-0-next-12-hidden-links--debug) {
11
11
  position: absolute;
12
12
  width: 1px;
13
13
  height: 1px;
@@ -18,29 +18,29 @@
18
18
  white-space: nowrap;
19
19
  border-width: 0;
20
20
  }
21
- .sd-7-0-0-next-10-hidden-links{
21
+ .sd-7-0-0-next-12-hidden-links{
22
22
  position: absolute;
23
- top: var(--sd-spacing-6);
24
- left: var(--sd-spacing-6);
23
+ top: var(--sd-spacing-6, 1.5rem);
24
+ left: var(--sd-spacing-6, 1.5rem);
25
25
  border-style: var(--tw-border-style);
26
26
  border-width: 1px;
27
- border-color: rgba(var(--sd-panel-color-border, rgba(255, 255, 255, 0)));
27
+ border-color: rgba(var(--sd-panel-color-border, 255 255 255 / 0));
28
28
  }
29
- .sd-7-0-0-next-10-hidden-links--multiple {
29
+ .sd-7-0-0-next-12-hidden-links--multiple {
30
30
  display: flex;
31
31
  flex-direction: column;
32
- background-color: rgba(var(--sd-color-background-white));
33
- padding-inline: var(--sd-spacing-2);
34
- padding-block: var(--sd-spacing-4);
35
- --tw-shadow: var(--sd-shadow);
32
+ background-color: rgba(var(--sd-color-background-white, 255 255 255));
33
+ padding-inline: var(--sd-spacing-2, 0.5rem);
34
+ padding-block: var(--sd-spacing-4, 1rem);
35
+ --tw-shadow: var(--sd-shadow, 0px 1px 3px 0px rgba(81, 81, 81, 0.75));
36
36
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
37
37
  }
38
- .sd-7-0-0-next-10-hidden-links--multiple:before {
39
- padding-inline: var(--sd-spacing-4);
40
- padding-block: var(--sd-spacing-2);
41
- --tw-font-weight: var(--sd-font-weight-bold);
42
- font-weight: var(--sd-font-weight-bold);
43
- content: var(--sd-hidden-links-title);
38
+ .sd-7-0-0-next-12-hidden-links--multiple:before {
39
+ padding-inline: var(--sd-spacing-4, 1rem);
40
+ padding-block: var(--sd-spacing-2, 0.5rem);
41
+ --tw-font-weight: var(--sd-font-weight-bold, 600);
42
+ font-weight: var(--sd-font-weight-bold, 600);
43
+ content: var(--sd-hidden-links-title, 'Jump to');
44
44
  }
45
45
  @property --tw-border-style {
46
46
  syntax: "*";
@@ -1,13 +1,13 @@
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-10-prose a--reset, .sd-7-0-0-next-10-interactive--reset {
4
+ .sd-7-0-0-next-12-prose a--reset, .sd-7-0-0-next-12-interactive--reset {
5
5
  all: unset;
6
6
  outline: revert;
7
7
  }
8
- .sd-7-0-0-next-10-prose a, .sd-7-0-0-next-10-interactive{
8
+ .sd-7-0-0-next-12-prose a, .sd-7-0-0-next-12-interactive{
9
9
  cursor: pointer;
10
- color: rgba(var(--sd-interactive--default-color-text, rgba(var(--sd-color-primary))));
10
+ color: rgba(var(--sd-interactive--default-color-text, 0 53 142));
11
11
  text-decoration-line: underline;
12
12
  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
13
13
  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
@@ -17,54 +17,54 @@
17
17
  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
18
18
  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
19
19
  }
20
- .sd-7-0-0-next-10-prose a:hover:not([disabled]), .sd-7-0-0-next-10-interactive:hover:not([disabled]) {
21
- color: rgba(var(--sd-color-text-primary-500));
20
+ .sd-7-0-0-next-12-prose a:hover:not([disabled]), .sd-7-0-0-next-12-interactive:hover:not([disabled]) {
21
+ color: rgba(var(--sd-color-text-primary-500, 70 109 175));
22
22
  }
23
- .sd-7-0-0-next-10-prose a:focus-visible, .sd-7-0-0-next-10-interactive:focus-visible {
23
+ .sd-7-0-0-next-12-prose a:focus-visible, .sd-7-0-0-next-12-interactive:focus-visible {
24
24
  outline-style: solid;
25
25
  outline-offset: 2px;
26
26
  outline-width: 2px;
27
27
  outline-color: var(--outline-color-primary);
28
28
  }
29
- .sd-7-0-0-next-10-prose a:active:not([disabled]), .sd-7-0-0-next-10-interactive:active:not([disabled]) {
30
- color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800))));
29
+ .sd-7-0-0-next-12-prose a:active:not([disabled]), .sd-7-0-0-next-12-interactive:active:not([disabled]) {
30
+ color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
31
31
  }
32
- .sd-7-0-0-next-10-prose a:is(.sd-7-0-0-next-10-interactive), .sd-7-0-0-next-10-interactive:is(.sd-7-0-0-next-10-interactive) {
32
+ .sd-7-0-0-next-12-prose a:is(.sd-7-0-0-next-12-interactive), .sd-7-0-0-next-12-interactive:is(.sd-7-0-0-next-12-interactive) {
33
33
  text-decoration-line: none;
34
34
  }
35
- .sd-7-0-0-next-10-prose a--disabled, .sd-7-0-0-next-10-prose a[disabled], .sd-7-0-0-next-10-prose a[href=''], .sd-7-0-0-next-10-interactive--disabled, .sd-7-0-0-next-10-interactive[disabled], .sd-7-0-0-next-10-interactive[href=''] {
35
+ .sd-7-0-0-next-12-prose a--disabled, .sd-7-0-0-next-12-prose a[disabled], .sd-7-0-0-next-12-prose a[href=''], .sd-7-0-0-next-12-interactive--disabled, .sd-7-0-0-next-12-interactive[disabled], .sd-7-0-0-next-12-interactive[href=''] {
36
36
  cursor: not-allowed;
37
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
37
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
38
38
  }
39
- .sd-7-0-0-next-10-prose a--disabled:hover:not([disabled]), .sd-7-0-0-next-10-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-next-10-prose a[href='']:hover:not([disabled]), .sd-7-0-0-next-10-interactive--disabled:hover:not([disabled]), .sd-7-0-0-next-10-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-next-10-interactive[href='']:hover:not([disabled]) {
40
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
39
+ .sd-7-0-0-next-12-prose a--disabled:hover:not([disabled]), .sd-7-0-0-next-12-prose a[disabled]:hover:not([disabled]), .sd-7-0-0-next-12-prose a[href='']:hover:not([disabled]), .sd-7-0-0-next-12-interactive--disabled:hover:not([disabled]), .sd-7-0-0-next-12-interactive[disabled]:hover:not([disabled]), .sd-7-0-0-next-12-interactive[href='']:hover:not([disabled]) {
40
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
41
41
  }
42
- .sd-7-0-0-next-10-prose a--disabled:active:not([disabled]), .sd-7-0-0-next-10-prose a[disabled]:active:not([disabled]), .sd-7-0-0-next-10-prose a[href='']:active:not([disabled]), .sd-7-0-0-next-10-interactive--disabled:active:not([disabled]), .sd-7-0-0-next-10-interactive[disabled]:active:not([disabled]), .sd-7-0-0-next-10-interactive[href='']:active:not([disabled]) {
43
- color: rgba(var(--sd-form-control--disabled-color-text, rgba(var(--sd-color-neutral-500))));
42
+ .sd-7-0-0-next-12-prose a--disabled:active:not([disabled]), .sd-7-0-0-next-12-prose a[disabled]:active:not([disabled]), .sd-7-0-0-next-12-prose a[href='']:active:not([disabled]), .sd-7-0-0-next-12-interactive--disabled:active:not([disabled]), .sd-7-0-0-next-12-interactive[disabled]:active:not([disabled]), .sd-7-0-0-next-12-interactive[href='']:active:not([disabled]) {
43
+ color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
44
44
  }
45
- .sd-7-0-0-next-10-prose a--disabled.sd-7-0-0-next-10-interactive--inverted, .sd-7-0-0-next-10-prose a[disabled].sd-7-0-0-next-10-interactive--inverted, .sd-7-0-0-next-10-prose a[href=''].sd-7-0-0-next-10-interactive--inverted, .sd-7-0-0-next-10-interactive--disabled.sd-7-0-0-next-10-interactive--inverted, .sd-7-0-0-next-10-interactive[disabled].sd-7-0-0-next-10-interactive--inverted, .sd-7-0-0-next-10-interactive[href=''].sd-7-0-0-next-10-interactive--inverted {
46
- color: rgba(var(--sd-color-text-neutral-600));
45
+ .sd-7-0-0-next-12-prose a--disabled.sd-7-0-0-next-12-interactive--inverted, .sd-7-0-0-next-12-prose a[disabled].sd-7-0-0-next-12-interactive--inverted, .sd-7-0-0-next-12-prose a[href=''].sd-7-0-0-next-12-interactive--inverted, .sd-7-0-0-next-12-interactive--disabled.sd-7-0-0-next-12-interactive--inverted, .sd-7-0-0-next-12-interactive[disabled].sd-7-0-0-next-12-interactive--inverted, .sd-7-0-0-next-12-interactive[href=''].sd-7-0-0-next-12-interactive--inverted {
46
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
47
47
  }
48
- .sd-7-0-0-next-10-prose a--disabled.sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-10-prose a[disabled].sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-10-prose a[href=''].sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-10-interactive--disabled.sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-10-interactive[disabled].sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-10-interactive[href=''].sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]) {
49
- color: rgba(var(--sd-color-text-neutral-600));
48
+ .sd-7-0-0-next-12-prose a--disabled.sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-12-prose a[disabled].sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-12-prose a[href=''].sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-12-interactive--disabled.sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-12-interactive[disabled].sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]), .sd-7-0-0-next-12-interactive[href=''].sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]) {
49
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
50
50
  }
51
- .sd-7-0-0-next-10-prose a--disabled.sd-7-0-0-next-10-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-10-prose a[disabled].sd-7-0-0-next-10-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-10-prose a[href=''].sd-7-0-0-next-10-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-10-interactive--disabled.sd-7-0-0-next-10-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-10-interactive[disabled].sd-7-0-0-next-10-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-10-interactive[href=''].sd-7-0-0-next-10-interactive--inverted:active:not([disabled]) {
52
- color: rgba(var(--sd-color-text-neutral-600));
51
+ .sd-7-0-0-next-12-prose a--disabled.sd-7-0-0-next-12-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-12-prose a[disabled].sd-7-0-0-next-12-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-12-prose a[href=''].sd-7-0-0-next-12-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-12-interactive--disabled.sd-7-0-0-next-12-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-12-interactive[disabled].sd-7-0-0-next-12-interactive--inverted:active:not([disabled]), .sd-7-0-0-next-12-interactive[href=''].sd-7-0-0-next-12-interactive--inverted:active:not([disabled]) {
52
+ color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
53
53
  }
54
- .sd-7-0-0-next-10-prose--inverted a, .sd-7-0-0-next-10-interactive--inverted {
55
- color: rgba(var(--sd-color-text-white));
54
+ .sd-7-0-0-next-12-prose--inverted a, .sd-7-0-0-next-12-interactive--inverted {
55
+ color: rgba(var(--sd-color-text-white, 255 255 255));
56
56
  }
57
- .sd-7-0-0-next-10-prose--inverted a:hover:not([disabled]), .sd-7-0-0-next-10-interactive--inverted:hover:not([disabled]) {
58
- color: rgba(var(--sd-color-text-primary-200));
57
+ .sd-7-0-0-next-12-prose--inverted a:hover:not([disabled]), .sd-7-0-0-next-12-interactive--inverted:hover:not([disabled]) {
58
+ color: rgba(var(--sd-color-text-primary-200, 224 233 243));
59
59
  }
60
- .sd-7-0-0-next-10-prose--inverted a:focus-visible, .sd-7-0-0-next-10-interactive--inverted:focus-visible {
60
+ .sd-7-0-0-next-12-prose--inverted a:focus-visible, .sd-7-0-0-next-12-interactive--inverted:focus-visible {
61
61
  outline-style: solid;
62
62
  outline-offset: 2px;
63
63
  outline-width: 2px;
64
64
  outline-color: var(--outline-color-primary);
65
65
  }
66
- .sd-7-0-0-next-10-prose--inverted a:active:not([disabled]), .sd-7-0-0-next-10-interactive--inverted:active:not([disabled]) {
67
- color: rgba(var(--sd-color-text-primary-400));
66
+ .sd-7-0-0-next-12-prose--inverted a:active:not([disabled]), .sd-7-0-0-next-12-interactive--inverted:active:not([disabled]) {
67
+ color: rgba(var(--sd-color-text-primary-400, 153 171 208));
68
68
  }
69
69
  @property --tw-duration {
70
70
  syntax: "*";