@solid-design-system/styles 2.0.0-next.1 → 6.0.0-next.11

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 (84) hide show
  1. package/CHANGELOG.md +12 -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/flag.css +1 -1
  7. package/cdn/modules/footnotes.css +1 -1
  8. package/cdn/modules/headline.css +1 -1
  9. package/cdn/modules/hidden-links.css +1 -1
  10. package/cdn/modules/interactive.css +1 -1
  11. package/cdn/modules/leadtext.css +1 -1
  12. package/cdn/modules/list.css +1 -1
  13. package/cdn/modules/mark.css +1 -1
  14. package/cdn/modules/media.css +1 -1
  15. package/cdn/modules/meta.css +1 -1
  16. package/cdn/modules/pagination.css +1 -1
  17. package/cdn/modules/paragraph.css +1 -1
  18. package/cdn/modules/prose.css +1 -1
  19. package/cdn/modules/status-badge.css +1 -1
  20. package/cdn/modules/table-cell.css +1 -1
  21. package/cdn/solid-styles.css +1 -1
  22. package/cdn-versioned/modules/chip.css +1 -1
  23. package/cdn-versioned/modules/container.css +1 -1
  24. package/cdn-versioned/modules/copyright.css +1 -1
  25. package/cdn-versioned/modules/display.css +1 -1
  26. package/cdn-versioned/modules/flag.css +1 -1
  27. package/cdn-versioned/modules/footnotes.css +1 -1
  28. package/cdn-versioned/modules/headline.css +1 -1
  29. package/cdn-versioned/modules/hidden-links.css +1 -1
  30. package/cdn-versioned/modules/interactive.css +1 -1
  31. package/cdn-versioned/modules/leadtext.css +1 -1
  32. package/cdn-versioned/modules/list.css +1 -1
  33. package/cdn-versioned/modules/mark.css +1 -1
  34. package/cdn-versioned/modules/media.css +1 -1
  35. package/cdn-versioned/modules/meta.css +1 -1
  36. package/cdn-versioned/modules/pagination.css +1 -1
  37. package/cdn-versioned/modules/paragraph.css +1 -1
  38. package/cdn-versioned/modules/prose.css +1 -1
  39. package/cdn-versioned/modules/status-badge.css +1 -1
  40. package/cdn-versioned/modules/table-cell.css +1 -1
  41. package/cdn-versioned/modules/table.css +1 -1
  42. package/cdn-versioned/solid-styles.css +1 -1
  43. package/dist/modules/chip.css +6 -6
  44. package/dist/modules/container.css +11 -11
  45. package/dist/modules/copyright.css +2 -2
  46. package/dist/modules/display.css +4 -4
  47. package/dist/modules/flag.css +6 -6
  48. package/dist/modules/footnotes.css +10 -10
  49. package/dist/modules/headline.css +5 -5
  50. package/dist/modules/hidden-links.css +1 -1
  51. package/dist/modules/interactive.css +12 -12
  52. package/dist/modules/leadtext.css +3 -3
  53. package/dist/modules/list.css +4 -4
  54. package/dist/modules/mark.css +1 -1
  55. package/dist/modules/media.css +2 -2
  56. package/dist/modules/meta.css +4 -4
  57. package/dist/modules/pagination.css +17 -17
  58. package/dist/modules/paragraph.css +3 -3
  59. package/dist/modules/prose.css +42 -42
  60. package/dist/modules/status-badge.css +5 -5
  61. package/dist/modules/table-cell.css +6 -6
  62. package/dist/solid-styles.css +105 -105
  63. package/dist-versioned/modules/chip.css +10 -10
  64. package/dist-versioned/modules/container.css +38 -38
  65. package/dist-versioned/modules/copyright.css +8 -8
  66. package/dist-versioned/modules/display.css +10 -10
  67. package/dist-versioned/modules/flag.css +10 -10
  68. package/dist-versioned/modules/footnotes.css +38 -38
  69. package/dist-versioned/modules/headline.css +33 -33
  70. package/dist-versioned/modules/hidden-links.css +5 -5
  71. package/dist-versioned/modules/interactive.css +28 -28
  72. package/dist-versioned/modules/leadtext.css +6 -6
  73. package/dist-versioned/modules/list.css +34 -34
  74. package/dist-versioned/modules/mark.css +2 -2
  75. package/dist-versioned/modules/media.css +6 -6
  76. package/dist-versioned/modules/meta.css +11 -11
  77. package/dist-versioned/modules/pagination.css +77 -77
  78. package/dist-versioned/modules/paragraph.css +6 -6
  79. package/dist-versioned/modules/prose.css +165 -165
  80. package/dist-versioned/modules/status-badge.css +11 -11
  81. package/dist-versioned/modules/table-cell.css +22 -22
  82. package/dist-versioned/modules/table.css +2 -2
  83. package/dist-versioned/solid-styles.css +375 -375
  84. package/package.json +1 -1
@@ -1,23 +1,23 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5) {
4
+ .sd-6-0-0-next-11-headline, .sd-6-0-0-next-11-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
- color: var(--sd-color-text-primary);
8
+ color: rgba(var(--sd-color-text-primary));
9
9
  }
10
- .sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5) sd-icon {
10
+ .sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5) sd-icon {
11
11
  flex-shrink: 0;
12
12
  font-size: 3rem;
13
- color: var(--sd-color-text-primary);
13
+ color: rgba(var(--sd-color-text-primary));
14
14
  }
