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

package/dist/solid-styles.css

@@ -1,49 +1,50 @@
 /*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
 @layer properties;
+@layer theme, base, components, utilities;
 .sd-chip {
   display: inline-flex;
   height: var(--sd-spacing-6);
   align-items: center;
   overflow: hidden;
   border-radius: var(--sd-radius);
-  background-color: var(--sd-color-background-primary-200, var(--sd-color-primary-200));
+  background-color: var(--sd-color-background-primary-200);
   padding-inline: var(--sd-spacing-2);
   font-size: var(--sd-text-sm);
   line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
   white-space: nowrap;
-  color: var(--sd-color-text-black, var(--sd-color-black));
+  color: var(--sd-color-text-black);
 }
 .sd-chip--primary-500 {
-    background-color: var(--sd-color-background-primary-500, var(--sd-color-primary-500));
-    color: var(--sd-color-text-white, var(--sd-color-white));
+    background-color: var(--sd-color-background-primary-500);
+    color: var(--sd-color-text-white);
   }
 .sd-chip--primary-300 {
-    background-color: var(--sd-color-background-primary-300, var(--sd-color-primary-300));
+    background-color: var(--sd-color-background-primary-300);
   }
 .sd-chip--white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
+    background-color: var(--sd-color-background-white);
   }
 .sd-container {
   position: relative;
-  background-color: var(--sd-color-background-neutral-100, var(--sd-color-neutral-100));
+  background-color: var(--sd-color-background-neutral-100);
   padding-inline: var(--sd-spacing-10);
   padding-block: var(--sd-spacing-8);
 }
 .sd-container--variant-primary-100 {
-    background-color: var(--sd-color-background-primary-100, var(--sd-color-primary-100));
+    background-color: var(--sd-color-background-primary-100);
   }
 .sd-container--variant-primary {
-    background-color: var(--sd-color-background-primary, var(--sd-color-primary));
+    background-color: var(--sd-color-background-primary);
   }
 .sd-container--variant-border-neutral-400 {
     --tw-border-style: solid;
     border-style: solid;
-    border-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
+    border-color: var(--sd-color-border-neutral-400);
+    background-color: var(--sd-color-background-white);
     border-width: 1px;
   }
 .sd-container--variant-white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
+    background-color: var(--sd-color-background-white);
   }
 .sd-container--padding-sm {
     padding-inline: var(--sd-spacing-6);
@@ -99,7 +100,7 @@
       top: -1px;
     }
 .sd-container--triangle-top-border::before {
-      border-top-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+      border-top-color: var(--sd-color-border-neutral-400);
       left: calc(50% - 15px);
     }
 .sd-container--triangle-top-border::after {
@@ -110,7 +111,7 @@
       right: -1px;
     }
 .sd-container--triangle-right-border::before {
-      border-right-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+      border-right-color: var(--sd-color-border-neutral-400);
       top: calc(50% - 15px);
     }
 .sd-container--triangle-right-border::after {
@@ -121,7 +122,7 @@
       bottom: -1px;
     }
 .sd-container--triangle-bottom-border::before {
-      border-bottom-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+      border-bottom-color: var(--sd-color-border-neutral-400);
       left: calc(50% - 15px);
     }
 .sd-container--triangle-bottom-border::after {
@@ -132,7 +133,7 @@
       left: -1px;
     }
 .sd-container--triangle-left-border::before {
-      border-left-color: var(--sd-color-border-neutral-400, var(--sd-color-neutral-400));
+      border-left-color: var(--sd-color-border-neutral-400);
       top: calc(50% - 15px);
     }
 .sd-container--triangle-left-border::after {
@@ -160,7 +161,7 @@
     padding-left: var(--sd-spacing-4);
     font-size: var(--sd-text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-    color: var(--sd-color-text-white, var(--sd-color-white));
+    color: var(--sd-color-text-white);
     --tw-drop-shadow-size: drop-shadow(var(--sd-drop-shadow-sm));
     --tw-drop-shadow: drop-shadow(var(--sd-drop-shadow-sm));
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -178,7 +179,7 @@
         transform: rotate(180deg);
       }
 .sd-copyright--color-black::after {
-        color: var(--sd-color-text-black, var(--sd-color-black));
+        color: var(--sd-color-text-black);
         filter: drop-shadow(0 0 transparent);
       }
 .sd-copyright--no-shadow::after {
@@ -199,22 +200,22 @@
   height: var(--sd-spacing-8);
   align-items: center;
   overflow: hidden;
-  background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
+  background-color: var(--sd-color-background-neutral-200);
   padding-inline: var(--sd-spacing-3);
   font-size: var(--sd-text-sm);
   line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
   white-space: nowrap;
-  color: var(--sd-color-text-black, var(--sd-color-black));
+  color: var(--sd-color-text-black);
 }
 .sd-flag--neutral-500 {
     background-color: var(--sd-flag--neutral-500-color-background, var(--sd-color-neutral-500));
-    color: var(--sd-color-text-black, var(--sd-color-black));
+    color: var(--sd-color-text-black);
   }
 .sd-flag--neutral-300 {
-    background-color: var(--sd-color-background-neutral-300, var(--sd-color-neutral-300));
+    background-color: var(--sd-color-background-neutral-300);
   }
 .sd-flag--white {
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
+    background-color: var(--sd-color-background-white);
   }
 .sd-footnotes {
   margin-block: calc(var(--sd-spacing-1) * 0);
@@ -222,10 +223,10 @@
   text-align: left;
   font-size: var(--sd-text-sm);
   line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
-  color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
+  color: var(--sd-color-text-neutral-700);
 }
 .sd-footnotes :target {
-    background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
+    background-color: var(--sd-color-background-neutral-200);
   }
 .sd-footnotes:is(ol) {
     padding-inline-start: var(--sd-spacing-8);
@@ -284,17 +285,17 @@
     list-style: '';
   }
 .sd-footnotes--inverted {
-    color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
+    color: var(--sd-color-text-primary-400);
   }
 .sd-footnotes--inverted :target {
       background-color: var(--sd-footnotes--target--inverted-color-background, var(--sd-color-primary-800));
     }
 .sd-footnotes--inverted .sd-footnotes--marker::before {
-      color: var(--sd-color-text-white, var(--sd-color-white));
+      color: var(--sd-color-text-white);
       outline-color: var(--color-white, #fff) !important;
     }
 .sd-footnotes--inverted:is(.sd-footnotes--marker) {
-      color: var(--sd-color-text-white, var(--sd-color-white)) !important;
+      color: var(--sd-color-text-white) !important;
       outline-color: var(--color-white, #fff) !important;
     }
 .sd-footnotes--inverted:is(.sd-footnotes--marker):target {
@@ -311,7 +312,7 @@
     font-size: x-small;
   }
 .sd-footnotes--marker:target {
-      background-color: var(--sd-color-background-neutral-200, var(--sd-color-neutral-200));
+      background-color: var(--sd-color-background-neutral-200);
     }
 .sd-footnotes--marker:not(:has(a))::before {
         content: '[ ';
@@ -345,10 +346,10 @@
         outline-color: var(--sd-border-color-primary, var(--sd-color-primary));
       }
 .sd-footnotes--marker :is(a):link {
-        color: var(--sd-color-text-primary, var(--sd-color-primary));
+        color: var(--sd-color-text-primary);
       }
 .sd-footnotes--marker:link, .sd-footnotes--marker:visited {
-      color: var(--sd-color-text-primary, var(--sd-color-primary));
+      color: var(--sd-color-text-primary);
     }
 .sd-footnotes--marker:focus-visible {
       border-radius: var(--sd-radius);
@@ -383,7 +384,7 @@
 .sd-hidden-links--multiple {
     display: flex;
     flex-direction: column;
-    background-color: var(--sd-color-background-white, var(--sd-color-white));
+    background-color: var(--sd-color-background-white);
     padding-inline: var(--sd-spacing-2);
     padding-block: var(--sd-spacing-4);
     --tw-shadow: var(--sd-shadow);
@@ -398,7 +399,7 @@
     }
 mark.sd-mark {
   background-color: transparent;
-  color: var(--sd-color-text-accent, var(--sd-color-accent));
+  color: var(--sd-color-text-accent);
 }
 .sd-meta {
   font-size: var(--sd-text-base);
@@ -407,20 +408,20 @@ mark.sd-mark {
   line-height: 1;
   --tw-font-weight: var(--sd-font-weight-normal);
   font-weight: var(--sd-font-weight-normal);
-  color: var(--sd-color-text-black, var(--sd-color-black));
+  color: var(--sd-color-text-black);
 }
 .sd-meta--size-sm {
     font-size: var(--sd-text-sm);
     line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
   }
 .sd-meta--light {
-    color: var(--sd-color-text-neutral-700, var(--sd-color-neutral-700));
+    color: var(--sd-color-text-neutral-700);
   }
 .sd-meta--inverted {
-    color: var(--sd-color-text-white, var(--sd-color-white));
+    color: var(--sd-color-text-white);
   }
 .sd-meta--inverted.sd-meta--light {
-      color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
+      color: var(--sd-color-text-primary-400);
     }
 .sd-meta--pipe::after {
       content: '|';
@@ -458,17 +459,17 @@ mark.sd-mark {
       display: flex;
       align-items: center;
       justify-content: center;
-      color: var(--sd-color-text-primary, var(--sd-color-primary));
+      color: var(--sd-color-text-primary);
       text-decoration-line: none;
       transition-property: color;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
       transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
     }
 .sd-pagination ul li a:hover:not([disabled]), .sd-pagination ul li button:hover:not([disabled]) {
-        color: var(--sd-color-text-primary-500, var(--sd-color-primary-500));
+        color: var(--sd-color-text-primary-500);
       }
 .sd-pagination ul li a:active:not([disabled]), .sd-pagination ul li button:active:not([disabled]) {
-        color: var(--sd-color-text-primary-800, var(--sd-color-primary-800));
+        color: var(--sd-color-text-primary-800);
       }
 .sd-pagination ul li a:focus-visible, .sd-pagination ul li button:focus-visible {
         outline-width: 1px;
@@ -503,20 +504,20 @@ mark.sd-mark {
           border-bottom-color: transparent;
         }
 .sd-pagination ul li:not(:first-child):not(:last-child) a[aria-current], .sd-pagination ul li:not(:first-child):not(:last-child) button[aria-current] {
-            border-bottom-color: var(--sd-color-border-accent, var(--sd-color-accent));
+            border-bottom-color: var(--sd-color-border-accent);
           }
 .sd-pagination ul li a[aria-current], .sd-pagination ul li button[aria-current] {
-        color: var(--sd-color-text-black, var(--sd-color-black));
+        color: var(--sd-color-text-black);
       }
 .sd-pagination ul li a[aria-current]:hover:not([disabled]), .sd-pagination ul li button[aria-current]:hover:not([disabled]) {
-          color: var(--sd-color-text-black, var(--sd-color-black));
+          color: var(--sd-color-text-black);
         }
 .sd-pagination ul li:first-child:has(a:not([href])) a, .sd-pagination ul li:last-child:has(a:not([href])) a, .sd-pagination ul li:first-child:has(button[disabled]) button, .sd-pagination ul li:last-child:has(button[disabled]) button {
       cursor: not-allowed;
-      color: var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));
+      color: var(--sd-color-text-neutral-500);
     }
 .sd-pagination ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-pagination ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-pagination ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-pagination ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
-        color: var(--sd-color-text-neutral-500, var(--sd-color-neutral-500));
+        color: var(--sd-color-text-neutral-500);
       }
 .sd-pagination:not(.sd-pagination--simple) ul li:not(:first-child):not(:last-child):not(:has(a[aria-current], button[aria-current])) {
           pointer-events: none;
@@ -621,7 +622,7 @@ mark.sd-mark {
         width: var(--sd-spacing-8);
         border-bottom-style: var(--tw-border-style);
         border-bottom-width: var(--sd-border-width-2);
-        border-bottom-color: var(--sd-color-border-accent, var(--sd-color-accent));
+        border-bottom-color: var(--sd-color-border-accent);
       }
 .sd-pagination--simple ul li:nth-child(2)::after {
           content: var(--tw-content);
@@ -650,32 +651,32 @@ mark.sd-mark {
       }
 .sd-pagination--inverted ul li::after {
         content: var(--tw-content);
-        color: var(--sd-color-text-white, var(--sd-color-white));
+        color: var(--sd-color-text-white);
       }
 .sd-pagination--inverted ul li:first-child:has(a:not([href])) a, .sd-pagination--inverted ul li:last-child:has(a:not([href])) a, .sd-pagination--inverted ul li:first-child:has(button[disabled]) button, .sd-pagination--inverted ul li:last-child:has(button[disabled]) button {
-        color: var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));
+        color: var(--sd-color-text-neutral-600);
       }
 .sd-pagination--inverted ul li:first-child:has(a:not([href])) a:hover:not([disabled]), .sd-pagination--inverted ul li:last-child:has(a:not([href])) a:hover:not([disabled]), .sd-pagination--inverted ul li:first-child:has(button[disabled]) button:hover:not([disabled]), .sd-pagination--inverted ul li:last-child:has(button[disabled]) button:hover:not([disabled]) {
-          color: var(--sd-color-text-neutral-600, var(--sd-color-neutral-600));
+          color: var(--sd-color-text-neutral-600);
         }
 .sd-pagination--inverted ul li a, .sd-pagination--inverted ul li a[aria-current], .sd-pagination--inverted ul li button, .sd-pagination--inverted ul li button[aria-current] {
-        color: var(--sd-color-text-white, var(--sd-color-white));
+        color: var(--sd-color-text-white);
       }
 .sd-pagination--inverted ul li a:hover:not([disabled]), .sd-pagination--inverted ul li a[aria-current]:hover:not([disabled]), .sd-pagination--inverted ul li button:hover:not([disabled]), .sd-pagination--inverted ul li button[aria-current]:hover:not([disabled]) {
-          color: var(--sd-color-text-primary-200, var(--sd-color-primary-200));
+          color: var(--sd-color-text-primary-200);
         }
 .sd-pagination--inverted ul li a:active:not([disabled]), .sd-pagination--inverted ul li a[aria-current]:active:not([disabled]), .sd-pagination--inverted ul li button:active:not([disabled]), .sd-pagination--inverted ul li button[aria-current]:active:not([disabled]) {
-          color: var(--sd-color-text-primary-400, var(--sd-color-primary-400));
+          color: var(--sd-color-text-primary-400);
         }
 .sd-pagination--inverted ul li a:focus-visible, .sd-pagination--inverted ul li a[aria-current]:focus-visible, .sd-pagination--inverted ul li button:focus-visible, .sd-pagination--inverted ul li button[aria-current]:focus-visible {
           outline-color: var(--color-white, #fff);
         }
 .sd-pagination--inverted.sd-pagination--simple ul li {
-      color: var(--sd-color-text-white, var(--sd-color-white));
+      color: var(--sd-color-text-white);
     }
 .sd-pagination--inverted.sd-pagination--simple ul li::after {
         content: var(--tw-content);
-        color: var(--sd-color-text-white, var(--sd-color-white));
+        color: var(--sd-color-text-white);
       }
 .sd-status-badge {
   display: inline-flex;
@@ -688,29 +689,518 @@ mark.sd-mark {
     width: var(--sd-spacing-3);
     border-radius: var(--sd-radius-full);
     padding: var(--sd-spacing-1);
-    color: var(--sd-color-text-white, var(--sd-color-white)) !important;
+    color: var(--sd-color-text-white) !important;
   }
 .sd-status-badge--success sd-icon {
-      background-color: var(--sd-color-background-success, var(--sd-color-success));
+      background-color: var(--sd-color-background-success);
     }
 .sd-status-badge--warning sd-icon {
-      background-color: var(--sd-color-background-warning, var(--sd-color-warning));
+      background-color: var(--sd-color-background-warning);
     }
 .sd-status-badge--error sd-icon {
-      background-color: var(--sd-color-background-error, var(--sd-color-error));
+      background-color: var(--sd-color-background-error);
     }
 .sd-status-badge--info sd-icon {
-      background-color: var(--sd-color-background-info, var(--sd-color-info));
-    }
-@import url('./display.css');
-@import url('./headline.css');
-@import url('./interactive.css');
-@import url('./leadtext.css');
-@import url('./list.css');
-@import url('./paragraph.css');
-@import url('./media.css');
-@import url('./table-cell.css');
-@import url('./table.css');
+      background-color: var(--sd-color-background-info);
+    }
+.sd-display {
+  font-size: var(--sd-text-3xl);
+  line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
+  --tw-leading: var(--leading-tight, 1.25);
+  line-height: var(--leading-tight, 1.25);
+  --tw-font-weight: var(--sd-font-weight-normal);
+  font-weight: var(--sd-font-weight-normal);
+  color: var(--sd-color-text-black);
+}
+@media (width >= 64rem) {
+.sd-display {
+    font-size: var(--sd-text-4xl);
+    line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
+}
+  }
+.sd-display--size-xl {
+      font-size: var(--sd-text-xl);
+      line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
+      --tw-leading: var(--leading-tight, 1.25);
+      line-height: var(--leading-tight, 1.25);
+      --tw-font-weight: var(--sd-font-weight-normal);
+      font-weight: var(--sd-font-weight-normal);
+      color: var(--sd-color-text-black);
+    }
+.sd-display--size-3xl {
+      font-size: var(--sd-text-2xl);
+      line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+      --tw-leading: var(--leading-tight, 1.25);
+      line-height: var(--leading-tight, 1.25);
+      --tw-font-weight: var(--sd-font-weight-normal);
+      font-weight: var(--sd-font-weight-normal);
+      color: var(--sd-color-text-black);
+    }
+@media (width >= 64rem) {
+.sd-display--size-3xl {
+        font-size: var(--sd-text-3xl);
+        line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
+    }
+      }
+.sd-display--inverted {
+    color: var(--sd-color-text-white);
+  }
+.sd-headline, .sd-prose :is(h1, h2, h3, h4, h5) {
+  display: flex;
+  --tw-font-weight: var(--sd-font-weight-bold);
+  font-weight: var(--sd-font-weight-bold);
+  color: var(--sd-color-text-primary);
+}
+.sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5) sd-icon {
+    flex-shrink: 0;
+    font-size: 3rem;
+    color: var(--sd-color-text-primary);
+  }
+@media (width >= 40rem) {
+.sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5) sd-icon {
+      margin-top: var(--sd-spacing-2)
+  }
+    }
+.sd-headline.sd-headline, .sd-headline:is(h1):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) {
+    gap: var(--sd-spacing-4);
+    font-size: var(--sd-text-3xl);
+    line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
+    --tw-leading: var(--leading-tight, 1.25);
+    line-height: var(--leading-tight, 1.25);
+  }
+@media (width >= 40rem) {
+.sd-headline.sd-headline, .sd-headline:is(h1):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) {
+      font-size: var(--sd-text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height, calc(2.5 / 2.25)))
+  }
+    }
+.sd-headline.sd-headline sd-icon, .sd-headline:is(h1):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) sd-icon {
+      margin-top: calc(var(--sd-spacing-1) * -1);
+    }
+@media (width >= 40rem) {
+.sd-headline.sd-headline sd-icon, .sd-headline:is(h1):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h1):not(.sd-headline) sd-icon {
+        margin-top: calc(var(--sd-spacing-1) * 0)
+    }
+      }
+.sd-headline.sd-headline--size-3xl, .sd-headline:is(h2):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) {
+    gap: var(--sd-spacing-4);
+    font-size: var(--sd-text-2xl);
+    line-height: var(--tw-leading, var(--text-2xl--line-height, calc(2 / 1.5)));
+    --tw-leading: var(--leading-tight, 1.25);
+    line-height: var(--leading-tight, 1.25);
+  }
+@media (width >= 40rem) {
+.sd-headline.sd-headline--size-3xl, .sd-headline:is(h2):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) {
+      font-size: var(--sd-text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)))
+  }
+    }
+.sd-headline.sd-headline--size-3xl sd-icon, .sd-headline:is(h2):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) sd-icon {
+      margin-top: calc(var(--sd-spacing-1) * -1);
+    }
+@media (width >= 40rem) {
+.sd-headline.sd-headline--size-3xl sd-icon, .sd-headline:is(h2):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-3xl sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h2):not(.sd-headline) sd-icon {
+        margin-top: calc(var(--sd-spacing-1) * 0)
+    }
+      }
+.sd-headline.sd-headline--size-xl, .sd-headline.sd-headline--size-lg, .sd-headline.sd-headline--size-base, .sd-headline:is(h3, h4, h5):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-xl, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base, .sd-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-headline) {
+    gap: var(--sd-spacing-2);
+    color: var(--sd-color-text-black);
+  }
+.sd-headline.sd-headline--size-xl sd-icon, .sd-headline.sd-headline--size-lg sd-icon, .sd-headline.sd-headline--size-base sd-icon, .sd-headline:is(h3, h4, h5):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-xl sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h3, h4, h5):not(.sd-headline) sd-icon {
+      font-size: 2rem;
+    }
+.sd-headline.sd-headline--size-xl, .sd-headline:is(h3):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-xl, .sd-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-headline) {
+    font-size: var(--sd-text-xl);
+    line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
+  }
+.sd-headline.sd-headline--size-xl sd-icon, .sd-headline:is(h3):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-xl sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-headline) sd-icon {
+      margin-top: var(--sd-spacing-0\.5);
+    }
+@media (width >= 40rem) {
+.sd-headline.sd-headline--size-xl sd-icon, .sd-headline:is(h3):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-xl sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h3):not(.sd-headline) sd-icon {
+        margin-top: var(--sd-spacing-0\.5)
+    }
+      }
+.sd-headline.sd-headline--size-lg, .sd-headline.sd-headline--size-base, .sd-headline:is(h4, h5):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base, .sd-prose :is(h1, h2, h3, h4, h5):is(h4, h5):not(.sd-headline) {
+    --tw-leading: var(--leading-normal, 1.5);
+    line-height: var(--leading-normal, 1.5);
+  }
+.sd-headline.sd-headline--size-lg, .sd-headline:is(h4), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg, .sd-prose :is(h1, h2, h3, h4, h5):is(h4) {
+    font-size: var(--sd-text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  }
+.sd-headline.sd-headline--size-lg sd-icon, .sd-headline:is(h4) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
+      margin-top: calc(var(--sd-spacing-1) * 0);
+    }
+@media (width >= 40rem) {
+.sd-headline.sd-headline--size-lg sd-icon, .sd-headline:is(h4) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-lg sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h4) sd-icon {
+        margin-top: calc(var(--sd-spacing-1) * 0)
+    }
+      }
+.sd-headline.sd-headline--size-base, .sd-headline:is(h5):not(.sd-headline), .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base, .sd-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-headline) {
+    font-size: var(--sd-text-base);
+    line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  }
+.sd-headline.sd-headline--size-base sd-icon, .sd-headline:is(h5):not(.sd-headline) sd-icon, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base sd-icon, .sd-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-headline) sd-icon {
+      margin-top: calc(var(--sd-spacing-1) * -1);
+    }
+.sd-headline.sd-headline--size-base mark, .sd-headline:is(h5):not(.sd-headline) mark, .sd-prose :is(h1, h2, h3, h4, h5).sd-headline--size-base mark, .sd-prose :is(h1, h2, h3, h4, h5):is(h5):not(.sd-headline) mark {
+      color: inherit;
+    }
+.sd-headline--inline {
+  display: inline-block;
+}
+.sd-headline--inline sd-icon {
+    margin-top: calc(var(--sd-spacing-1) * -1);
+    margin-right: var(--sd-spacing-2);
+    vertical-align: middle;
+  }
+.sd-headline--inline:is(.sd-headline--size-xl, .sd-headline--size-lg, .sd-headline--size-base) sd-icon {
+      margin-right: var(--sd-spacing-0\.5);
+    }
+.sd-headline--inverted:not(#_), .sd-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-headline):not(#_) {
+  color: var(--sd-color-text-white);
+}
+.sd-headline--inverted:not(#_) sd-icon, .sd-prose--inverted :is(h1, h2, h3, h4, h5):not(.sd-headline):not(#_) sd-icon {
+    color: var(--sd-color-text-white);
+  }
+.sd-prose a--reset, .sd-interactive--reset {
+    all: unset;
+    outline: revert;
+  }
+.sd-prose a, .sd-interactive{
+  cursor: pointer;
+  color: var(--sd-color-text-primary);
+  text-decoration-line: underline;
+  transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
+  transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+  transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+  --tw-duration: var(--sd-duration-fast, 150ms);
+  transition-duration: var(--sd-duration-fast, 150ms);
+  --tw-ease: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
+  transition-timing-function: var(--ease-in-out, cubic-bezier(0.4, 0, 0.2, 1));
+}
+.sd-prose a:hover:not([disabled]), .sd-interactive:hover:not([disabled]) {
+    color: var(--sd-color-text-primary-500);
+  }
+.sd-prose a:focus-visible, .sd-interactive:focus-visible {
+    outline-style: solid;
+    outline-offset: 2px;
+    outline-width: 2px;
+    outline-color: var(--outline-color-primary);
+  }
+.sd-prose a:active:not([disabled]), .sd-interactive:active:not([disabled]) {
+    color: var(--sd-interactive--active-color-text, var(--sd-color-primary-800));
+  }
+.sd-prose a:is(.sd-interactive), .sd-interactive:is(.sd-interactive) {
+    text-decoration-line: none;
+  }
+.sd-prose a--disabled, .sd-prose a[disabled], .sd-prose a[href=''], .sd-interactive--disabled, .sd-interactive[disabled], .sd-interactive[href=''] {
+    cursor: not-allowed;
+    color: var(--sd-color-text-neutral-500);
+  }
+.sd-prose a--disabled:hover:not([disabled]), .sd-prose a[disabled]:hover:not([disabled]), .sd-prose a[href='']:hover:not([disabled]), .sd-interactive--disabled:hover:not([disabled]), .sd-interactive[disabled]:hover:not([disabled]), .sd-interactive[href='']:hover:not([disabled]) {
+      color: var(--sd-color-text-neutral-500);
+    }
+.sd-prose a--disabled:active:not([disabled]), .sd-prose a[disabled]:active:not([disabled]), .sd-prose a[href='']:active:not([disabled]), .sd-interactive--disabled:active:not([disabled]), .sd-interactive[disabled]:active:not([disabled]), .sd-interactive[href='']:active:not([disabled]) {
+      color: var(--sd-color-text-neutral-500);
+    }
+.sd-prose a--disabled.sd-interactive--inverted, .sd-prose a[disabled].sd-interactive--inverted, .sd-prose a[href=''].sd-interactive--inverted, .sd-interactive--disabled.sd-interactive--inverted, .sd-interactive[disabled].sd-interactive--inverted, .sd-interactive[href=''].sd-interactive--inverted {
+      color: var(--sd-color-text-neutral-600);
+    }
+.sd-prose a--disabled.sd-interactive--inverted:hover:not([disabled]), .sd-prose a[disabled].sd-interactive--inverted:hover:not([disabled]), .sd-prose a[href=''].sd-interactive--inverted:hover:not([disabled]), .sd-interactive--disabled.sd-interactive--inverted:hover:not([disabled]), .sd-interactive[disabled].sd-interactive--inverted:hover:not([disabled]), .sd-interactive[href=''].sd-interactive--inverted:hover:not([disabled]) {
+        color: var(--sd-color-text-neutral-600);
+      }
+.sd-prose a--disabled.sd-interactive--inverted:active:not([disabled]), .sd-prose a[disabled].sd-interactive--inverted:active:not([disabled]), .sd-prose a[href=''].sd-interactive--inverted:active:not([disabled]), .sd-interactive--disabled.sd-interactive--inverted:active:not([disabled]), .sd-interactive[disabled].sd-interactive--inverted:active:not([disabled]), .sd-interactive[href=''].sd-interactive--inverted:active:not([disabled]) {
+        color: var(--sd-color-text-neutral-600);
+      }
+.sd-prose--inverted a, .sd-interactive--inverted {
+  color: var(--sd-color-text-white);
+}
+.sd-prose--inverted a:hover:not([disabled]), .sd-interactive--inverted:hover:not([disabled]) {
+    color: var(--sd-color-text-primary-200);
+  }
+.sd-prose--inverted a:focus-visible, .sd-interactive--inverted:focus-visible {
+    outline-style: solid;
+    outline-offset: 2px;
+    outline-width: 2px;
+    outline-color: var(--outline-color-primary);
+  }
+.sd-prose--inverted a:active:not([disabled]), .sd-interactive--inverted:active:not([disabled]) {
+    color: var(--sd-color-text-primary-400);
+  }
+.sd-prose > .sd-leadtext, .sd-leadtext {
+  font-size: var(--sd-text-xl);
+  line-height: var(--tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
+  --tw-leading: var(--leading-normal, 1.5);
+  line-height: var(--leading-normal, 1.5);
+  --tw-font-weight: var(--sd-font-weight-normal);
+  font-weight: var(--sd-font-weight-normal);
+  color: var(--sd-color-text-black);
+}
+.sd-prose > .sd-leadtext--size-lg, .sd-leadtext--size-lg {
+    font-size: var(--sd-text-lg);
+    line-height: var(--tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+    --tw-leading: var(--leading-normal, 1.5);
+    line-height: var(--leading-normal, 1.5);
+    --tw-font-weight: var(--sd-font-weight-normal);
+    font-weight: var(--sd-font-weight-normal);
+    color: var(--sd-color-text-black);
+  }
+.sd-prose--inverted > .sd-leadtext, .sd-leadtext--inverted {
+  color: var(--sd-color-text-white);
+}
+.sd-list:not(.sd-list--icon), .sd-prose > :is(ol, ul) {
+  list-style-position: revert;
+  list-style-type: revert;
+  padding: revert;
+  padding-block: var(--sd-spacing-4);
+  padding-left: var(--sd-spacing-4);
+  text-align: left;
+}
+.sd-list:not(.sd-list--icon) li:not(:first-child), .sd-prose > :is(ol, ul) li:not(:first-child) {
+    margin-top: var(--sd-spacing-3);
+  }
+.sd-list:not(.sd-list--icon) ul, .sd-list:not(.sd-list--icon) ol, .sd-prose > :is(ol, ul) ul, .sd-prose > :is(ol, ul) ol {
+    all: revert;
+    padding-top: 0.75em;
+    padding-left: 1.4em;
+  }
+@supports not (-webkit-hyphens: none) {
+    .sd-list:not(.sd-list--icon) li, .sd-prose > :is(ol, ul) li {
+      padding-left: 0.3em;
+    }
+    .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon), .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) {
+      counter-reset: item;
+    }
+      .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li {
+        counter-increment: item;
+      }
+        .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li::marker, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li::marker {
+          content: counters(item, '.', decimal) '. ';
+        }
+        .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol {
+          padding-left: 1.9em;
+          counter-reset: subitem;
+        }
+          .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol > li, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol > li {
+            counter-increment: subitem;
+          }
+            .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol > li::marker, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol > li::marker {
+              content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '. ';
+            }
+            .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol > li > ol, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol > li > ol {
+              padding-left: 2.7em;
+              counter-reset: subsubitem;
+            }
+              .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol > li > ol > li, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol > li > ol > li {
+                counter-increment: subsubitem;
+              }
+                .sd-list:not(.sd-list--icon):is(ol):not(.sd-list--icon) > li > ol > li > ol > li::marker, .sd-prose > :is(ol, ul):is(ol):not(.sd-list--icon) > li > ol > li > ol > li::marker {
+                  content: counters(item, '.', decimal) '.' counters(subitem, '.', decimal) '.' counters(subsubitem, '.', decimal) '. ';
+                }
+  }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon), .sd-list:not(.sd-list--icon) ul, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon), .sd-prose > :is(ol, ul) ul {
+    padding-left: 0.5em;
+  }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon) > li, .sd-list:not(.sd-list--icon) ul > li, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon) > li, .sd-prose > :is(ol, ul) ul > li {
+      padding-left: 0.75em;
+      list-style-type: '\2022';
+    }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon) > li > ul, .sd-list:not(.sd-list--icon) ul > li > ul, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon) > li > ul, .sd-prose > :is(ol, ul) ul > li > ul {
+        padding-left: 0.3em;
+      }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon) > li > ul > li, .sd-list:not(.sd-list--icon) ul > li > ul > li, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon) > li > ul > li, .sd-prose > :is(ol, ul) ul > li > ul > li {
+          list-style-type: '\002B1D';
+        }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon) > li > ul > li > ul, .sd-list:not(.sd-list--icon) ul > li > ul > li > ul, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon) > li > ul > li > ul, .sd-prose > :is(ol, ul) ul > li > ul > li > ul {
+            padding-left: 0.4em;
+          }
+.sd-list:not(.sd-list--icon):is(ul):not(.sd-list--icon) > li > ul > li > ul > li, .sd-list:not(.sd-list--icon) ul > li > ul > li > ul > li, .sd-prose > :is(ol, ul):is(ul):not(.sd-list--icon) > li > ul > li > ul > li, .sd-prose > :is(ol, ul) ul > li > ul > li > ul > li {
+              list-style-type: '\2010';
+            }
+.sd-list--icon {
+  padding-block: var(--sd-spacing-4);
+  text-align: left;
+}
+.sd-list--icon li sd-icon:first-of-type, .sd-list--icon li .sd-list--icon__icon:first-of-type {
+      color: var(--sd-color-text-white);
+    }
+.sd-list--icon{
+  list-style-type: '';
+}
+.sd-list--icon > li:first-of-type {
+    padding-top: calc(var(--sd-spacing-1) * 0);
+  }
+.sd-list--icon li {
+    position: relative;
+    padding-top: var(--sd-spacing-3);
+    padding-left: var(--sd-spacing-10);
+    --tw-leading: 32px;
+    line-height: 32px;
+  }
+.sd-list--icon li > sd-icon:first-of-type, .sd-list--icon li > .sd-list--icon__icon:first-of-type {
+      position: absolute;
+      left: calc(var(--sd-spacing-1) * 0);
+      font-size: var(--sd-text-3xl);
+      line-height: var(--tw-leading, var(--text-3xl--line-height, calc(2.25 / 1.875)));
+      color: var(--sd-color-text-primary);
+    }
+.sd-list--icon.sd-list--horizontal {
+    display: flex;
+  }
+.sd-list--icon.sd-list--horizontal li {
+      display: flex;
+      padding-top: calc(var(--sd-spacing-1) * 0);
+    }
+.sd-list--icon.sd-list--horizontal li:not(:last-child) {
+      margin-right: var(--sd-spacing-8);
+    }
+.sd-list--inverted, .sd-prose--inverted > :is(ol, ul) {
+  color: var(--sd-color-text-white);
+}
+.sd-list--inverted li > sd-icon:first-of-type, .sd-list--inverted li > .sd-list--icon__icon:first-of-type, .sd-prose--inverted > :is(ol, ul) li > sd-icon:first-of-type, .sd-prose--inverted > :is(ol, ul) li > .sd-list--icon__icon:first-of-type {
+    color: var(--sd-color-text-white);
+  }
+.sd-paragraph, .sd-prose p {
+  font-size: var(--sd-text-base);
+  line-height: var(--tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  --tw-leading: var(--leading-normal, 1.5);
+  line-height: var(--leading-normal, 1.5);
+  --tw-font-weight: var(--sd-font-weight-normal);
+  font-weight: var(--sd-font-weight-normal);
+  color: var(--sd-color-text-black);
+}
+.sd-paragraph--size-sm, .sd-prose p--size-sm {
+    font-size: var(--sd-text-sm);
+    line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+    --tw-leading: var(--leading-normal, 1.5);
+    line-height: var(--leading-normal, 1.5);
+    --tw-font-weight: var(--sd-font-weight-normal);
+    font-weight: var(--sd-font-weight-normal);
+    color: var(--sd-color-text-black);
+  }
+.sd-paragraph--inverted, .sd-prose--inverted p {
+  color: var(--sd-color-text-white);
+}
+.sd-prose figure, figure.sd-media {
+  margin: calc(var(--sd-spacing-1) * 0);
+}
+.sd-prose figure figcaption, figure.sd-media figcaption {
+    color: var(--sd-color-text-neutral-700);
+  }
+.sd-prose figure figcaption:last-child, figure.sd-media figcaption:last-child {
+      margin-top: var(--sd-spacing-3);
+    }
+.sd-prose--inverted figure figcaption, figure.sd-media--inverted figcaption {
+    color: var(--sd-color-text-primary-400);
+  }
+.sd-prose td, .sd-prose th, .sd-table-cell {
+  border-inline-style: var(--tw-border-style);
+  border-inline-width: 0px;
+  border-block-style: var(--tw-border-style);
+  border-block-width: 1px;
+  --tw-border-style: solid;
+  border-style: solid;
+  border-color: var(--sd-color-border-neutral-400);
+  background-color: transparent;
+  padding: var(--sd-spacing-4);
+  text-align: left;
+  font-size: var(--sd-text-sm);
+  line-height: var(--tw-leading, var(--text-sm--line-height, calc(1.25 / 0.875)));
+  color: var(--sd-color-text-black);
+}
+.sd-table-cell--divider {
+    border-right-style: var(--tw-border-style);
+    border-right-width: 1px;
+  }
+.sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after, .sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
+      pointer-events: none;
+      position: absolute;
+      --tw-gradient-from: color-mix(in oklab, #000 var(--sd-opacity-10), transparent);
+      --tw-gradient-to: transparent;
+      --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
+      opacity: var(--sd-opacity-0);
+      transition-property: opacity;
+      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(0.4, 0, 0.2, 1)));
+      transition-duration: var(--tw-duration, var(--default-transition-duration, 150ms));
+      --tw-duration: 300ms;
+      transition-duration: 300ms;
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+.sd-table-cell--shadow-top:after, .sd-table-cell--shadow-bottom:after {
+      right: calc(var(--sd-spacing-1) * 0);
+      left: calc(var(--sd-spacing-1) * 0);
+      height: calc(var(--sd-spacing-1) * 2.5);
+    }
+.sd-table-cell--shadow-top:before, .sd-table-cell--shadow-bottom:before {
+      position: absolute;
+      left: calc(var(--sd-spacing-1) * 0);
+      display: block;
+      height: 1px;
+      width: 100%;
+      border-style: var(--tw-border-style);
+      border-width: 0.5px;
+      border-color: var(--sd-color-border-neutral-400);
+      --tw-content: '';
+      content: var(--tw-content);
+    }
+.sd-table-cell--shadow-left:after, .sd-table-cell--shadow-right:after {
+      top: calc(var(--sd-spacing-1) * 0);
+      bottom: calc(var(--sd-spacing-1) * 0);
+      width: calc(var(--sd-spacing-1) * 2.5);
+    }
+.sd-table-cell.sd-table-cell--shadow-active:after {
+    opacity: 100%;
+  }
+.sd-table-cell--shadow-top:after {
+      top: -10px;
+      --tw-gradient-position: to top in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-top:before {
+      bottom: -1px;
+    }
+.sd-table-cell--shadow-bottom:after {
+      bottom: -10px;
+      --tw-gradient-position: to bottom in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-bottom:before {
+      top: -1px;
+    }
+.sd-table-cell--shadow-left:after {
+      left: -10px;
+      --tw-gradient-position: to left in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--shadow-right:after {
+      right: -10px;
+      --tw-gradient-position: to right in oklab;
+      background-image: linear-gradient(var(--tw-gradient-stops));
+    }
+.sd-table-cell--bg-white {
+      background-color: var(--sd-color-background-white);
+    }
+.sd-table-cell--bg-primary-100 {
+      background-color: var(--sd-color-background-primary-100);
+    }
+.sd-table-cell--bg-neutral-100 {
+      background-color: var(--sd-color-background-neutral-100);
+    }
+.sd-table, .sd-prose table {
+  all: unset;
+  display: table;
+  border-collapse: collapse;
+  --tw-border-spacing-x: calc(var(--sd-spacing-1) * 0);
+  --tw-border-spacing-y: calc(var(--sd-spacing-1) * 0);
+  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y);
+}
+.sd-table thead tr:first-of-type, .sd-table tfoot tr:first-of-type, .sd-prose table thead tr:first-of-type, .sd-prose table tfoot tr:first-of-type {
+      position: relative;
+    }
 .sd-prose {
   max-width: 80ch;
   text-align: left;
@@ -734,7 +1224,7 @@ mark.sd-mark {
     height: calc(var(--sd-spacing-1) * 0);
     border-top-style: var(--tw-border-style);
     border-top-width: 1px;
-    border-color: var(--sd-color-border-neutral-500, var(--sd-color-neutral-500));
+    border-color: var(--sd-color-border-neutral-500);
   }
 .sd-prose pre {
     overflow: auto;
@@ -755,10 +1245,10 @@ mark.sd-mark {
     padding-block: calc(var(--sd-spacing-1) * 0);
   }
 .sd-prose--inverted hr {
-      border-color: var(--sd-color-border-white, var(--sd-color-white));
+      border-color: var(--sd-color-border-white);
     }
 .sd-prose--inverted pre {
-      color: var(--sd-color-text-white, var(--sd-color-white));
+      color: var(--sd-color-text-white);
     }
 .sd-prose--full-width {
     max-width: unset;
@@ -919,6 +1409,66 @@ mark.sd-mark {
   inherits: false;
   initial-value: 1;
 }
+@property --tw-duration {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-ease {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-position {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-via {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-to {
+  syntax: "<color>";
+  inherits: false;
+  initial-value: #0000;
+}
+@property --tw-gradient-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-via-stops {
+  syntax: "*";
+  inherits: false;
+}
+@property --tw-gradient-from-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 0%;
+}
+@property --tw-gradient-via-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 50%;
+}
+@property --tw-gradient-to-position {
+  syntax: "<length-percentage>";
+  inherits: false;
+  initial-value: 100%;
+}
+@property --tw-border-spacing-x {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
+@property --tw-border-spacing-y {
+  syntax: "<length>";
+  inherits: false;
+  initial-value: 0;
+}
 @layer properties {
   @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
     *, ::before, ::after, ::backdrop {
@@ -957,6 +1507,19 @@ mark.sd-mark {
       --tw-scale-x: 1;
       --tw-scale-y: 1;
       --tw-scale-z: 1;
+      --tw-duration: initial;
+      --tw-ease: initial;
+      --tw-gradient-position: initial;
+      --tw-gradient-from: #0000;
+      --tw-gradient-via: #0000;
+      --tw-gradient-to: #0000;
+      --tw-gradient-stops: initial;
+      --tw-gradient-via-stops: initial;
+      --tw-gradient-from-position: 0%;
+      --tw-gradient-via-position: 50%;
+      --tw-gradient-to-position: 100%;
+      --tw-border-spacing-x: 0;
+      --tw-border-spacing-y: 0;
     }
   }
 }