@solid-design-system/styles 6.17.0 → 6.18.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 (54) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/cdn/modules/footnotes.css +1 -1
  3. package/cdn/modules/interactive.css +1 -1
  4. package/cdn/modules/pagination.css +1 -1
  5. package/cdn/modules/prose.css +1 -1
  6. package/cdn/solid-styles.css +1 -1
  7. package/cdn-versioned/modules/chip.css +1 -1
  8. package/cdn-versioned/modules/container.css +1 -1
  9. package/cdn-versioned/modules/copyright.css +1 -1
  10. package/cdn-versioned/modules/display.css +1 -1
  11. package/cdn-versioned/modules/flag.css +1 -1
  12. package/cdn-versioned/modules/footnotes.css +1 -1
  13. package/cdn-versioned/modules/headline.css +1 -1
  14. package/cdn-versioned/modules/hidden-links.css +1 -1
  15. package/cdn-versioned/modules/interactive.css +1 -1
  16. package/cdn-versioned/modules/leadtext.css +1 -1
  17. package/cdn-versioned/modules/list.css +1 -1
  18. package/cdn-versioned/modules/mark.css +1 -1
  19. package/cdn-versioned/modules/media.css +1 -1
  20. package/cdn-versioned/modules/meta.css +1 -1
  21. package/cdn-versioned/modules/pagination.css +1 -1
  22. package/cdn-versioned/modules/paragraph.css +1 -1
  23. package/cdn-versioned/modules/prose.css +1 -1
  24. package/cdn-versioned/modules/status-badge.css +1 -1
  25. package/cdn-versioned/modules/table-cell.css +1 -1
  26. package/cdn-versioned/modules/table.css +1 -1
  27. package/cdn-versioned/solid-styles.css +1 -1
  28. package/dist/modules/footnotes.css +5 -5
  29. package/dist/modules/interactive.css +2 -2
  30. package/dist/modules/pagination.css +2 -2
  31. package/dist/modules/prose.css +2 -2
  32. package/dist/solid-styles.css +9 -9
  33. package/dist-versioned/modules/chip.css +5 -5
  34. package/dist-versioned/modules/container.css +27 -27
  35. package/dist-versioned/modules/copyright.css +6 -6
  36. package/dist-versioned/modules/display.css +6 -6
  37. package/dist-versioned/modules/flag.css +5 -5
  38. package/dist-versioned/modules/footnotes.css +33 -33
  39. package/dist-versioned/modules/headline.css +28 -28
  40. package/dist-versioned/modules/hidden-links.css +4 -4
  41. package/dist-versioned/modules/interactive.css +18 -18
  42. package/dist-versioned/modules/leadtext.css +3 -3
  43. package/dist-versioned/modules/list.css +30 -30
  44. package/dist-versioned/modules/mark.css +1 -1
  45. package/dist-versioned/modules/media.css +4 -4
  46. package/dist-versioned/modules/meta.css +7 -7
  47. package/dist-versioned/modules/pagination.css +64 -64
  48. package/dist-versioned/modules/paragraph.css +3 -3
  49. package/dist-versioned/modules/prose.css +125 -125
  50. package/dist-versioned/modules/status-badge.css +6 -6
  51. package/dist-versioned/modules/table-cell.css +16 -16
  52. package/dist-versioned/modules/table.css +2 -2
  53. package/dist-versioned/solid-styles.css +283 -283
  54. package/package.json +1 -1