15
15
  @media (width >= 40rem) {
16
- .sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5) sd-icon {
16
+ .sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5) sd-icon {
17
17
  margin-top: var(--sd-spacing-2)
18
18
  }
19
19
  }
20
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-headline:is(h1):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-2-0-0-next-1-headline) {
20
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline, .sd-6-0-0-next-11-headline:is(h1):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-0-0-next-11-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)));
@@ -25,20 +25,20 @@
25
25
  line-height: var(--leading-tight, 1.25);
26
26
  }
27
27
  @media (width >= 40rem) {
28
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-headline:is(h1):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-2-0-0-next-1-headline) {
28
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline, .sd-6-0-0-next-11-headline:is(h1):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-0-0-next-11-headline) {
29
29
  font-size: var(--sd-text-4xl);
30
30
  line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
31
31
  }
32
32
  }
33
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-headline:is(h1):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-2-0-0-next-1-headline) sd-icon {
33
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-headline:is(h1):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-0-0-next-11-headline) sd-icon {
34
34
  margin-top: calc(var(--sd-spacing-1) * -1);
35
35
  }
36
36
  @media (width >= 40rem) {
37
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-headline:is(h1):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-2-0-0-next-1-headline) sd-icon {
37
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-headline:is(h1):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-6-0-0-next-11-headline) sd-icon {
38
38
  margin-top: calc(var(--sd-spacing-1) * 0)
39
39
  }
40
40
  }
41
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-3xl, .sd-2-0-0-next-1-headline:is(h2):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-3xl, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-2-0-0-next-1-headline) {
41
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-3xl, .sd-6-0-0-next-11-headline:is(h2):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-3xl, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-0-0-next-11-headline) {
42
42
  gap: var(--sd-spacing-4);
43
43
  font-size: var(--sd-text-2xl);
44
44
  line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
@@ -46,80 +46,80 @@
46
46
  line-height: var(--leading-tight, 1.25);
47
47
  }
48
48
  @media (width >= 40rem) {
49
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-3xl, .sd-2-0-0-next-1-headline:is(h2):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-3xl, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-2-0-0-next-1-headline) {
49
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-3xl, .sd-6-0-0-next-11-headline:is(h2):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-3xl, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-0-0-next-11-headline) {
50
50
  font-size: var(--sd-text-3xl);
51
51
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
52
52
  }
53
53
  }
54
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-3xl sd-icon, .sd-2-0-0-next-1-headline:is(h2):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-3xl sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-2-0-0-next-1-headline) sd-icon {
54
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-3xl sd-icon, .sd-6-0-0-next-11-headline:is(h2):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-3xl sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-0-0-next-11-headline) sd-icon {
55
55
  margin-top: calc(var(--sd-spacing-1) * -1);
56
56
  }
57
57
  @media (width >= 40rem) {
58
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-3xl sd-icon, .sd-2-0-0-next-1-headline:is(h2):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-3xl sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-2-0-0-next-1-headline) sd-icon {
58
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-3xl sd-icon, .sd-6-0-0-next-11-headline:is(h2):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-3xl sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-6-0-0-next-11-headline) sd-icon {
59
59
  margin-top: calc(var(--sd-spacing-1) * 0)
60
60
  }
61
61
  }
62
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-xl, .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-headline:is(h3, h4, h5):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-xl, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-2-0-0-next-1-headline) {
62
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-xl, .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-headline:is(h3, h4, h5):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-xl, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-0-0-next-11-headline) {
63
63
  gap: var(--sd-spacing-2);
64
- color: var(--sd-color-text-black);
64
+ color: rgba(var(--sd-color-text-black));
65
65
  }
66
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base sd-icon, .sd-2-0-0-next-1-headline:is(h3, h4, h5):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-2-0-0-next-1-headline) sd-icon {
66
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base sd-icon, .sd-6-0-0-next-11-headline:is(h3, h4, h5):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-6-0-0-next-11-headline) sd-icon {
67
67
  font-size: 2rem;
68
68
  }
69
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-xl, .sd-2-0-0-next-1-headline:is(h3):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-xl, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-2-0-0-next-1-headline) {
69
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-xl, .sd-6-0-0-next-11-headline:is(h3):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-xl, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-0-0-next-11-headline) {
70
70
  font-size: var(--sd-text-xl);
71
71
  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
72
72
  }
73
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-headline:is(h3):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-2-0-0-next-1-headline) sd-icon {
73
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-headline:is(h3):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-0-0-next-11-headline) sd-icon {
74
74
  margin-top: var(--sd-spacing-0\.5);
75
75
  }
76
76
  @media (width >= 40rem) {
77
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-headline:is(h3):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-xl sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-2-0-0-next-1-headline) sd-icon {
77
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-headline:is(h3):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-xl sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-6-0-0-next-11-headline) sd-icon {
78
78
  margin-top: var(--sd-spacing-0\.5)
79
79
  }
80
80
  }
81
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-headline:is(h4, h5):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-2-0-0-next-1-headline) {
81
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-headline:is(h4, h5):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-6-0-0-next-11-headline) {
82
82
  --tw-leading: var(--leading-normal, 1.5);
83
83
  line-height: var(--leading-normal, 1.5);
84
84
  }
85
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-headline:is(h4), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h4) {
85
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-headline:is(h4), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h4) {
86
86
  font-size: var(--sd-text-lg);
87
87
  line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
88
88
  }
89
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-headline:is(h4) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
89
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-headline:is(h4) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
90
90
  margin-top: calc(var(--sd-spacing-1) * 0);
91
91
  }
