@solid-design-system/styles 7.0.3 → 7.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (42) hide show
  1. package/CHANGELOG.md +2 -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 +16 -16
  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 +125 -125
  38. package/dist-versioned/modules/status-badge.css +6 -6
  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 +287 -287
  42. package/package.json +1 -1
@@ -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-0-3-copyright {
4
+ .sd-7-1-0-copyright {
5
5
  position: relative;
6
6
  --tw-blur: ;
7
7
  --tw-brightness: ;
@@ -12,7 +12,7 @@
12
12
  --tw-saturate: ;
13
13
  --tw-sepia: ;
14
14
  }
15
- .sd-7-0-3-copyright::after {
15
+ .sd-7-1-0-copyright::after {
16
16
  position: absolute;
17
17
  bottom: 0;
18
18
  left: 0;
@@ -28,7 +28,7 @@
28
28
  filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
29
29
  content: var(--copyright);
30
30
  }
31
- .sd-7-0-3-copyright--orientation-vertical::after {
31
+ .sd-7-1-0-copyright--orientation-vertical::after {
32
32
  width: -moz-max-content;
33
33
  width: max-content;
34
34
  padding-top: var(--sd-spacing-2, 0.5rem);
@@ -39,14 +39,14 @@
39
39
  text-orientation: sideways-right;
40
40
  transform: rotate(180deg);
41
41
  }
42
- .sd-7-0-3-copyright--color-black::after {
42
+ .sd-7-1-0-copyright--color-black::after {
43
43
  color: rgba(var(--sd-color-text-black, 24 24 24));
44
44
  filter: drop-shadow(0 0 transparent);
45
45
  }
46
- .sd-7-0-3-copyright--no-shadow::after {
46
+ .sd-7-1-0-copyright--no-shadow::after {
47
47
  filter: drop-shadow(0 0 transparent);
48
48
  }
49
- .sd-7-0-3-copyright--placement-top::after {
49
+ .sd-7-1-0-copyright--placement-top::after {
50
50
  position: absolute;
51
51
  top: 0;
52
52
  right: 0;
@@ -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-0-3-display {
4
+ .sd-7-1-0-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-0-3-display {
14
+ .sd-7-1-0-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-0-3-display--size-xl {
19
+ .sd-7-1-0-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-0-3-display--size-3xl {
28
+ .sd-7-1-0-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,12 +35,12 @@
35
35
  color: rgba(var(--sd-color-text-black, 24 24 24));
36
36
  }
37
37
  @media (width >= 64rem) {
38
- .sd-7-0-3-display--size-3xl {
38
+ .sd-7-1-0-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-0-3-display--inverted {
43
+ .sd-7-1-0-display--inverted {
44
44
  color: rgba(var(--sd-color-text-white, 255 255 255));
45
45
  }
46
46
  @property --tw-leading {
@@ -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-0-3-footnotes {
4
+ .sd-7-1-0-footnotes {
5
5
  margin-block: 0;
6
6
  padding: 0;
7
7
  text-align: left;
@@ -9,18 +9,18 @@
9
9
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
10
10
  color: rgba(var(--sd-color-text-neutral-700, 104 104 104));
11
11
  }
12
- .sd-7-0-3-footnotes :target {
12
+ .sd-7-1-0-footnotes :target {
13
13
  background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
14
14
  }
15
- .sd-7-0-3-footnotes:is(ol) {
15
+ .sd-7-1-0-footnotes:is(ol) {
16
16
  padding-inline-start: var(--sd-spacing-8, 2rem);
17
17
  }
18
- .sd-7-0-3-footnotes:is(ol) li {
18
+ .sd-7-1-0-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-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker::before, .sd-7-0-3-footnotes:is(ol) li:has(.sd-7-0-3-footnotes--marker:nth-of-type(2))::before, .sd-7-0-3-footnotes:is(ol) li:not(:has(.sd-7-0-3-footnotes--marker))::before {
23
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker::before, .sd-7-1-0-footnotes:is(ol) li:has(.sd-7-1-0-footnotes--marker:nth-of-type(2))::before, .sd-7-1-0-footnotes:is(ol) li:not(:has(.sd-7-1-0-footnotes--marker))::before {
24
24
  position: absolute;
25
25
  left: calc(var(--sd-spacing-8, 2rem) * -1);
26
26
  flex-shrink: 0;
@@ -32,14 +32,14 @@
32
32
  padding-top: 1px;
33
33
  font-size: 10px;
34
34
  }
35
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker::after, .sd-7-0-3-footnotes:is(ol) li:has(.sd-7-0-3-footnotes--marker:nth-of-type(2))::after, .sd-7-0-3-footnotes:is(ol) li:not(:has(.sd-7-0-3-footnotes--marker))::after {
35
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker::after, .sd-7-1-0-footnotes:is(ol) li:has(.sd-7-1-0-footnotes--marker:nth-of-type(2))::after, .sd-7-1-0-footnotes:is(ol) li:not(:has(.sd-7-1-0-footnotes--marker))::after {
36
36
  content: none;
37
37
  }
38
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker .sd-7-0-3-footnotes--marker, .sd-7-0-3-footnotes:is(ol) li:has(.sd-7-0-3-footnotes--marker:nth-of-type(2)) .sd-7-0-3-footnotes--marker, .sd-7-0-3-footnotes:is(ol) li:not(:has(.sd-7-0-3-footnotes--marker)) .sd-7-0-3-footnotes--marker {
38
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker .sd-7-1-0-footnotes--marker, .sd-7-1-0-footnotes:is(ol) li:has(.sd-7-1-0-footnotes--marker:nth-of-type(2)) .sd-7-1-0-footnotes--marker, .sd-7-1-0-footnotes:is(ol) li:not(:has(.sd-7-1-0-footnotes--marker)) .sd-7-1-0-footnotes--marker {
39
39
  display: inline-block;
40
40
  counter-increment: footnotes-multiple;
41
41
  }
42
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker .sd-7-0-3-footnotes--marker::before, .sd-7-0-3-footnotes:is(ol) li:has(.sd-7-0-3-footnotes--marker:nth-of-type(2)) .sd-7-0-3-footnotes--marker::before, .sd-7-0-3-footnotes:is(ol) li:not(:has(.sd-7-0-3-footnotes--marker)) .sd-7-0-3-footnotes--marker::before {
42
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker .sd-7-1-0-footnotes--marker::before, .sd-7-1-0-footnotes:is(ol) li:has(.sd-7-1-0-footnotes--marker:nth-of-type(2)) .sd-7-1-0-footnotes--marker::before, .sd-7-1-0-footnotes:is(ol) li:not(:has(.sd-7-1-0-footnotes--marker)) .sd-7-1-0-footnotes--marker::before {
43
43
  position: relative;
44
44
  left: 0;
45
45
  vertical-align: super;
@@ -49,15 +49,15 @@
49
49
  font-weight: var(--sd-font-weight-bold, 600);
50
50
  content: counter(footnotes-multiple, lower-alpha);
51
51
  }
52
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker {
52
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker {
53
53
  bottom: 0;
54
54
  display: block;
55
55
  }
56
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker:focus-visible {
56
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker:focus-visible {
57
57
  outline-style: var(--tw-outline-style);
58
58
  outline-width: 0px;
59
59
  }
60
- .sd-7-0-3-footnotes:is(ol) li .sd-7-0-3-footnotes--marker:focus-visible::before {
60
+ .sd-7-1-0-footnotes:is(ol) li .sd-7-1-0-footnotes--marker:focus-visible::before {
61
61
  border-radius: var(--sd-radius, 0.25rem);
62
62
  outline-width: 1px;
63
63
  outline-style: var(--tw-outline-style);
@@ -65,30 +65,30 @@
65
65
  outline-offset: 2px;
66
66
  outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
67
67
  }
68
- .sd-7-0-3-footnotes:is(ul) {
68
+ .sd-7-1-0-footnotes:is(ul) {
69
69
  list-style: '';
70
70
  }
71
- .sd-7-0-3-footnotes--inverted {
71
+ .sd-7-1-0-footnotes--inverted {
72
72
  color: rgba(var(--sd-color-text-primary-400, 153 171 208));
73
73
  }
74
- .sd-7-0-3-footnotes--inverted :target {
74
+ .sd-7-1-0-footnotes--inverted :target {
75
75
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
76
76
  }
77
- .sd-7-0-3-footnotes--inverted .sd-7-0-3-footnotes--marker::before {
77
+ .sd-7-1-0-footnotes--inverted .sd-7-1-0-footnotes--marker::before {
78
78
  color: rgba(var(--sd-color-text-white, 255 255 255));
79
79
  outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
80
80
  }
81
- .sd-7-0-3-footnotes--inverted:is(.sd-7-0-3-footnotes--marker) {
81
+ .sd-7-1-0-footnotes--inverted:is(.sd-7-1-0-footnotes--marker) {
82
82
  color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
83
83
  outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white, 255 255 255))) !important;
84
84
  }
85
- .sd-7-0-3-footnotes--inverted:is(.sd-7-0-3-footnotes--marker):target {
85
+ .sd-7-1-0-footnotes--inverted:is(.sd-7-1-0-footnotes--marker):target {
86
86
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, 5 21 48));
87
87
  }
88
- .sd-7-0-3-footnotes--inverted:is(ol) li .sd-7-0-3-footnotes--marker::before, .sd-7-0-3-footnotes--inverted:is(ol) li::before {
88
+ .sd-7-1-0-footnotes--inverted:is(ol) li .sd-7-1-0-footnotes--marker::before, .sd-7-1-0-footnotes--inverted:is(ol) li::before {
89
89
  color: rgba(var(--sd-color-text-white, 255 255 255)) !important;
90
90
  }
91
- .sd-7-0-3-footnotes--marker {
91
+ .sd-7-1-0-footnotes--marker {
92
92
  position: relative;
93
93
  bottom: var(--sd-spacing-2, 0.5rem);
94
94
  display: inline-block;
@@ -98,33 +98,33 @@
98
98
  text-decoration-line: none !important;
99
99
  font-size: x-small;
100
100
  }
101
- .sd-7-0-3-footnotes--marker:target {
101
+ .sd-7-1-0-footnotes--marker:target {
102
102
  background-color: rgba(var(--sd-color-background-neutral-200, 233 233 233));
103
103
  }
104
- .sd-7-0-3-footnotes--marker:not(:has(a))::before {
104
+ .sd-7-1-0-footnotes--marker:not(:has(a))::before {
105
105
  content: '[ ';
106
106
  display: inline-block;
107
107
  }
108
- .sd-7-0-3-footnotes--marker:not(:has(a))::after {
108
+ .sd-7-1-0-footnotes--marker:not(:has(a))::after {
109
109
  content: ' ]';
110
110
  display: inline-block;
111
111
  }
112
- .sd-7-0-3-footnotes--marker :is(a) {
112
+ .sd-7-1-0-footnotes--marker :is(a) {
113
113
  display: inline-block;
114
114
  --tw-font-weight: var(--sd-font-weight-bold, 600);
115
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-3-footnotes--marker :is(a)::before {
119
+ .sd-7-1-0-footnotes--marker :is(a)::before {
120
120
  content: '[ ';
121
121
  display: inline-block;
122
122
  }
123
- .sd-7-0-3-footnotes--marker :is(a)::after {
123
+ .sd-7-1-0-footnotes--marker :is(a)::after {
124
124
  content: ' ]';
125
125
  display: inline-block;
126
126
  }
127
- .sd-7-0-3-footnotes--marker :is(a):focus-visible {
127
+ .sd-7-1-0-footnotes--marker :is(a):focus-visible {
128
128
  border-radius: var(--sd-radius, 0.25rem);
129
129
  outline-width: 1px;
130
130
  outline-style: var(--tw-outline-style);
@@ -132,10 +132,10 @@
132
132
  outline-offset: 2px;
133
133
  outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary, 0 53 142)));
134
134
  }
135
- .sd-7-0-3-footnotes--marker:link, .sd-7-0-3-footnotes--marker:visited {
135
+ .sd-7-1-0-footnotes--marker:link, .sd-7-1-0-footnotes--marker:visited {
136
136
  color: rgba(var(--sd-color-text-primary, 0 53 142));
137
137
  }
138
- .sd-7-0-3-footnotes--marker:focus-visible {
138
+ .sd-7-1-0-footnotes--marker:focus-visible {
139
139
  border-radius: var(--sd-radius, 0.25rem);
140
140
  outline-width: 1px;
141
141
  outline-style: var(--tw-outline-style);
@@ -1,23 +1,23 @@
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-3-headline, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5) {
4
+ .sd-7-1-0-headline, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5) {
5
5
  display: flex;
6
6
  --tw-font-weight: var(--sd-font-weight-bold, 600);
7
7
  font-weight: var(--sd-font-weight-bold, 600);
8
8
  color: rgba(var(--sd-color-text-primary, 0 53 142));
9
9
  }
10
- .sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5) sd-7-0-3-icon {
10
+ .sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5) sd-7-1-0-icon {
11
11
  flex-shrink: 0;
12
12
  font-size: 3rem;
13
13
  color: rgba(var(--sd-color-text-primary, 0 53 142));
14
14
  }
15
15
  @media (width >= 40rem) {
16
- .sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5) sd-7-0-3-icon {
16
+ .sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5) sd-7-1-0-icon {
17
17
  margin-top: var(--sd-spacing-2, 0.5rem)
18
18
  }
19
19
  }
20
- .sd-7-0-3-headline.sd-7-0-3-headline, .sd-7-0-3-headline:is(h1):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-3-headline) {
20
+ .sd-7-1-0-headline.sd-7-1-0-headline, .sd-7-1-0-headline:is(h1):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-1-0-headline) {
21
21
  gap: var(--sd-spacing-4, 1rem);
22
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)));
@@ -26,20 +26,20 @@
26
26
  color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
27
27
  }
28
28
  @media (width >= 40rem) {
29
- .sd-7-0-3-headline.sd-7-0-3-headline, .sd-7-0-3-headline:is(h1):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-3-headline) {
29
+ .sd-7-1-0-headline.sd-7-1-0-headline, .sd-7-1-0-headline:is(h1):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-1-0-headline) {
30
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-3-headline.sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-headline:is(h1):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-3-headline) sd-7-0-3-icon {
34
+ .sd-7-1-0-headline.sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-headline:is(h1):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-1-0-headline) sd-7-1-0-icon {
35
35
  margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
36
36
  }
37
37
  @media (width >= 40rem) {
38
- .sd-7-0-3-headline.sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-headline:is(h1):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-0-3-headline) sd-7-0-3-icon {
38
+ .sd-7-1-0-headline.sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-headline:is(h1):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-7-1-0-headline) sd-7-1-0-icon {
39
39
  margin-top: 0
40
40
  }
41
41
  }
42
- .sd-7-0-3-headline.sd-7-0-3-headline--size-3xl, .sd-7-0-3-headline:is(h2):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-3xl, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-3-headline) {
42
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-3xl, .sd-7-1-0-headline:is(h2):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-3xl, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-1-0-headline) {
43
43
  gap: var(--sd-spacing-4, 1rem);
44
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)));
@@ -48,85 +48,85 @@
48
48
  color: rgba(var(--sd-headline--3xl-onwards-color-text, 0 53 142));
49
49
  }
50
50
  @media (width >= 40rem) {
51
- .sd-7-0-3-headline.sd-7-0-3-headline--size-3xl, .sd-7-0-3-headline:is(h2):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-3xl, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-3-headline) {
51
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-3xl, .sd-7-1-0-headline:is(h2):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-3xl, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-1-0-headline) {
52
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-3-headline.sd-7-0-3-headline--size-3xl sd-7-0-3-icon, .sd-7-0-3-headline:is(h2):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-3xl sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-3-headline) sd-7-0-3-icon {
56
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-3xl sd-7-1-0-icon, .sd-7-1-0-headline:is(h2):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-3xl sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-1-0-headline) sd-7-1-0-icon {
57
57
  margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
58
58
  }
59
59
  @media (width >= 40rem) {
60
- .sd-7-0-3-headline.sd-7-0-3-headline--size-3xl sd-7-0-3-icon, .sd-7-0-3-headline:is(h2):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-3xl sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-0-3-headline) sd-7-0-3-icon {
60
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-3xl sd-7-1-0-icon, .sd-7-1-0-headline:is(h2):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-3xl sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-7-1-0-headline) sd-7-1-0-icon {
61
61
  margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1)
62
62
  }
63
63
  }
64
- .sd-7-0-3-headline.sd-7-0-3-headline--size-xl, .sd-7-0-3-headline.sd-7-0-3-headline--size-lg, .sd-7-0-3-headline.sd-7-0-3-headline--size-base, .sd-7-0-3-headline:is(h3, h4, h5):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-xl, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-3-headline) {
64
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-xl, .sd-7-1-0-headline.sd-7-1-0-headline--size-lg, .sd-7-1-0-headline.sd-7-1-0-headline--size-base, .sd-7-1-0-headline:is(h3, h4, h5):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-xl, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-1-0-headline) {
65
65
  gap: var(--sd-spacing-2, 0.5rem);
66
66
  color: rgba(var(--sd-color-text-black, 24 24 24));
67
67
  }
68
- .sd-7-0-3-headline.sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-headline.sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-headline.sd-7-0-3-headline--size-base sd-7-0-3-icon, .sd-7-0-3-headline:is(h3, h4, h5):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-0-3-headline) sd-7-0-3-icon {
68
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-headline.sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-headline.sd-7-1-0-headline--size-base sd-7-1-0-icon, .sd-7-1-0-headline:is(h3, h4, h5):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-7-1-0-headline) sd-7-1-0-icon {
69
69
  font-size: 2rem;
70
70
  }
71
- .sd-7-0-3-headline.sd-7-0-3-headline--size-xl, .sd-7-0-3-headline:is(h3):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-xl, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-3-headline) {
71
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-xl, .sd-7-1-0-headline:is(h3):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-xl, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-1-0-headline) {
72
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-3-headline.sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-headline:is(h3):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-3-headline) sd-7-0-3-icon {
75
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-headline:is(h3):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-1-0-headline) sd-7-1-0-icon {
76
76
  margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
77
77
  }
78
78
  @media (width >= 40rem) {
79
- .sd-7-0-3-headline.sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-headline:is(h3):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-xl sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-0-3-headline) sd-7-0-3-icon {
79
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-headline:is(h3):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-xl sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-7-1-0-headline) sd-7-1-0-icon {
80
80
  margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
81
81
  }
82
82
  }
83
- .sd-7-0-3-headline.sd-7-0-3-headline--size-lg, .sd-7-0-3-headline.sd-7-0-3-headline--size-base, .sd-7-0-3-headline:is(h4, h5):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-0-3-headline) {
83
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-lg, .sd-7-1-0-headline.sd-7-1-0-headline--size-base, .sd-7-1-0-headline:is(h4, h5):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-7-1-0-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-3-headline.sd-7-0-3-headline--size-lg, .sd-7-0-3-headline:is(h4), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h4) {
87
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-lg, .sd-7-1-0-headline:is(h4), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h4) {
88
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-3-headline.sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-headline:is(h4) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-3-icon {
91
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-headline:is(h4) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-1-0-icon {
92
92
  margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1);
93
93
  }
94
94
  @media (width >= 40rem) {
95
- .sd-7-0-3-headline.sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-headline:is(h4) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-lg sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-0-3-icon {
95
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-headline:is(h4) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-lg sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-7-1-0-icon {
96
96
  margin-top: calc(var(--sd-spacing-0\.5, 0.125rem) * -1)
97
97
  }
98
98
  }
99
- .sd-7-0-3-headline.sd-7-0-3-headline--size-base, .sd-7-0-3-headline:is(h5):not(.sd-7-0-3-headline), .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-3-headline) {
99
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-base, .sd-7-1-0-headline:is(h5):not(.sd-7-1-0-headline), .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-1-0-headline) {
100
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-3-headline.sd-7-0-3-headline--size-base sd-7-0-3-icon, .sd-7-0-3-headline:is(h5):not(.sd-7-0-3-headline) sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base sd-7-0-3-icon, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-3-headline) sd-7-0-3-icon {
103
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-base sd-7-1-0-icon, .sd-7-1-0-headline:is(h5):not(.sd-7-1-0-headline) sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base sd-7-1-0-icon, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-1-0-headline) sd-7-1-0-icon {
104
104
  margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
105
105
  }
106
- .sd-7-0-3-headline.sd-7-0-3-headline--size-base mark, .sd-7-0-3-headline:is(h5):not(.sd-7-0-3-headline) mark, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5).sd-7-0-3-headline--size-base mark, .sd-7-0-3-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-0-3-headline) mark {
106
+ .sd-7-1-0-headline.sd-7-1-0-headline--size-base mark, .sd-7-1-0-headline:is(h5):not(.sd-7-1-0-headline) mark, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5).sd-7-1-0-headline--size-base mark, .sd-7-1-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-7-1-0-headline) mark {
107
107
  color: inherit;
108
108
  }
109
- .sd-7-0-3-headline--inline {
109
+ .sd-7-1-0-headline--inline {
110
110
  display: inline-block;
111
111
  }
112
- .sd-7-0-3-headline--inline.sd-7-0-3-headline sd-7-0-3-icon, .sd-7-0-3-headline--inline:is(h1):not(.sd-7-0-3-headline) sd-7-0-3-icon {
112
+ .sd-7-1-0-headline--inline.sd-7-1-0-headline sd-7-1-0-icon, .sd-7-1-0-headline--inline:is(h1):not(.sd-7-1-0-headline) sd-7-1-0-icon {
113
113
  margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
114
114
  margin-right: var(--sd-spacing-2, 0.5rem);
115
115
  vertical-align: middle;
116
116
  }
117
- .sd-7-0-3-headline--inline:is(.sd-7-0-3-headline--size-xl, .sd-7-0-3-headline--size-lg, .sd-7-0-3-headline--size-base) sd-7-0-3-icon {
117
+ .sd-7-1-0-headline--inline:is(.sd-7-1-0-headline--size-xl, .sd-7-1-0-headline--size-lg, .sd-7-1-0-headline--size-base) sd-7-1-0-icon {
118
118
  margin-right: var(--sd-spacing-0\.5, 0.125rem);
119
119
  }
120
- .sd-7-0-3-headline--inline:is(.sd-7-0-3-headline--size-3xl, .sd-7-0-3-headline--size-xl) sd-7-0-3-icon {
120
+ .sd-7-1-0-headline--inline:is(.sd-7-1-0-headline--size-3xl, .sd-7-1-0-headline--size-xl) sd-7-1-0-icon {
121
121
  margin-top: calc(var(--sd-spacing-2, 0.5rem) * -1);
122
122
  }
123
- .sd-7-0-3-headline--inline:is(.sd-7-0-3-headline--size-lg) sd-7-0-3-icon {
123
+ .sd-7-1-0-headline--inline:is(.sd-7-1-0-headline--size-lg) sd-7-1-0-icon {
124
124
  margin-top: calc(var(--sd-spacing-1, 0.25rem) * -1);
125
125
  }
126
- .sd-7-0-3-headline--inverted:not(#_), .sd-7-0-3-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-3-headline):not(#_) {
126
+ .sd-7-1-0-headline--inverted:not(#_), .sd-7-1-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-1-0-headline):not(#_) {
127
127
  color: rgba(var(--sd-color-text-white, 255 255 255));
128
128
  }
129
- .sd-7-0-3-headline--inverted:not(#_) sd-7-0-3-icon, .sd-7-0-3-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-0-3-headline):not(#_) sd-7-0-3-icon {
129
+ .sd-7-1-0-headline--inverted:not(#_) sd-7-1-0-icon, .sd-7-1-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-7-1-0-headline):not(#_) sd-7-1-0-icon {
130
130
  color: rgba(var(--sd-color-text-white, 255 255 255));
131
131
  }
132
132
  @property --tw-font-weight {
@@ -7,7 +7,7 @@
7
7
  :lang(de) {
8
8
  --sd-hidden-links-title: 'Springe zu';
9
9
  }
10
- .sd-7-0-3-hidden-links:not(:focus-within):not(.sd-7-0-3-hidden-links--debug) {
10
+ .sd-7-1-0-hidden-links:not(:focus-within):not(.sd-7-1-0-hidden-links--debug) {
11
11
  position: absolute;
12
12
  width: 1px;
13
13
  height: 1px;
@@ -18,7 +18,7 @@
18
18
  white-space: nowrap;
19
19
  border-width: 0;
20
20
  }
21
- .sd-7-0-3-hidden-links{
21
+ .sd-7-1-0-hidden-links{
22
22
  position: absolute;
23
23
  top: var(--sd-spacing-6, 1.5rem);
24
24
  left: var(--sd-spacing-6, 1.5rem);
@@ -26,7 +26,7 @@
26
26
  border-width: 1px;
27
27
  border-color: rgba(var(--sd-panel-color-border, 255 255 255 / 0));
28
28
  }
29
- .sd-7-0-3-hidden-links--multiple {
29
+ .sd-7-1-0-hidden-links--multiple {
30
30
  display: flex;
31
31
  flex-direction: column;
32
32
  background-color: rgba(var(--sd-color-background-white, 255 255 255));
@@ -35,7 +35,7 @@
35
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-3-hidden-links--multiple:before {
38
+ .sd-7-1-0-hidden-links--multiple:before {
39
39
  padding-inline: var(--sd-spacing-4, 1rem);
40
40
  padding-block: var(--sd-spacing-2, 0.5rem);
41
41
  --tw-font-weight: var(--sd-font-weight-bold, 600);
@@ -1,11 +1,11 @@
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-3-prose a--reset, .sd-7-0-3-interactive--reset {
4
+ .sd-7-1-0-prose a--reset, .sd-7-1-0-interactive--reset {
5
5
  all: unset;
6
6
  outline: revert;
7
7
  }
8
- .sd-7-0-3-prose a, .sd-7-0-3-interactive{
8
+ .sd-7-1-0-prose a, .sd-7-1-0-interactive{
9
9
  cursor: pointer;
10
10
  color: rgba(var(--sd-interactive--default-color-text, 0 53 142));
11
11
  text-decoration-line: underline;
@@ -17,53 +17,53 @@
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-3-prose a:hover:not([disabled]), .sd-7-0-3-interactive:hover:not([disabled]) {
20
+ .sd-7-1-0-prose a:hover:not([disabled]), .sd-7-1-0-interactive:hover:not([disabled]) {
21
21
  color: rgba(var(--sd-color-text-primary-500, 70 109 175));
22
22
  }
23
- .sd-7-0-3-prose a:focus-visible, .sd-7-0-3-interactive:focus-visible {
23
+ .sd-7-1-0-prose a:focus-visible, .sd-7-1-0-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-3-prose a:active:not([disabled]), .sd-7-0-3-interactive:active:not([disabled]) {
29
+ .sd-7-1-0-prose a:active:not([disabled]), .sd-7-1-0-interactive:active:not([disabled]) {
30
30
  color: rgba(var(--sd-interactive--active-color-text, 5 21 48));
31
31
  }
32
- .sd-7-0-3-prose a:is(.sd-7-0-3-interactive), .sd-7-0-3-interactive:is(.sd-7-0-3-interactive) {
32
+ .sd-7-1-0-prose a:is(.sd-7-1-0-interactive), .sd-7-1-0-interactive:is(.sd-7-1-0-interactive) {
33
33
  text-decoration-line: none;
34
34
  }
35
- .sd-7-0-3-prose a--disabled, .sd-7-0-3-prose a[disabled], .sd-7-0-3-prose a[href=''], .sd-7-0-3-interactive--disabled, .sd-7-0-3-interactive[disabled], .sd-7-0-3-interactive[href=''] {
35
+ .sd-7-1-0-prose a--disabled, .sd-7-1-0-prose a[disabled], .sd-7-1-0-prose a[href=''], .sd-7-1-0-interactive--disabled, .sd-7-1-0-interactive[disabled], .sd-7-1-0-interactive[href=''] {
36
36
  cursor: not-allowed;
37
37
  color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
38
38
  }
39
- .sd-7-0-3-prose a--disabled:hover:not([disabled]), .sd-7-0-3-prose a[disabled]:hover:not([disabled]), .sd-7-0-3-prose a[href='']:hover:not([disabled]), .sd-7-0-3-interactive--disabled:hover:not([disabled]), .sd-7-0-3-interactive[disabled]:hover:not([disabled]), .sd-7-0-3-interactive[href='']:hover:not([disabled]) {
39
+ .sd-7-1-0-prose a--disabled:hover:not([disabled]), .sd-7-1-0-prose a[disabled]:hover:not([disabled]), .sd-7-1-0-prose a[href='']:hover:not([disabled]), .sd-7-1-0-interactive--disabled:hover:not([disabled]), .sd-7-1-0-interactive[disabled]:hover:not([disabled]), .sd-7-1-0-interactive[href='']:hover:not([disabled]) {
40
40
  color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
41
41
  }
42
- .sd-7-0-3-prose a--disabled:active:not([disabled]), .sd-7-0-3-prose a[disabled]:active:not([disabled]), .sd-7-0-3-prose a[href='']:active:not([disabled]), .sd-7-0-3-interactive--disabled:active:not([disabled]), .sd-7-0-3-interactive[disabled]:active:not([disabled]), .sd-7-0-3-interactive[href='']:active:not([disabled]) {
42
+ .sd-7-1-0-prose a--disabled:active:not([disabled]), .sd-7-1-0-prose a[disabled]:active:not([disabled]), .sd-7-1-0-prose a[href='']:active:not([disabled]), .sd-7-1-0-interactive--disabled:active:not([disabled]), .sd-7-1-0-interactive[disabled]:active:not([disabled]), .sd-7-1-0-interactive[href='']:active:not([disabled]) {
43
43
  color: rgba(var(--sd-form-control--disabled-color-text, 174 174 174));
44
44
  }
45
- .sd-7-0-3-prose a--disabled.sd-7-0-3-interactive--inverted, .sd-7-0-3-prose a[disabled].sd-7-0-3-interactive--inverted, .sd-7-0-3-prose a[href=''].sd-7-0-3-interactive--inverted, .sd-7-0-3-interactive--disabled.sd-7-0-3-interactive--inverted, .sd-7-0-3-interactive[disabled].sd-7-0-3-interactive--inverted, .sd-7-0-3-interactive[href=''].sd-7-0-3-interactive--inverted {
45
+ .sd-7-1-0-prose a--disabled.sd-7-1-0-interactive--inverted, .sd-7-1-0-prose a[disabled].sd-7-1-0-interactive--inverted, .sd-7-1-0-prose a[href=''].sd-7-1-0-interactive--inverted, .sd-7-1-0-interactive--disabled.sd-7-1-0-interactive--inverted, .sd-7-1-0-interactive[disabled].sd-7-1-0-interactive--inverted, .sd-7-1-0-interactive[href=''].sd-7-1-0-interactive--inverted {
46
46
  color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
47
47
  }
48
- .sd-7-0-3-prose a--disabled.sd-7-0-3-interactive--inverted:hover:not([disabled]), .sd-7-0-3-prose a[disabled].sd-7-0-3-interactive--inverted:hover:not([disabled]), .sd-7-0-3-prose a[href=''].sd-7-0-3-interactive--inverted:hover:not([disabled]), .sd-7-0-3-interactive--disabled.sd-7-0-3-interactive--inverted:hover:not([disabled]), .sd-7-0-3-interactive[disabled].sd-7-0-3-interactive--inverted:hover:not([disabled]), .sd-7-0-3-interactive[href=''].sd-7-0-3-interactive--inverted:hover:not([disabled]) {
48
+ .sd-7-1-0-prose a--disabled.sd-7-1-0-interactive--inverted:hover:not([disabled]), .sd-7-1-0-prose a[disabled].sd-7-1-0-interactive--inverted:hover:not([disabled]), .sd-7-1-0-prose a[href=''].sd-7-1-0-interactive--inverted:hover:not([disabled]), .sd-7-1-0-interactive--disabled.sd-7-1-0-interactive--inverted:hover:not([disabled]), .sd-7-1-0-interactive[disabled].sd-7-1-0-interactive--inverted:hover:not([disabled]), .sd-7-1-0-interactive[href=''].sd-7-1-0-interactive--inverted:hover:not([disabled]) {
49
49
  color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
50
50
  }
51
- .sd-7-0-3-prose a--disabled.sd-7-0-3-interactive--inverted:active:not([disabled]), .sd-7-0-3-prose a[disabled].sd-7-0-3-interactive--inverted:active:not([disabled]), .sd-7-0-3-prose a[href=''].sd-7-0-3-interactive--inverted:active:not([disabled]), .sd-7-0-3-interactive--disabled.sd-7-0-3-interactive--inverted:active:not([disabled]), .sd-7-0-3-interactive[disabled].sd-7-0-3-interactive--inverted:active:not([disabled]), .sd-7-0-3-interactive[href=''].sd-7-0-3-interactive--inverted:active:not([disabled]) {
51
+ .sd-7-1-0-prose a--disabled.sd-7-1-0-interactive--inverted:active:not([disabled]), .sd-7-1-0-prose a[disabled].sd-7-1-0-interactive--inverted:active:not([disabled]), .sd-7-1-0-prose a[href=''].sd-7-1-0-interactive--inverted:active:not([disabled]), .sd-7-1-0-interactive--disabled.sd-7-1-0-interactive--inverted:active:not([disabled]), .sd-7-1-0-interactive[disabled].sd-7-1-0-interactive--inverted:active:not([disabled]), .sd-7-1-0-interactive[href=''].sd-7-1-0-interactive--inverted:active:not([disabled]) {
52
52
  color: rgba(var(--sd-color-text-neutral-600, 136 136 136));
53
53
  }
54
- .sd-7-0-3-prose--inverted a, .sd-7-0-3-interactive--inverted {
54
+ .sd-7-1-0-prose--inverted a, .sd-7-1-0-interactive--inverted {
55
55
  color: rgba(var(--sd-color-text-white, 255 255 255));
56
56
  }
57
- .sd-7-0-3-prose--inverted a:hover:not([disabled]), .sd-7-0-3-interactive--inverted:hover:not([disabled]) {
57
+ .sd-7-1-0-prose--inverted a:hover:not([disabled]), .sd-7-1-0-interactive--inverted:hover:not([disabled]) {
58
58
  color: rgba(var(--sd-color-text-primary-200, 224 233 243));
59
59
  }
60
- .sd-7-0-3-prose--inverted a:focus-visible, .sd-7-0-3-interactive--inverted:focus-visible {
60
+ .sd-7-1-0-prose--inverted a:focus-visible, .sd-7-1-0-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-3-prose--inverted a:active:not([disabled]), .sd-7-0-3-interactive--inverted:active:not([disabled]) {
66
+ .sd-7-1-0-prose--inverted a:active:not([disabled]), .sd-7-1-0-interactive--inverted:active:not([disabled]) {
67
67
  color: rgba(var(--sd-color-text-primary-400, 153 171 208));
68
68
  }
69
69
  @property --tw-duration {
@@ -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-0-3-prose > .sd-7-0-3-leadtext, .sd-7-0-3-leadtext {
4
+ .sd-7-1-0-prose > .sd-7-1-0-leadtext, .sd-7-1-0-leadtext {
5
5
  font-size: var(--sd-text-xl, 1.5rem);
6
6
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
7
7
  --tw-leading: var(--leading-normal, 1.5);
@@ -10,7 +10,7 @@
10
10
  font-weight: var(--sd-font-weight-normal, 400);
11
11
  color: rgba(var(--sd-color-text-black, 24 24 24));
12
12
  }
13
- .sd-7-0-3-prose > .sd-7-0-3-leadtext--size-lg, .sd-7-0-3-leadtext--size-lg {
13
+ .sd-7-1-0-prose > .sd-7-1-0-leadtext--size-lg, .sd-7-1-0-leadtext--size-lg {
14
14
  font-size: var(--sd-text-lg, 1.25rem);
15
15
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
16
16
  --tw-leading: var(--leading-normal, 1.5);
@@ -19,7 +19,7 @@
19
19
  font-weight: var(--sd-font-weight-normal, 400);
20
20
  color: rgba(var(--sd-color-text-black, 24 24 24));
21
21
  }
22
- .sd-7-0-3-prose--inverted > .sd-7-0-3-leadtext, .sd-7-0-3-leadtext--inverted {
22
+ .sd-7-1-0-prose--inverted > .sd-7-1-0-leadtext, .sd-7-1-0-leadtext--inverted {
23
23
  color: rgba(var(--sd-color-text-white, 255 255 255));
24
24
  }
25
25
  @property --tw-leading {