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

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