92
92
  @media (width >= 40rem) {
93
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-headline:is(h4) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-lg sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
93
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-headline:is(h4) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-lg sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
94
94
  margin-top: calc(var(--sd-spacing-1) * 0)
95
95
  }
96
96
  }
97
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-headline:is(h5):not(.sd-2-0-0-next-1-headline), .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-2-0-0-next-1-headline) {
97
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-headline:is(h5):not(.sd-6-0-0-next-11-headline), .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-0-0-next-11-headline) {
98
98
  font-size: var(--sd-text-base);
99
99
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
100
100
  }
101
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base sd-icon, .sd-2-0-0-next-1-headline:is(h5):not(.sd-2-0-0-next-1-headline) sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base sd-icon, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-2-0-0-next-1-headline) sd-icon {
101
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base sd-icon, .sd-6-0-0-next-11-headline:is(h5):not(.sd-6-0-0-next-11-headline) sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base sd-icon, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-0-0-next-11-headline) sd-icon {
102
102
  margin-top: calc(var(--sd-spacing-1) * -1);
103
103
  }
104
- .sd-2-0-0-next-1-headline.sd-2-0-0-next-1-headline--size-base mark, .sd-2-0-0-next-1-headline:is(h5):not(.sd-2-0-0-next-1-headline) mark, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5).sd-2-0-0-next-1-headline--size-base mark, .sd-2-0-0-next-1-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-2-0-0-next-1-headline) mark {
104
+ .sd-6-0-0-next-11-headline.sd-6-0-0-next-11-headline--size-base mark, .sd-6-0-0-next-11-headline:is(h5):not(.sd-6-0-0-next-11-headline) mark, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5).sd-6-0-0-next-11-headline--size-base mark, .sd-6-0-0-next-11-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-6-0-0-next-11-headline) mark {
105
105
  color: inherit;
106
106
  }