@@ -1,35 +1,35 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- .sd-6-17-0-container {
3
+ .sd-6-18-0-container {
4
4
  position: relative;
5
5
  background-color: rgba(var(--sd-color-background-neutral-100));
6
6
  padding-inline: var(--sd-spacing-10);
7
7
  padding-block: var(--sd-spacing-8);
8
8
  }
9
- .sd-6-17-0-container--variant-primary-100 {
9
+ .sd-6-18-0-container--variant-primary-100 {
10
10
  background-color: rgba(var(--sd-color-background-primary-100));
11
11
  }
12
- .sd-6-17-0-container--variant-primary {
12
+ .sd-6-18-0-container--variant-primary {
13
13
  background-color: rgba(var(--sd-color-background-primary));
14
14
  }
15
- .sd-6-17-0-container--variant-border-neutral-400 {
15
+ .sd-6-18-0-container--variant-border-neutral-400 {
16
16
  --tw-border-style: solid;
17
17
  border-style: solid;
18
18
  border-color: rgba(var(--sd-color-border-neutral-400));
19
19
  background-color: rgba(var(--sd-color-background-white));
20
20
  border-width: 1px;
21
21
  }
22
- .sd-6-17-0-container--variant-white {
22
+ .sd-6-18-0-container--variant-white {
23
23
  background-color: rgba(var(--sd-color-background-white));
24
24
  }
25
- .sd-6-17-0-container--padding-sm {
25
+ .sd-6-18-0-container--padding-sm {
26
26
  padding-inline: var(--sd-spacing-6);
27
27
  padding-block: var(--sd-spacing-4);
28
28
  }
29
- .sd-6-17-0-container{
29
+ .sd-6-18-0-container{
30
30
  --triangle-background: rgba(var(--sd-color-background-white));
31
31
  }
32
- .sd-6-17-0-container--triangle-top::before, .sd-6-17-0-container--triangle-right::before, .sd-6-17-0-container--triangle-bottom::before, .sd-6-17-0-container--triangle-left::before {
32
+ .sd-6-18-0-container--triangle-top::before, .sd-6-18-0-container--triangle-right::before, .sd-6-18-0-container--triangle-bottom::before, .sd-6-18-0-container--triangle-left::before {
33
33
  position: absolute;
34
34
  display: block;
35
35
  --tw-border-style: solid;
@@ -38,27 +38,27 @@
38
38
  border-width: 14px;
39
39
  content: '';
40
40
  }
41
- .sd-6-17-0-container--triangle-top::before {
41
+ .sd-6-18-0-container--triangle-top::before {
42
42
  top: calc(var(--sd-spacing-1) * 0);
43
43
  left: calc(50% - 14px);
44
44
  border-top-color: var(--triangle-background);
45
45
  }
46
- .sd-6-17-0-container--triangle-right::before {
46
+ .sd-6-18-0-container--triangle-right::before {
47
47
  right: calc(var(--sd-spacing-1) * 0);
48
48
  top: calc(50% - 14px);
49
49
  border-right-color: var(--triangle-background);
50
50
  }
51
- .sd-6-17-0-container--triangle-bottom::before {
51
+ .sd-6-18-0-container--triangle-bottom::before {
52
52
  bottom: calc(var(--sd-spacing-1) * 0);
53
53
  left: calc(50% - 14px);
54
54
  border-bottom-color: var(--triangle-background);
55
55
  }
56
- .sd-6-17-0-container--triangle-left::before {
56
+ .sd-6-18-0-container--triangle-left::before {
57
57
  left: calc(var(--sd-spacing-1) * 0);
58
58
  top: calc(50% - 14px);
59
59
  border-left-color: var(--triangle-background);
60
60
  }
61
- .sd-6-17-0-container--triangle-top-border::after, .sd-6-17-0-container--triangle-top-border::before, .sd-6-17-0-container--triangle-right-border::after, .sd-6-17-0-container--triangle-right-border::before, .sd-6-17-0-container--triangle-bottom-border::after, .sd-6-17-0-container--triangle-bottom-border::before, .sd-6-17-0-container--triangle-left-border::after, .sd-6-17-0-container--triangle-left-border::before {
61
+ .sd-6-18-0-container--triangle-top-border::after, .sd-6-18-0-container--triangle-top-border::before, .sd-6-18-0-container--triangle-right-border::after, .sd-6-18-0-container--triangle-right-border::before, .sd-6-18-0-container--triangle-bottom-border::after, .sd-6-18-0-container--triangle-bottom-border::before, .sd-6-18-0-container--triangle-left-border::after, .sd-6-18-0-container--triangle-left-border::before {
62
62
  position: absolute;
63
63
  display: block;
64
64
  --tw-border-style: solid;
@@ -66,53 +66,53 @@
66
66
  border-color: transparent;
67
67
  content: '';
68
68
  }
69
- .sd-6-17-0-container--triangle-top-border::after, .sd-6-17-0-container--triangle-right-border::after, .sd-6-17-0-container--triangle-bottom-border::after, .sd-6-17-0-container--triangle-left-border::after {
69
+ .sd-6-18-0-container--triangle-top-border::after, .sd-6-18-0-container--triangle-right-border::after, .sd-6-18-0-container--triangle-bottom-border::after, .sd-6-18-0-container--triangle-left-border::after {
70
70
  border-width: 14px;
71
71
  }
72
- .sd-6-17-0-container--triangle-top-border::before, .sd-6-17-0-container--triangle-right-border::before, .sd-6-17-0-container--triangle-bottom-border::before, .sd-6-17-0-container--triangle-left-border::before {
72
+ .sd-6-18-0-container--triangle-top-border::before, .sd-6-18-0-container--triangle-right-border::before, .sd-6-18-0-container--triangle-bottom-border::before, .sd-6-18-0-container--triangle-left-border::before {
73
73
  border-width: 15px;
74
74
  }
75
- .sd-6-17-0-container--triangle-top-border::after, .sd-6-17-0-container--triangle-top-border::before {
75
+ .sd-6-18-0-container--triangle-top-border::after, .sd-6-18-0-container--triangle-top-border::before {
76
76
  top: -1px;
77
77
  }
78
- .sd-6-17-0-container--triangle-top-border::before {
78
+ .sd-6-18-0-container--triangle-top-border::before {
79
79
  border-top-color: rgba(var(--sd-color-border-neutral-400));
80
80
  left: calc(50% - 15px);
81
81
  }
82
- .sd-6-17-0-container--triangle-top-border::after {
82
+ .sd-6-18-0-container--triangle-top-border::after {
83
83
  left: calc(50% - 14px);
84
84
  border-top-color: var(--triangle-background);
85
85
  }
86
- .sd-6-17-0-container--triangle-right-border::after, .sd-6-17-0-container--triangle-right-border::before {
86
+ .sd-6-18-0-container--triangle-right-border::after, .sd-6-18-0-container--triangle-right-border::before {
87
87
  right: -1px;
88
88
  }
89
- .sd-6-17-0-container--triangle-right-border::before {
89
+ .sd-6-18-0-container--triangle-right-border::before {
90
90
  border-right-color: rgba(var(--sd-color-border-neutral-400));
91
91
  top: calc(50% - 15px);
92
92
  }
93
- .sd-6-17-0-container--triangle-right-border::after {
93
+ .sd-6-18-0-container--triangle-right-border::after {
94
94
  top: calc(50% - 14px);
95
95
  border-right-color: var(--triangle-background);
96
96
  }
97
- .sd-6-17-0-container--triangle-bottom-border::after, .sd-6-17-0-container--triangle-bottom-border::before {
97
+ .sd-6-18-0-container--triangle-bottom-border::after, .sd-6-18-0-container--triangle-bottom-border::before {
98
98
  bottom: -1px;
99
99
  }
100
- .sd-6-17-0-container--triangle-bottom-border::before {
100
+ .sd-6-18-0-container--triangle-bottom-border::before {
101
101
  border-bottom-color: rgba(var(--sd-color-border-neutral-400));
102
102
  left: calc(50% - 15px);
103
103
  }
104
- .sd-6-17-0-container--triangle-bottom-border::after {
104
+ .sd-6-18-0-container--triangle-bottom-border::after {
105
105
  left: calc(50% - 14px);
106
106
  border-bottom-color: var(--triangle-background);
107
107
  }
108
- .sd-6-17-0-container--triangle-left-border::after, .sd-6-17-0-container--triangle-left-border::before {
108
+ .sd-6-18-0-container--triangle-left-border::after, .sd-6-18-0-container--triangle-left-border::before {
109
109
  left: -1px;
110
110
  }
111
- .sd-6-17-0-container--triangle-left-border::before {
111
+ .sd-6-18-0-container--triangle-left-border::before {
112
112
  border-left-color: rgba(var(--sd-color-border-neutral-400));
113
113
  top: calc(50% - 15px);
114
114
  }
115
- .sd-6-17-0-container--triangle-left-border::after {
115
+ .sd-6-18-0-container--triangle-left-border::after {
116
116
  top: calc(50% - 14px);
117
117
  border-left-color: var(--triangle-background);
118
118
  }
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-17-0-copyright {
4
+ .sd-6-18-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-6-17-0-copyright::after {
15
+ .sd-6-18-0-copyright::after {
16
16
  position: absolute;
17
17
  bottom: calc(var(--sd-spacing-1) * 0);
18
18
  left: calc(var(--sd-spacing-1) * 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-6-17-0-copyright--orientation-vertical::after {
31
+ .sd-6-18-0-copyright--orientation-vertical::after {
32
32
  width: -moz-max-content;
33
33
  width: max-content;
34
34
  padding-top: var(--sd-spacing-2);
@@ -39,14 +39,14 @@
39
39
  text-orientation: sideways-right;
40
40
  transform: rotate(180deg);
41
41
  }
42
- .sd-6-17-0-copyright--color-black::after {
42
+ .sd-6-18-0-copyright--color-black::after {
43
43
  color: rgba(var(--sd-color-text-black));
44
44
  filter: drop-shadow(0 0 transparent);
45
45
  }
46
- .sd-6-17-0-copyright--no-shadow::after {
46
+ .sd-6-18-0-copyright--no-shadow::after {
47
47
  filter: drop-shadow(0 0 transparent);
48
48
  }
49
- .sd-6-17-0-copyright--placement-top::after {
49
+ .sd-6-18-0-copyright--placement-top::after {
50
50
  position: absolute;
51
51
  top: calc(var(--sd-spacing-1) * 0);
52
52
  right: calc(var(--sd-spacing-1) * 0);
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-17-0-display {
4
+ .sd-6-18-0-display {
5
5
  font-size: var(--sd-text-3xl);
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));
12
12
  }
13
13
  @media (width >= 64rem) {
14
- .sd-6-17-0-display {
14
+ .sd-6-18-0-display {
15
15
  font-size: var(--sd-text-4xl);
16
16
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
17
17
  }
18
18
  }
19
- .sd-6-17-0-display--size-xl {
19
+ .sd-6-18-0-display--size-xl {
20
20
  font-size: var(--sd-text-xl);
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);
26
26
  color: rgba(var(--sd-color-text-black));
27
27
  }
28
- .sd-6-17-0-display--size-3xl {
28
+ .sd-6-18-0-display--size-3xl {
29
29
  font-size: var(--sd-text-2xl);
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));
36
36
  }
37
37
  @media (width >= 64rem) {
38
- .sd-6-17-0-display--size-3xl {
38
+ .sd-6-18-0-display--size-3xl {
39
39
  font-size: var(--sd-text-3xl);
40
40
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
41
41
  }
42
42
  }
43
- .sd-6-17-0-display--inverted {
43
+ .sd-6-18-0-display--inverted {
44
44
  color: rgba(var(--sd-color-text-white));
45
45
  }
46
46
  @property --tw-leading {
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-17-0-flag {
4
+ .sd-6-18-0-flag {
5
5
  display: inline-flex;
6
6
  height: var(--sd-spacing-8);
7
7
  align-items: center;
@@ -17,20 +17,20 @@
17
17
  white-space: nowrap;
18
18
  color: rgba(var(--sd-color-text-black));
19
19
  }
20
- .sd-6-17-0-flag--neutral-500 {
20
+ .sd-6-18-0-flag--neutral-500 {
21
21
  border-color: rgba(var(--sd-flag--neutral-500-color-border, rgba(255, 255, 255, 0)));
22
22
  background-color: rgba(var(--sd-flag--neutral-500-color-background, rgba(var(--sd-color-neutral-500))));
23
23
  color: rgba(var(--sd-color-text-black));
24
24
  }
25
- .sd-6-17-0-flag--neutral-300 {
25
+ .sd-6-18-0-flag--neutral-300 {
26
26
  border-color: rgba(var(--sd-flag--neutral-300-color-border, rgba(255, 255, 255, 0)));
27
27
  background-color: rgba(var(--sd-flag--neutral-300-color-background, rgba(var(--sd-color-neutral-300))));
28
28
  }
29
- .sd-6-17-0-flag--white {
29
+ .sd-6-18-0-flag--white {
30
30
  border-color: rgba(var(--sd-flag--white-color-border, rgba(255, 255, 255, 0)));
31
31
  background-color: rgba(var(--sd-flag--white-color-background, rgba(var(--sd-color-white))));
32
32
  }
33
- .sd-6-17-0-flag{
33
+ .sd-6-18-0-flag{
34
34
  border-width: var(--sd-flag-border-width);
35
35
  }
36
36
  @property --tw-border-style {
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-17-0-footnotes {
4
+ .sd-6-18-0-footnotes {
5
5
  margin-block: calc(var(--sd-spacing-1) * 0);
6
6
  padding: calc(var(--sd-spacing-1) * 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));
11
11
  }
12
- .sd-6-17-0-footnotes :target {
12
+ .sd-6-18-0-footnotes :target {
13
13
  background-color: rgba(var(--sd-color-background-neutral-200));
14
14
  }
15
- .sd-6-17-0-footnotes:is(ol) {
15
+ .sd-6-18-0-footnotes:is(ol) {
16
16
  padding-inline-start: var(--sd-spacing-8);
17
17
  }
18
- .sd-6-17-0-footnotes:is(ol) li {
18
+ .sd-6-18-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-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker::before, .sd-6-17-0-footnotes:is(ol) li:has(.sd-6-17-0-footnotes--marker:nth-of-type(2))::before, .sd-6-17-0-footnotes:is(ol) li:not(:has(.sd-6-17-0-footnotes--marker))::before {
23
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker::before, .sd-6-18-0-footnotes:is(ol) li:has(.sd-6-18-0-footnotes--marker:nth-of-type(2))::before, .sd-6-18-0-footnotes:is(ol) li:not(:has(.sd-6-18-0-footnotes--marker))::before {
24
24
  position: absolute;
25
25
  left: calc(var(--sd-spacing-8) * -1);
26
26
  flex-shrink: 0;
@@ -32,14 +32,14 @@
32
32
  padding-top: 1px;
33
33
  font-size: 10px;
34
34
  }
35
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker::after, .sd-6-17-0-footnotes:is(ol) li:has(.sd-6-17-0-footnotes--marker:nth-of-type(2))::after, .sd-6-17-0-footnotes:is(ol) li:not(:has(.sd-6-17-0-footnotes--marker))::after {
35
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker::after, .sd-6-18-0-footnotes:is(ol) li:has(.sd-6-18-0-footnotes--marker:nth-of-type(2))::after, .sd-6-18-0-footnotes:is(ol) li:not(:has(.sd-6-18-0-footnotes--marker))::after {
36
36
  content: none;
37
37
  }
38
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker .sd-6-17-0-footnotes--marker, .sd-6-17-0-footnotes:is(ol) li:has(.sd-6-17-0-footnotes--marker:nth-of-type(2)) .sd-6-17-0-footnotes--marker, .sd-6-17-0-footnotes:is(ol) li:not(:has(.sd-6-17-0-footnotes--marker)) .sd-6-17-0-footnotes--marker {
38
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker .sd-6-18-0-footnotes--marker, .sd-6-18-0-footnotes:is(ol) li:has(.sd-6-18-0-footnotes--marker:nth-of-type(2)) .sd-6-18-0-footnotes--marker, .sd-6-18-0-footnotes:is(ol) li:not(:has(.sd-6-18-0-footnotes--marker)) .sd-6-18-0-footnotes--marker {
39
39
  display: inline-block;
40
40
  counter-increment: footnotes-multiple;
41
41
  }
42
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker .sd-6-17-0-footnotes--marker::before, .sd-6-17-0-footnotes:is(ol) li:has(.sd-6-17-0-footnotes--marker:nth-of-type(2)) .sd-6-17-0-footnotes--marker::before, .sd-6-17-0-footnotes:is(ol) li:not(:has(.sd-6-17-0-footnotes--marker)) .sd-6-17-0-footnotes--marker::before {
42
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker .sd-6-18-0-footnotes--marker::before, .sd-6-18-0-footnotes:is(ol) li:has(.sd-6-18-0-footnotes--marker:nth-of-type(2)) .sd-6-18-0-footnotes--marker::before, .sd-6-18-0-footnotes:is(ol) li:not(:has(.sd-6-18-0-footnotes--marker)) .sd-6-18-0-footnotes--marker::before {
43
43
  position: relative;
44
44
  left: calc(var(--sd-spacing-1) * 0);
45
45
  vertical-align: super;
@@ -49,46 +49,46 @@
49
49
  font-weight: var(--sd-font-weight-bold);
50
50
  content: counter(footnotes-multiple, lower-alpha);
51
51
  }
52
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker {
52
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker {
53
53
  bottom: calc(var(--sd-spacing-1) * 0);
54
54
  display: block;
55
55
  }
56
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker:focus-visible {
56
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker:focus-visible {
57
57
  outline-style: var(--tw-outline-style);
58
58
  outline-width: 0px;
59
59
  }
60
- .sd-6-17-0-footnotes:is(ol) li .sd-6-17-0-footnotes--marker:focus-visible::before {
60
+ .sd-6-18-0-footnotes:is(ol) li .sd-6-18-0-footnotes--marker:focus-visible::before {
61
61
  border-radius: var(--sd-radius);
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: var(--sd-color-border-primary, var(--sd-color-primary));
66
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
67
67
  }
68
- .sd-6-17-0-footnotes:is(ul) {
68
+ .sd-6-18-0-footnotes:is(ul) {
69
69
  list-style: '';
70
70
  }
71
- .sd-6-17-0-footnotes--inverted {
71
+ .sd-6-18-0-footnotes--inverted {
72
72
  color: rgba(var(--sd-color-text-primary-400));
73
73
  }
74
- .sd-6-17-0-footnotes--inverted :target {
74
+ .sd-6-18-0-footnotes--inverted :target {
75
75
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
76
76
  }
77
- .sd-6-17-0-footnotes--inverted .sd-6-17-0-footnotes--marker::before {
77
+ .sd-6-18-0-footnotes--inverted .sd-6-18-0-footnotes--marker::before {
78
78
  color: rgba(var(--sd-color-text-white));
79
- outline-color: var(--color-white, #fff) !important;
79
+ outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
80
80
  }
81
- .sd-6-17-0-footnotes--inverted:is(.sd-6-17-0-footnotes--marker) {
81
+ .sd-6-18-0-footnotes--inverted:is(.sd-6-18-0-footnotes--marker) {
82
82
  color: rgba(var(--sd-color-text-white)) !important;
83
- outline-color: var(--color-white, #fff) !important;
83
+ outline-color: rgba(var(--sd-color-border-white, var(--sd-color-white))) !important;
84
84
  }
85
- .sd-6-17-0-footnotes--inverted:is(.sd-6-17-0-footnotes--marker):target {
85
+ .sd-6-18-0-footnotes--inverted:is(.sd-6-18-0-footnotes--marker):target {
86
86
  background-color: rgba(var(--sd-footnotes--target--inverted-color-background, rgba(var(--sd-color-primary-800))));
87
87
  }
88
- .sd-6-17-0-footnotes--inverted:is(ol) li .sd-6-17-0-footnotes--marker::before, .sd-6-17-0-footnotes--inverted:is(ol) li::before {
88
+ .sd-6-18-0-footnotes--inverted:is(ol) li .sd-6-18-0-footnotes--marker::before, .sd-6-18-0-footnotes--inverted:is(ol) li::before {
89
89
  color: rgba(var(--sd-color-text-white)) !important;
90
90
  }
91
- .sd-6-17-0-footnotes--marker {
91
+ .sd-6-18-0-footnotes--marker {
92
92
  position: relative;
93
93
  bottom: var(--sd-spacing-2);
94
94
  display: inline-block;
@@ -98,50 +98,50 @@
98
98
  text-decoration-line: none !important;
99
99
  font-size: x-small;
100
100
  }
101
- .sd-6-17-0-footnotes--marker:target {
101
+ .sd-6-18-0-footnotes--marker:target {
102
102
  background-color: rgba(var(--sd-color-background-neutral-200));
103
103
  }
104
- .sd-6-17-0-footnotes--marker:not(:has(a))::before {
104
+ .sd-6-18-0-footnotes--marker:not(:has(a))::before {
105
105
  content: '[ ';
106
106
  display: inline-block;
107
107
  }
108
- .sd-6-17-0-footnotes--marker:not(:has(a))::after {
108
+ .sd-6-18-0-footnotes--marker:not(:has(a))::after {
109
109
  content: ' ]';
110
110
  display: inline-block;
111
111
  }
112
- .sd-6-17-0-footnotes--marker :is(a) {
112
+ .sd-6-18-0-footnotes--marker :is(a) {
113
113
  display: inline-block;
114
114
  --tw-font-weight: var(--sd-font-weight-bold);
115
115
  font-weight: var(--sd-font-weight-bold);
116
116
  white-space: nowrap;
117
117
  text-decoration-line: none !important;
118
118
  }
119
- .sd-6-17-0-footnotes--marker :is(a)::before {
119
+ .sd-6-18-0-footnotes--marker :is(a)::before {
120
120
  content: '[ ';
121
121
  display: inline-block;
122
122
  }
123
- .sd-6-17-0-footnotes--marker :is(a)::after {
123
+ .sd-6-18-0-footnotes--marker :is(a)::after {
124
124
  content: ' ]';
125
125
  display: inline-block;
126
126
  }
127
- .sd-6-17-0-footnotes--marker :is(a):focus-visible {
127
+ .sd-6-18-0-footnotes--marker :is(a):focus-visible {
128
128
  border-radius: var(--sd-radius);
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: var(--sd-color-border-primary, var(--sd-color-primary));
133
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
134
134
  }
135
- .sd-6-17-0-footnotes--marker:link, .sd-6-17-0-footnotes--marker:visited {
135
+ .sd-6-18-0-footnotes--marker:link, .sd-6-18-0-footnotes--marker:visited {
136
136
  color: rgba(var(--sd-color-text-primary));
137
137
  }
138
- .sd-6-17-0-footnotes--marker:focus-visible {
138
+ .sd-6-18-0-footnotes--marker:focus-visible {
139
139
  border-radius: var(--sd-radius);
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: var(--sd-color-border-primary, var(--sd-color-primary));
144
+ outline-color: rgba(var(--sd-color-border-primary, var(--sd-color-primary)));
145
145
  }
146
146
  @property --tw-leading {
147
147
  syntax: "*";
@@ -1,23 +1,23 @@
1
1
  /*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-6-17-0-headline, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5) {
4
+ .sd-6-18-0-headline, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5) {
5
5
  display: flex;
6
6
  --tw-font-weight: var(--sd-font-weight-bold);
7
7
  font-weight: var(--sd-font-weight-bold);
8
8
  color: rgba(var(--sd-color-text-primary));
9
9
  }
10
- .sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5) sd-6-17-0-icon {
10
+ .sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5) sd-6-18-0-icon {
11
11
  flex-shrink: 0;
12
12
  font-size: 3rem;
13
13
  color: rgba(var(--sd-color-text-primary));
14
14
  }
15
15
  @media (width >= 40rem) {
16
- .sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5) sd-6-17-0-icon {
16
+ .sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5) sd-6-18-0-icon {
17
17
  margin-top: var(--sd-spacing-2)
18
18
  }
19
19
  }
20
- .sd-6-17-0-headline.sd-6-17-0-headline, .sd-6-17-0-headline:is(h1):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-17-0-headline) {
20
+ .sd-6-18-0-headline.sd-6-18-0-headline, .sd-6-18-0-headline:is(h1):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-18-0-headline) {
21
21
  gap: var(--sd-spacing-4);
22
22
  font-size: var(--sd-text-3xl);
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, rgba(var(--sd-color-primary))));
27
27
  }
28
28
  @media (width >= 40rem) {
29
- .sd-6-17-0-headline.sd-6-17-0-headline, .sd-6-17-0-headline:is(h1):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-17-0-headline) {
29
+ .sd-6-18-0-headline.sd-6-18-0-headline, .sd-6-18-0-headline:is(h1):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-18-0-headline) {
30
30
  font-size: var(--sd-text-4xl);
31
31
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
32
32
  }
33
33
  }
34
- .sd-6-17-0-headline.sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-headline:is(h1):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-17-0-headline) sd-6-17-0-icon {
34
+ .sd-6-18-0-headline.sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-headline:is(h1):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-18-0-headline) sd-6-18-0-icon {
35
35
  margin-top: calc(var(--sd-spacing-1) * -1);
36
36
  }
37
37
  @media (width >= 40rem) {
38
- .sd-6-17-0-headline.sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-headline:is(h1):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-17-0-headline) sd-6-17-0-icon {
38
+ .sd-6-18-0-headline.sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-headline:is(h1):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-18-0-headline) sd-6-18-0-icon {
39
39
  margin-top: calc(var(--sd-spacing-1) * 0)
40
40
  }
41
41
  }
42
- .sd-6-17-0-headline.sd-6-17-0-headline--size-3xl, .sd-6-17-0-headline:is(h2):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-3xl, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-17-0-headline) {
42
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-3xl, .sd-6-18-0-headline:is(h2):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-3xl, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-18-0-headline) {
43
43
  gap: var(--sd-spacing-4);
44
44
  font-size: var(--sd-text-2xl);
45
45
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
@@ -48,79 +48,79 @@
48
48
  color: rgba(var(--sd-headline--3xl-onwards-color-text, rgba(var(--sd-color-primary))));
49
49
  }
50
50
  @media (width >= 40rem) {
51
- .sd-6-17-0-headline.sd-6-17-0-headline--size-3xl, .sd-6-17-0-headline:is(h2):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-3xl, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-17-0-headline) {
51
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-3xl, .sd-6-18-0-headline:is(h2):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-3xl, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-18-0-headline) {
52
52
  font-size: var(--sd-text-3xl);
53
53
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
54
54
  }
55
55
  }
56
- .sd-6-17-0-headline.sd-6-17-0-headline--size-3xl sd-6-17-0-icon, .sd-6-17-0-headline:is(h2):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-3xl sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-17-0-headline) sd-6-17-0-icon {
56
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-3xl sd-6-18-0-icon, .sd-6-18-0-headline:is(h2):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-3xl sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-18-0-headline) sd-6-18-0-icon {
57
57
  margin-top: calc(var(--sd-spacing-1) * -1);
58
58
  }
59
59
  @media (width >= 40rem) {
60
- .sd-6-17-0-headline.sd-6-17-0-headline--size-3xl sd-6-17-0-icon, .sd-6-17-0-headline:is(h2):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-3xl sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-17-0-headline) sd-6-17-0-icon {
60
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-3xl sd-6-18-0-icon, .sd-6-18-0-headline:is(h2):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-3xl sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-18-0-headline) sd-6-18-0-icon {
61
61
  margin-top: calc(var(--sd-spacing-1) * 0)
62
62
  }
63
63
  }
64
- .sd-6-17-0-headline.sd-6-17-0-headline--size-xl, .sd-6-17-0-headline.sd-6-17-0-headline--size-lg, .sd-6-17-0-headline.sd-6-17-0-headline--size-base, .sd-6-17-0-headline:is(h3, h4, h5):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-xl, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-17-0-headline) {
64
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-xl, .sd-6-18-0-headline.sd-6-18-0-headline--size-lg, .sd-6-18-0-headline.sd-6-18-0-headline--size-base, .sd-6-18-0-headline:is(h3, h4, h5):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-xl, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-18-0-headline) {
65
65
  gap: var(--sd-spacing-2);
66
66
  color: rgba(var(--sd-color-text-black));
67
67
  }
68
- .sd-6-17-0-headline.sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-headline.sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-headline.sd-6-17-0-headline--size-base sd-6-17-0-icon, .sd-6-17-0-headline:is(h3, h4, h5):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-17-0-headline) sd-6-17-0-icon {
68
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-headline.sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-headline.sd-6-18-0-headline--size-base sd-6-18-0-icon, .sd-6-18-0-headline:is(h3, h4, h5):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-18-0-headline) sd-6-18-0-icon {
69
69
  font-size: 2rem;
70
70
  }
71
- .sd-6-17-0-headline.sd-6-17-0-headline--size-xl, .sd-6-17-0-headline:is(h3):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-xl, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-17-0-headline) {
71
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-xl, .sd-6-18-0-headline:is(h3):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-xl, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-18-0-headline) {
72
72
  font-size: var(--sd-text-xl);
73
73
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
74
74
  }
75
- .sd-6-17-0-headline.sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-headline:is(h3):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-17-0-headline) sd-6-17-0-icon {
75
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-headline:is(h3):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-18-0-headline) sd-6-18-0-icon {
76
76
  margin-top: var(--sd-spacing-0\.5);
77
77
  }
78
78
  @media (width >= 40rem) {
79
- .sd-6-17-0-headline.sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-headline:is(h3):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-xl sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-17-0-headline) sd-6-17-0-icon {
79
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-headline:is(h3):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-xl sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-18-0-headline) sd-6-18-0-icon {
80
80
  margin-top: var(--sd-spacing-0\.5)
81
81
  }
82
82
  }
83
- .sd-6-17-0-headline.sd-6-17-0-headline--size-lg, .sd-6-17-0-headline.sd-6-17-0-headline--size-base, .sd-6-17-0-headline:is(h4, h5):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-6-17-0-headline) {
83
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-lg, .sd-6-18-0-headline.sd-6-18-0-headline--size-base, .sd-6-18-0-headline:is(h4, h5):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-6-18-0-headline) {
84
84
  --tw-leading: var(--leading-normal, 1.5);
85
85
  line-height: var(--leading-normal, 1.5);
86
86
  }
87
- .sd-6-17-0-headline.sd-6-17-0-headline--size-lg, .sd-6-17-0-headline:is(h4), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h4) {
87
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-lg, .sd-6-18-0-headline:is(h4), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h4) {
88
88
  font-size: var(--sd-text-lg);
89
89
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
90
90
  }
91
- .sd-6-17-0-headline.sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-headline:is(h4) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-17-0-icon {
91
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-headline:is(h4) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-18-0-icon {
92
92
  margin-top: calc(var(--sd-spacing-1) * 0);
93
93
  }
94
94
  @media (width >= 40rem) {
95
- .sd-6-17-0-headline.sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-headline:is(h4) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-lg sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-17-0-icon {
95
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-headline:is(h4) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-lg sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h4) sd-6-18-0-icon {
96
96
  margin-top: calc(var(--sd-spacing-1) * 0)
97
97
  }
98
98
  }
99
- .sd-6-17-0-headline.sd-6-17-0-headline--size-base, .sd-6-17-0-headline:is(h5):not(.sd-6-17-0-headline), .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-17-0-headline) {
99
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-base, .sd-6-18-0-headline:is(h5):not(.sd-6-18-0-headline), .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-18-0-headline) {
100
100
  font-size: var(--sd-text-base);
101
101
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
102
102
  }
103
- .sd-6-17-0-headline.sd-6-17-0-headline--size-base sd-6-17-0-icon, .sd-6-17-0-headline:is(h5):not(.sd-6-17-0-headline) sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base sd-6-17-0-icon, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-17-0-headline) sd-6-17-0-icon {
103
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-base sd-6-18-0-icon, .sd-6-18-0-headline:is(h5):not(.sd-6-18-0-headline) sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base sd-6-18-0-icon, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-18-0-headline) sd-6-18-0-icon {
104
104
  margin-top: calc(var(--sd-spacing-1) * -1);
105
105
  }
106
- .sd-6-17-0-headline.sd-6-17-0-headline--size-base mark, .sd-6-17-0-headline:is(h5):not(.sd-6-17-0-headline) mark, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5).sd-6-17-0-headline--size-base mark, .sd-6-17-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-17-0-headline) mark {
106
+ .sd-6-18-0-headline.sd-6-18-0-headline--size-base mark, .sd-6-18-0-headline:is(h5):not(.sd-6-18-0-headline) mark, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5).sd-6-18-0-headline--size-base mark, .sd-6-18-0-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-18-0-headline) mark {
107
107
  color: inherit;
108
108
  }
109
- .sd-6-17-0-headline--inline {
109
+ .sd-6-18-0-headline--inline {
110
110
  display: inline-block;
111
111
  }
112
- .sd-6-17-0-headline--inline sd-6-17-0-icon {
112
+ .sd-6-18-0-headline--inline sd-6-18-0-icon {
113
113
  margin-top: calc(var(--sd-spacing-1) * -1);
114
114
  margin-right: var(--sd-spacing-2);
115
115
  vertical-align: middle;
116
116
  }
117
- .sd-6-17-0-headline--inline:is(.sd-6-17-0-headline--size-xl, .sd-6-17-0-headline--size-lg, .sd-6-17-0-headline--size-base) sd-6-17-0-icon {
117
+ .sd-6-18-0-headline--inline:is(.sd-6-18-0-headline--size-xl, .sd-6-18-0-headline--size-lg, .sd-6-18-0-headline--size-base) sd-6-18-0-icon {
118
118
  margin-right: var(--sd-spacing-0\.5);
119
119
  }
120
- .sd-6-17-0-headline--inverted:not(#_), .sd-6-17-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-17-0-headline):not(#_) {
120
+ .sd-6-18-0-headline--inverted:not(#_), .sd-6-18-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-18-0-headline):not(#_) {
121
121
  color: rgba(var(--sd-color-text-white));
122
122
  }
123
- .sd-6-17-0-headline--inverted:not(#_) sd-6-17-0-icon, .sd-6-17-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-17-0-headline):not(#_) sd-6-17-0-icon {
123
+ .sd-6-18-0-headline--inverted:not(#_) sd-6-18-0-icon, .sd-6-18-0-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-18-0-headline):not(#_) sd-6-18-0-icon {
124
124
  color: rgba(var(--sd-color-text-white));
125
125
  }
126
126
  @property --tw-font-weight {