107
- .sd-2-0-0-next-1-headline--inline {
107
+ .sd-6-0-0-next-11-headline--inline {
108
108
  display: inline-block;
109
109
  }
110
- .sd-2-0-0-next-1-headline--inline sd-icon {
110
+ .sd-6-0-0-next-11-headline--inline sd-icon {
111
111
  margin-top: calc(var(--sd-spacing-1) * -1);
112
112
  margin-right: var(--sd-spacing-2);
113
113
  vertical-align: middle;
114
114
  }
115
- .sd-2-0-0-next-1-headline--inline:is(.sd-2-0-0-next-1-headline--size-xl, .sd-2-0-0-next-1-headline--size-lg, .sd-2-0-0-next-1-headline--size-base) sd-icon {
115
+ .sd-6-0-0-next-11-headline--inline:is(.sd-6-0-0-next-11-headline--size-xl, .sd-6-0-0-next-11-headline--size-lg, .sd-6-0-0-next-11-headline--size-base) sd-icon {
116
116
  margin-right: var(--sd-spacing-0\.5);
117
117
  }
118
- .sd-2-0-0-next-1-headline--inverted:not(#_), .sd-2-0-0-next-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-2-0-0-next-1-headline):not(#_) {
119
- color: var(--sd-color-text-white);
118
+ .sd-6-0-0-next-11-headline--inverted:not(#_), .sd-6-0-0-next-11-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-0-0-next-11-headline):not(#_) {
119
+ color: rgba(var(--sd-color-text-white));
120
120
  }
121
- .sd-2-0-0-next-1-headline--inverted:not(#_) sd-icon, .sd-2-0-0-next-1-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-2-0-0-next-1-headline):not(#_) sd-icon {
122
- color: var(--sd-color-text-white);
121
+ .sd-6-0-0-next-11-headline--inverted:not(#_) sd-icon, .sd-6-0-0-next-11-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-6-0-0-next-11-headline):not(#_) sd-icon {
122
+ color: rgba(var(--sd-color-text-white));
123
123
  }
124
124
  @property --tw-font-weight {
125
125
  syntax: "*";
@@ -7,7 +7,7 @@
7
7
  :lang(de) {
8
8
  --sd-hidden-links-title: 'Springe zu';
9
9
  }
10
- .sd-2-0-0-next-1-hidden-links:not(:focus-within):not(.sd-2-0-0-next-1-hidden-links--debug) {
10
+ .sd-6-0-0-next-11-hidden-links:not(:focus-within):not(.sd-6-0-0-next-11-hidden-links--debug) {
11
11
  position: absolute;
12
12
  width: 1px;
13
13
  height: 1px;
@@ -18,21 +18,21 @@
18
18
  white-space: nowrap;
19
19
  border-width: 0;
20
20
  }
21
- .sd-2-0-0-next-1-hidden-links{
21
+ .sd-6-0-0-next-11-hidden-links{
22
22
  position: absolute;
23
23
  top: var(--sd-spacing-6);
24
24
  left: var(--sd-spacing-6);
25
25
  }
26
- .sd-2-0-0-next-1-hidden-links--multiple {
26
+ .sd-6-0-0-next-11-hidden-links--multiple {
27
27
  display: flex;
28
28
  flex-direction: column;
29
- background-color: var(--sd-color-background-white);
29
+ background-color: rgba(var(--sd-color-background-white));
30
30
  padding-inline: var(--sd-spacing-2);
31
31
  padding-block: var(--sd-spacing-4);
32
32
  --tw-shadow: var(--sd-shadow);
33
33
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
34
34
  }
35
- .sd-2-0-0-next-1-hidden-links--multiple:before {
35
+ .sd-6-0-0-next-11-hidden-links--multiple:before {
36
36
  padding-inline: var(--sd-spacing-4);
37
37
  padding-block: var(--sd-spacing-2);
38
38
  --tw-font-weight: var(--sd-font-weight-bold);
@@ -1,13 +1,13 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-prose a--reset, .sd-2-0-0-next-1-interactive--reset {
4
+ .sd-6-0-0-next-11-prose a--reset, .sd-6-0-0-next-11-interactive--reset {
5
5
  all: unset;
6
6
  outline: revert;
7
7
  }
8
- .sd-2-0-0-next-1-prose a, .sd-2-0-0-next-1-interactive{
8
+ .sd-6-0-0-next-11-prose a, .sd-6-0-0-next-11-interactive{
9
9
  cursor: pointer;
10
- color: var(--sd-color-text-primary);
10
+ color: rgba(var(--sd-color-text-primary));
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-2-0-0-next-1-prose a:hover:not([disabled]), .sd-2-0-0-next-1-interactive:hover:not([disabled]) {
21
- color: var(--sd-color-text-primary-500);
20
+ .sd-6-0-0-next-11-prose a:hover:not([disabled]), .sd-6-0-0-next-11-interactive:hover:not([disabled]) {
21
+ color: rgba(var(--sd-color-text-primary-500));
22
22
  }
23
- .sd-2-0-0-next-1-prose a:focus-visible, .sd-2-0-0-next-1-interactive:focus-visible {
23
+ .sd-6-0-0-next-11-prose a:focus-visible, .sd-6-0-0-next-11-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-2-0-0-next-1-prose a:active:not([disabled]), .sd-2-0-0-next-1-interactive:active:not([disabled]) {
30
- color: var(--sd-interactive--active-color-text, var(--sd-color-primary-800));
29
+ .sd-6-0-0-next-11-prose a:active:not([disabled]), .sd-6-0-0-next-11-interactive:active:not([disabled]) {
30
+ color: rgba(var(--sd-interactive--active-color-text, rgba(var(--sd-color-primary-800))));
31
31
  }
32
- .sd-2-0-0-next-1-prose a:is(.sd-2-0-0-next-1-interactive), .sd-2-0-0-next-1-interactive:is(.sd-2-0-0-next-1-interactive) {
32
+ .sd-6-0-0-next-11-prose a:is(.sd-6-0-0-next-11-interactive), .sd-6-0-0-next-11-interactive:is(.sd-6-0-0-next-11-interactive) {
33
33
  text-decoration-line: none;
34
34
  }
35
- .sd-2-0-0-next-1-prose a--disabled, .sd-2-0-0-next-1-prose a[disabled], .sd-2-0-0-next-1-prose a[href=''], .sd-2-0-0-next-1-interactive--disabled, .sd-2-0-0-next-1-interactive[disabled], .sd-2-0-0-next-1-interactive[href=''] {
35
+ .sd-6-0-0-next-11-prose a--disabled, .sd-6-0-0-next-11-prose a[disabled], .sd-6-0-0-next-11-prose a[href=''], .sd-6-0-0-next-11-interactive--disabled, .sd-6-0-0-next-11-interactive[disabled], .sd-6-0-0-next-11-interactive[href=''] {
36
36
  cursor: not-allowed;
37
- color: var(--sd-color-text-neutral-500);
37
+ color: rgba(var(--sd-color-text-neutral-500));
38
38
  }
39
- .sd-2-0-0-next-1-prose a--disabled:hover:not([disabled]), .sd-2-0-0-next-1-prose a[disabled]:hover:not([disabled]), .sd-2-0-0-next-1-prose a[href='']:hover:not([disabled]), .sd-2-0-0-next-1-interactive--disabled:hover:not([disabled]), .sd-2-0-0-next-1-interactive[disabled]:hover:not([disabled]), .sd-2-0-0-next-1-interactive[href='']:hover:not([disabled]) {
40
- color: var(--sd-color-text-neutral-500);
39
+ .sd-6-0-0-next-11-prose a--disabled:hover:not([disabled]), .sd-6-0-0-next-11-prose a[disabled]:hover:not([disabled]), .sd-6-0-0-next-11-prose a[href='']:hover:not([disabled]), .sd-6-0-0-next-11-interactive--disabled:hover:not([disabled]), .sd-6-0-0-next-11-interactive[disabled]:hover:not([disabled]), .sd-6-0-0-next-11-interactive[href='']:hover:not([disabled]) {
40
+ color: rgba(var(--sd-color-text-neutral-500));
41
41
  }
42
- .sd-2-0-0-next-1-prose a--disabled:active:not([disabled]), .sd-2-0-0-next-1-prose a[disabled]:active:not([disabled]), .sd-2-0-0-next-1-prose a[href='']:active:not([disabled]), .sd-2-0-0-next-1-interactive--disabled:active:not([disabled]), .sd-2-0-0-next-1-interactive[disabled]:active:not([disabled]), .sd-2-0-0-next-1-interactive[href='']:active:not([disabled]) {
43
- color: var(--sd-color-text-neutral-500);
42
+ .sd-6-0-0-next-11-prose a--disabled:active:not([disabled]), .sd-6-0-0-next-11-prose a[disabled]:active:not([disabled]), .sd-6-0-0-next-11-prose a[href='']:active:not([disabled]), .sd-6-0-0-next-11-interactive--disabled:active:not([disabled]), .sd-6-0-0-next-11-interactive[disabled]:active:not([disabled]), .sd-6-0-0-next-11-interactive[href='']:active:not([disabled]) {
43
+ color: rgba(var(--sd-color-text-neutral-500));
44
44
  }
45
- .sd-2-0-0-next-1-prose a--disabled.sd-2-0-0-next-1-interactive--inverted, .sd-2-0-0-next-1-prose a[disabled].sd-2-0-0-next-1-interactive--inverted, .sd-2-0-0-next-1-prose a[href=''].sd-2-0-0-next-1-interactive--inverted, .sd-2-0-0-next-1-interactive--disabled.sd-2-0-0-next-1-interactive--inverted, .sd-2-0-0-next-1-interactive[disabled].sd-2-0-0-next-1-interactive--inverted, .sd-2-0-0-next-1-interactive[href=''].sd-2-0-0-next-1-interactive--inverted {
46
- color: var(--sd-color-text-neutral-600);
45
+ .sd-6-0-0-next-11-prose a--disabled.sd-6-0-0-next-11-interactive--inverted, .sd-6-0-0-next-11-prose a[disabled].sd-6-0-0-next-11-interactive--inverted, .sd-6-0-0-next-11-prose a[href=''].sd-6-0-0-next-11-interactive--inverted, .sd-6-0-0-next-11-interactive--disabled.sd-6-0-0-next-11-interactive--inverted, .sd-6-0-0-next-11-interactive[disabled].sd-6-0-0-next-11-interactive--inverted, .sd-6-0-0-next-11-interactive[href=''].sd-6-0-0-next-11-interactive--inverted {
46
+ color: rgba(var(--sd-color-text-neutral-600));
47
47
  }
48
- .sd-2-0-0-next-1-prose a--disabled.sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]), .sd-2-0-0-next-1-prose a[disabled].sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]), .sd-2-0-0-next-1-prose a[href=''].sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]), .sd-2-0-0-next-1-interactive--disabled.sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]), .sd-2-0-0-next-1-interactive[disabled].sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]), .sd-2-0-0-next-1-interactive[href=''].sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]) {
49
- color: var(--sd-color-text-neutral-600);
48
+ .sd-6-0-0-next-11-prose a--disabled.sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]), .sd-6-0-0-next-11-prose a[disabled].sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]), .sd-6-0-0-next-11-prose a[href=''].sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]), .sd-6-0-0-next-11-interactive--disabled.sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]), .sd-6-0-0-next-11-interactive[disabled].sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]), .sd-6-0-0-next-11-interactive[href=''].sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]) {
49
+ color: rgba(var(--sd-color-text-neutral-600));
50
50
  }
51
- .sd-2-0-0-next-1-prose a--disabled.sd-2-0-0-next-1-interactive--inverted:active:not([disabled]), .sd-2-0-0-next-1-prose a[disabled].sd-2-0-0-next-1-interactive--inverted:active:not([disabled]), .sd-2-0-0-next-1-prose a[href=''].sd-2-0-0-next-1-interactive--inverted:active:not([disabled]), .sd-2-0-0-next-1-interactive--disabled.sd-2-0-0-next-1-interactive--inverted:active:not([disabled]), .sd-2-0-0-next-1-interactive[disabled].sd-2-0-0-next-1-interactive--inverted:active:not([disabled]), .sd-2-0-0-next-1-interactive[href=''].sd-2-0-0-next-1-interactive--inverted:active:not([disabled]) {
52
- color: var(--sd-color-text-neutral-600);
51
+ .sd-6-0-0-next-11-prose a--disabled.sd-6-0-0-next-11-interactive--inverted:active:not([disabled]), .sd-6-0-0-next-11-prose a[disabled].sd-6-0-0-next-11-interactive--inverted:active:not([disabled]), .sd-6-0-0-next-11-prose a[href=''].sd-6-0-0-next-11-interactive--inverted:active:not([disabled]), .sd-6-0-0-next-11-interactive--disabled.sd-6-0-0-next-11-interactive--inverted:active:not([disabled]), .sd-6-0-0-next-11-interactive[disabled].sd-6-0-0-next-11-interactive--inverted:active:not([disabled]), .sd-6-0-0-next-11-interactive[href=''].sd-6-0-0-next-11-interactive--inverted:active:not([disabled]) {
52
+ color: rgba(var(--sd-color-text-neutral-600));
53
53
  }
54
- .sd-2-0-0-next-1-prose--inverted a, .sd-2-0-0-next-1-interactive--inverted {
55
- color: var(--sd-color-text-white);
54
+ .sd-6-0-0-next-11-prose--inverted a, .sd-6-0-0-next-11-interactive--inverted {
55
+ color: rgba(var(--sd-color-text-white));
56
56
  }
57
- .sd-2-0-0-next-1-prose--inverted a:hover:not([disabled]), .sd-2-0-0-next-1-interactive--inverted:hover:not([disabled]) {
58
- color: var(--sd-color-text-primary-200);
57
+ .sd-6-0-0-next-11-prose--inverted a:hover:not([disabled]), .sd-6-0-0-next-11-interactive--inverted:hover:not([disabled]) {
58
+ color: rgba(var(--sd-color-text-primary-200));
59
59
  }
60
- .sd-2-0-0-next-1-prose--inverted a:focus-visible, .sd-2-0-0-next-1-interactive--inverted:focus-visible {
60
+ .sd-6-0-0-next-11-prose--inverted a:focus-visible, .sd-6-0-0-next-11-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-2-0-0-next-1-prose--inverted a:active:not([disabled]), .sd-2-0-0-next-1-interactive--inverted:active:not([disabled]) {
67
- color: var(--sd-color-text-primary-400);
66
+ .sd-6-0-0-next-11-prose--inverted a:active:not([disabled]), .sd-6-0-0-next-11-interactive--inverted:active:not([disabled]) {
67
+ color: rgba(var(--sd-color-text-primary-400));
68
68
  }
69
69
  @property --tw-duration {
70
70
  syntax: "*";
@@ -1,26 +1,26 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-prose > .sd-2-0-0-next-1-leadtext, .sd-2-0-0-next-1-leadtext {
4
+ .sd-6-0-0-next-11-prose > .sd-6-0-0-next-11-leadtext, .sd-6-0-0-next-11-leadtext {
5
5
  font-size: var(--sd-text-xl);
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);
8
8
  line-height: var(--leading-normal, 1.5);
9
9
  --tw-font-weight: var(--sd-font-weight-normal);
10
10
  font-weight: var(--sd-font-weight-normal);
11
- color: var(--sd-color-text-black);
11
+ color: rgba(var(--sd-color-text-black));
12
12
  }
13
- .sd-2-0-0-next-1-prose > .sd-2-0-0-next-1-leadtext--size-lg, .sd-2-0-0-next-1-leadtext--size-lg {
13
+ .sd-6-0-0-next-11-prose > .sd-6-0-0-next-11-leadtext--size-lg, .sd-6-0-0-next-11-leadtext--size-lg {
14
14
  font-size: var(--sd-text-lg);
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);
17
17
  line-height: var(--leading-normal, 1.5);
18
18
  --tw-font-weight: var(--sd-font-weight-normal);
19
19
  font-weight: var(--sd-font-weight-normal);
20
- color: var(--sd-color-text-black);
20
+ color: rgba(var(--sd-color-text-black));
21
21
  }
22
- .sd-2-0-0-next-1-prose--inverted > .sd-2-0-0-next-1-leadtext, .sd-2-0-0-next-1-leadtext--inverted {
23
- color: var(--sd-color-text-white);
22
+ .sd-6-0-0-next-11-prose--inverted > .sd-6-0-0-next-11-leadtext, .sd-6-0-0-next-11-leadtext--inverted {
23
+ color: rgba(var(--sd-color-text-white));
24
24
  }
25
25
  @property --tw-leading {
26
26
  syntax: "*";
@@ -1,7 +1,7 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon), .sd-2-0-0-next-1-prose > :is(ol, ul) {
4
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon), .sd-6-0-0-next-11-prose > :is(ol, ul) {
5
5
  list-style-position: revert;
6
6
  list-style-type: revert;
7
7
  padding: revert;
@@ -9,109 +9,109 @@
9
9
  padding-left: var(--sd-spacing-4);
10
10
  text-align: left;
11
11
  }
12
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) li:not(:first-child), .sd-2-0-0-next-1-prose > :is(ol, ul) li:not(:first-child) {
12
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) li:not(:first-child), .sd-6-0-0-next-11-prose > :is(ol, ul) li:not(:first-child) {
13
13
  margin-top: var(--sd-spacing-3);
14
14
  }
15
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ol, .sd-2-0-0-next-1-prose > :is(ol, ul) ul, .sd-2-0-0-next-1-prose > :is(ol, ul) ol {
15
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ol, .sd-6-0-0-next-11-prose > :is(ol, ul) ul, .sd-6-0-0-next-11-prose > :is(ol, ul) ol {
16
16
  all: revert;
17
17
  padding-top: 0.75em;
18
18
  padding-left: 1.4em;
19
19
  }
20
20
  @supports not (-webkit-hyphens: none) {
21
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) li, .sd-2-0-0-next-1-prose > :is(ol, ul) li {
21
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) li, .sd-6-0-0-next-11-prose > :is(ol, ul) li {
22
22
  padding-left: 0.3em;
23
23
  }
24
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon), .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) {
24
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon), .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) {
25
25
  counter-reset: item;
26
26
  }
27
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li {
27
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li {
28
28
  counter-increment: item;
29
29
  }
30
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li::marker, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li::marker {
30
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li::marker, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li::marker {
31
31
  content: counters(item, '.', decimal) '. ';
32
32
  }
33
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol {
33
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol {
34
34
  padding-left: 1.9em;
35
35
  counter-reset: subitem;
36
36
  }
37
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li {
37
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li {
38
38
  counter-increment: subitem;
39
39
  }
40
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li::marker, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li::marker {
40
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li::marker, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li::marker {
41
41
  content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '. ';
42
42
  }
43
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol {
43
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol {
44
44
  padding-left: 2.7em;
45
45
  counter-reset: subsubitem;
46
46
  }
47
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol > li {
47
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol > li {
48
48
  counter-increment: subsubitem;
49
49
  }
50
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol > li::marker, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ol):not(.sd-2-0-0-next-1-list--icon) > li > ol > li > ol > li::marker {
50
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol > li::marker, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ol):not(.sd-6-0-0-next-11-list--icon) > li > ol > li > ol > li::marker {
51
51
  content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '.' counters(subsubitem, '.', decimal) '. ';
52
52
  }
53
53
  }
54
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon), .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon), .sd-2-0-0-next-1-prose > :is(ol, ul) ul {
54
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon), .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon), .sd-6-0-0-next-11-prose > :is(ol, ul) ul {
55
55
  padding-left: 0.5em;
56
56
  }
57
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon) > li, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon) > li, .sd-2-0-0-next-1-prose > :is(ol, ul) ul > li {
57
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon) > li, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon) > li, .sd-6-0-0-next-11-prose > :is(ol, ul) ul > li {
58
58
  padding-left: 0.75em;
59
59
  list-style-type: '\2022';
60
60
  }
61
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul > li > ul, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul, .sd-2-0-0-next-1-prose > :is(ol, ul) ul > li > ul {
61
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul > li > ul, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul, .sd-6-0-0-next-11-prose > :is(ol, ul) ul > li > ul {
62
62
  padding-left: 0.3em;
63
63
  }
64
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul > li > ul > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li, .sd-2-0-0-next-1-prose > :is(ol, ul) ul > li > ul > li {
64
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul > li > ul > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li, .sd-6-0-0-next-11-prose > :is(ol, ul) ul > li > ul > li {
65
65
  list-style-type: '\002B1D';
66
66
  }
67
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li > ul, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul > li > ul > li > ul, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li > ul, .sd-2-0-0-next-1-prose > :is(ol, ul) ul > li > ul > li > ul {
67
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li > ul, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul > li > ul > li > ul, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li > ul, .sd-6-0-0-next-11-prose > :is(ol, ul) ul > li > ul > li > ul {
68
68
  padding-left: 0.4em;
69
69
  }
70
- .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li > ul > li, .sd-2-0-0-next-1-list:not(.sd-2-0-0-next-1-list--icon) ul > li > ul > li > ul > li, .sd-2-0-0-next-1-prose > :is(ol, ul):is(ul):not(.sd-2-0-0-next-1-list--icon) > li > ul > li > ul > li, .sd-2-0-0-next-1-prose > :is(ol, ul) ul > li > ul > li > ul > li {
70
+ .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li > ul > li, .sd-6-0-0-next-11-list:not(.sd-6-0-0-next-11-list--icon) ul > li > ul > li > ul > li, .sd-6-0-0-next-11-prose > :is(ol, ul):is(ul):not(.sd-6-0-0-next-11-list--icon) > li > ul > li > ul > li, .sd-6-0-0-next-11-prose > :is(ol, ul) ul > li > ul > li > ul > li {
71
71
  list-style-type: '\2010';
72
72
  }
73
- .sd-2-0-0-next-1-list--icon {
73
+ .sd-6-0-0-next-11-list--icon {
74
74
  padding-block: var(--sd-spacing-4);
75
75
  text-align: left;
76
76
  }
77
- .sd-2-0-0-next-1-list--icon li sd-icon:first-of-type, .sd-2-0-0-next-1-list--icon li .sd-2-0-0-next-1-list--icon__icon:first-of-type {
78
- color: var(--sd-color-text-white);
77
+ .sd-6-0-0-next-11-list--icon li sd-icon:first-of-type, .sd-6-0-0-next-11-list--icon li .sd-6-0-0-next-11-list--icon__icon:first-of-type {
78
+ color: rgba(var(--sd-color-text-white));
79
79
  }
80
- .sd-2-0-0-next-1-list--icon{
80
+ .sd-6-0-0-next-11-list--icon{
81
81
  list-style-type: '';
82
82
  }
83
- .sd-2-0-0-next-1-list--icon > li:first-of-type {
83
+ .sd-6-0-0-next-11-list--icon > li:first-of-type {
84
84
  padding-top: calc(var(--sd-spacing-1) * 0);
85
85
  }
86
- .sd-2-0-0-next-1-list--icon li {
86
+ .sd-6-0-0-next-11-list--icon li {
87
87
  position: relative;
88
88
  padding-top: var(--sd-spacing-3);
89
89
  padding-left: var(--sd-spacing-10);
90
90
  --tw-leading: 32px;
91
91
  line-height: 32px;
92
92
  }
93
- .sd-2-0-0-next-1-list--icon li > sd-icon:first-of-type, .sd-2-0-0-next-1-list--icon li > .sd-2-0-0-next-1-list--icon__icon:first-of-type {
93
+ .sd-6-0-0-next-11-list--icon li > sd-icon:first-of-type, .sd-6-0-0-next-11-list--icon li > .sd-6-0-0-next-11-list--icon__icon:first-of-type {
94
94
  position: absolute;
95
95
  left: calc(var(--sd-spacing-1) * 0);
96
96
  font-size: var(--sd-text-3xl);
97
97
  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
98
- color: var(--sd-color-text-primary);
98
+ color: rgba(var(--sd-color-text-primary));
99
99
  }
100
- .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal {
100
+ .sd-6-0-0-next-11-list--icon.sd-6-0-0-next-11-list--horizontal {
101
101
  display: flex;
102
102
  }
103
- .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal li {
103
+ .sd-6-0-0-next-11-list--icon.sd-6-0-0-next-11-list--horizontal li {
104
104
  display: flex;
105
105
  padding-top: calc(var(--sd-spacing-1) * 0);
106
106
  }
107
- .sd-2-0-0-next-1-list--icon.sd-2-0-0-next-1-list--horizontal li:not(:last-child) {
107
+ .sd-6-0-0-next-11-list--icon.sd-6-0-0-next-11-list--horizontal li:not(:last-child) {
108
108
  margin-right: var(--sd-spacing-8);
109
109
  }
110
- .sd-2-0-0-next-1-list--inverted, .sd-2-0-0-next-1-prose--inverted > :is(ol, ul) {
111
- color: var(--sd-color-text-white);
110
+ .sd-6-0-0-next-11-list--inverted, .sd-6-0-0-next-11-prose--inverted > :is(ol, ul) {
111
+ color: rgba(var(--sd-color-text-white));
112
112
  }
113
- .sd-2-0-0-next-1-list--inverted li > sd-icon:first-of-type, .sd-2-0-0-next-1-list--inverted li > .sd-2-0-0-next-1-list--icon__icon:first-of-type, .sd-2-0-0-next-1-prose--inverted > :is(ol, ul) li > sd-icon:first-of-type, .sd-2-0-0-next-1-prose--inverted > :is(ol, ul) li > .sd-2-0-0-next-1-list--icon__icon:first-of-type {
114
- color: var(--sd-color-text-white);
113
+ .sd-6-0-0-next-11-list--inverted li > sd-icon:first-of-type, .sd-6-0-0-next-11-list--inverted li > .sd-6-0-0-next-11-list--icon__icon:first-of-type, .sd-6-0-0-next-11-prose--inverted > :is(ol, ul) li > sd-icon:first-of-type, .sd-6-0-0-next-11-prose--inverted > :is(ol, ul) li > .sd-6-0-0-next-11-list--icon__icon:first-of-type {
114
+ color: rgba(var(--sd-color-text-white));
115
115
  }
116
116
  @property --tw-leading {
117
117
  syntax: "*";
@@ -1,6 +1,6 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- mark.sd-2-0-0-next-1-mark {
3
+ mark.sd-6-0-0-next-11-mark {
4
4
  background-color: transparent;
5
- color: var(--sd-color-text-accent);
5
+ color: rgba(var(--sd-color-text-accent));
6
6
  }
@@ -1,14 +1,14 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer theme, base, components, utilities;
3
- .sd-2-0-0-next-1-prose figure, figure.sd-2-0-0-next-1-media {
3
+ .sd-6-0-0-next-11-prose figure, figure.sd-6-0-0-next-11-media {
4
4
  margin: calc(var(--sd-spacing-1) * 0);
5
5
  }
6
- .sd-2-0-0-next-1-prose figure figcaption, figure.sd-2-0-0-next-1-media figcaption {
7
- color: var(--sd-color-text-neutral-700);
6
+ .sd-6-0-0-next-11-prose figure figcaption, figure.sd-6-0-0-next-11-media figcaption {
7
+ color: rgba(var(--sd-color-text-neutral-700));
8
8
  }
9
- .sd-2-0-0-next-1-prose figure figcaption:last-child, figure.sd-2-0-0-next-1-media figcaption:last-child {
9
+ .sd-6-0-0-next-11-prose figure figcaption:last-child, figure.sd-6-0-0-next-11-media figcaption:last-child {
10
10
  margin-top: var(--sd-spacing-3);
11
11
  }
12
- .sd-2-0-0-next-1-prose--inverted figure figcaption, figure.sd-2-0-0-next-1-media--inverted figcaption {
13
- color: var(--sd-color-text-primary-400);
12
+ .sd-6-0-0-next-11-prose--inverted figure figcaption, figure.sd-6-0-0-next-11-media--inverted figcaption {
13
+ color: rgba(var(--sd-color-text-primary-400));
14
14
  }
@@ -1,33 +1,33 @@
1
1
  /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
2
2
  @layer properties;
3
3
  @layer theme, base, components, utilities;
4
- .sd-2-0-0-next-1-meta {
4
+ .sd-6-0-0-next-11-meta {
5
5
  font-size: var(--sd-text-base);
6
6
  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
7
7
  --tw-leading: 1;
8
8
  line-height: 1;
9
9
  --tw-font-weight: var(--sd-font-weight-normal);
10
10
  font-weight: var(--sd-font-weight-normal);
11
- color: var(--sd-color-text-black);
11
+ color: rgba(var(--sd-color-text-black));
12
12
  }
13
- .sd-2-0-0-next-1-meta--size-sm {
13
+ .sd-6-0-0-next-11-meta--size-sm {
14
14
  font-size: var(--sd-text-sm);
15
15
  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
16
16
  }
17
- .sd-2-0-0-next-1-meta--light {
18
- color: var(--sd-color-text-neutral-700);
17
+ .sd-6-0-0-next-11-meta--light {
18
+ color: rgba(var(--sd-color-text-neutral-700));
19
19
  }
20
- .sd-2-0-0-next-1-meta--inverted {
21
- color: var(--sd-color-text-white);
20
+ .sd-6-0-0-next-11-meta--inverted {
21
+ color: rgba(var(--sd-color-text-white));
22
22
  }
23
- .sd-2-0-0-next-1-meta--inverted.sd-2-0-0-next-1-meta--light {
24
- color: var(--sd-color-text-primary-400);
23
+ .sd-6-0-0-next-11-meta--inverted.sd-6-0-0-next-11-meta--light {
24
+ color: rgba(var(--sd-color-text-primary-400));
25
25
  }
26
- .sd-2-0-0-next-1-meta--pipe::after {
26
+ .sd-6-0-0-next-11-meta--pipe::after {
27
27
  content: '|';
28
28
  margin-inline: var(--sd-spacing-1);
29
29
  }
30
- .sd-2-0-0-next-1-meta--pipe.sd-2-0-0-next-1-meta--size-sm::after {
30
+ .sd-6-0-0-next-11-meta--pipe.sd-6-0-0-next-11-meta--size-sm::after {
31
31
  margin-inline: var(--sd-spacing-0\.5);
32
32
  }
33
33
  @property --tw-leading {