@nswds/app 1.114.0 → 1.115.0

package/dist/globals.css

@@ -36,7 +36,6 @@
     --color-slate-600: oklch(44.6% 0.043 257.281);
     --color-slate-800: oklch(27.9% 0.041 260.031);
     --color-slate-900: oklch(20.8% 0.042 265.755);
-    --color-slate-950: oklch(12.9% 0.042 264.695);
     --color-gray-50: oklch(98.5% 0.002 247.839);
     --color-gray-100: oklch(96.7% 0.003 264.542);
     --color-gray-200: oklch(92.8% 0.006 264.531);
@@ -91,6 +90,7 @@
     --font-weight-semibold: 600;
     --font-weight-bold: 700;
     --font-weight-extrabold: 800;
+    --font-weight-black: 900;
     --tracking-tight: -0.025em;
     --tracking-normal: 0em;
     --tracking-wide: 0.025em;
@@ -371,6 +371,12 @@
   .inset-y-0 {
     inset-block: calc(var(--spacing) * 0);
   }
+  .inset-y-8 {
+    inset-block: calc(var(--spacing) * 8);
+  }
+  .inset-y-12 {
+    inset-block: calc(var(--spacing) * 12);
+  }
   .start {
     inset-inline-start: var(--spacing);
   }
@@ -413,15 +419,54 @@
   .top-7 {
     top: calc(var(--spacing) * 7);
   }
+  .top-10 {
+    top: calc(var(--spacing) * 10);
+  }
+  .top-12 {
+    top: calc(var(--spacing) * 12);
+  }
+  .top-14 {
+    top: calc(var(--spacing) * 14);
+  }
   .top-16 {
     top: calc(var(--spacing) * 16);
   }
+  .top-20 {
+    top: calc(var(--spacing) * 20);
+  }
+  .top-24 {
+    top: calc(var(--spacing) * 24);
+  }
   .top-28 {
     top: calc(var(--spacing) * 28);
   }
+  .top-40 {
+    top: calc(var(--spacing) * 40);
+  }
+  .top-60 {
+    top: calc(var(--spacing) * 60);
+  }
   .top-\[1px\] {
     top: 1px;
   }
+  .top-\[10\%\] {
+    top: 10%;
+  }
+  .top-\[12\%\] {
+    top: 12%;
+  }
+  .top-\[18\%\] {
+    top: 18%;
+  }
+  .top-\[24\%\] {
+    top: 24%;
+  }
+  .top-\[28\%\] {
+    top: 28%;
+  }
+  .top-\[34\%\] {
+    top: 34%;
+  }
   .top-\[50\%\] {
     top: 50%;
   }
@@ -458,6 +503,42 @@
   .right-4 {
     right: calc(var(--spacing) * 4);
   }
+  .right-8 {
+    right: calc(var(--spacing) * 8);
+  }
+  .right-10 {
+    right: calc(var(--spacing) * 10);
+  }
+  .right-12 {
+    right: calc(var(--spacing) * 12);
+  }
+  .right-14 {
+    right: calc(var(--spacing) * 14);
+  }
+  .right-20 {
+    right: calc(var(--spacing) * 20);
+  }
+  .right-28 {
+    right: calc(var(--spacing) * 28);
+  }
+  .right-\[-6\%\] {
+    right: -6%;
+  }
+  .right-\[4\%\] {
+    right: 4%;
+  }
+  .right-\[8\%\] {
+    right: 8%;
+  }
+  .right-\[14\%\] {
+    right: 14%;
+  }
+  .right-\[18\%\] {
+    right: 18%;
+  }
+  .right-\[20\%\] {
+    right: 20%;
+  }
   .-bottom-2 {
     bottom: calc(var(--spacing) * -2);
   }
@@ -476,6 +557,30 @@
   .bottom-4 {
     bottom: calc(var(--spacing) * 4);
   }
+  .bottom-12 {
+    bottom: calc(var(--spacing) * 12);
+  }
+  .bottom-14 {
+    bottom: calc(var(--spacing) * 14);
+  }
+  .bottom-16 {
+    bottom: calc(var(--spacing) * 16);
+  }
+  .bottom-\[-10\%\] {
+    bottom: -10%;
+  }
+  .bottom-\[12\%\] {
+    bottom: 12%;
+  }
+  .bottom-\[14\%\] {
+    bottom: 14%;
+  }
+  .bottom-\[18\%\] {
+    bottom: 18%;
+  }
+  .bottom-\[26\%\] {
+    bottom: 26%;
+  }
   .-left-12 {
     left: calc(var(--spacing) * -12);
   }
@@ -494,6 +599,39 @@
   .left-3 {
     left: calc(var(--spacing) * 3);
   }
+  .left-8 {
+    left: calc(var(--spacing) * 8);
+  }
+  .left-10 {
+    left: calc(var(--spacing) * 10);
+  }
+  .left-16 {
+    left: calc(var(--spacing) * 16);
+  }
+  .left-20 {
+    left: calc(var(--spacing) * 20);
+  }
+  .left-24 {
+    left: calc(var(--spacing) * 24);
+  }
+  .left-28 {
+    left: calc(var(--spacing) * 28);
+  }
+  .left-32 {
+    left: calc(var(--spacing) * 32);
+  }
+  .left-\[10\%\] {
+    left: 10%;
+  }
+  .left-\[12\%\] {
+    left: 12%;
+  }
+  .left-\[16\%\] {
+    left: 16%;
+  }
+  .left-\[22\%\] {
+    left: 22%;
+  }
   .left-\[50\%\] {
     left: 50%;
   }
@@ -1400,6 +1538,9 @@
   .h-24 {
     height: calc(var(--spacing) * 24);
   }
+  .h-28 {
+    height: calc(var(--spacing) * 28);
+  }
   .h-32 {
     height: calc(var(--spacing) * 32);
   }
@@ -1415,6 +1556,9 @@
   .h-52 {
     height: calc(var(--spacing) * 52);
   }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
   .h-64 {
     height: calc(var(--spacing) * 64);
   }
@@ -1439,6 +1583,9 @@
   .h-\[40rem\] {
     height: 40rem;
   }
+  .h-\[320px\] {
+    height: 320px;
+  }
   .h-\[420px\] {
     height: 420px;
   }
@@ -1532,6 +1679,9 @@
   .min-h-\[12rem\] {
     min-height: 12rem;
   }
+  .min-h-\[15rem\] {
+    min-height: 15rem;
+  }
   .min-h-\[16rem\] {
     min-height: 16rem;
   }
@@ -1544,8 +1694,14 @@
   .min-h-\[25rem\] {
     min-height: 25rem;
   }
-  .min-h-\[560px\] {
-    min-height: 560px;
+  .min-h-\[240px\] {
+    min-height: 240px;
+  }
+  .min-h-\[280px\] {
+    min-height: 280px;
+  }
+  .min-h-\[420px\] {
+    min-height: 420px;
   }
   .min-h-dvh {
     min-height: 100dvh;
@@ -1637,6 +1793,9 @@
   .w-40 {
     width: calc(var(--spacing) * 40);
   }
+  .w-44 {
+    width: calc(var(--spacing) * 44);
+  }
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
@@ -1667,12 +1826,24 @@
   .w-\[30rem\] {
     width: 30rem;
   }
+  .w-\[42\%\] {
+    width: 42%;
+  }
+  .w-\[50\%\] {
+    width: 50%;
+  }
   .w-\[50vw\] {
     width: 50vw;
   }
+  .w-\[72\%\] {
+    width: 72%;
+  }
   .w-\[80px\] {
     width: 80px;
   }
+  .w-\[82\%\] {
+    width: 82%;
+  }
   .w-\[100px\] {
     width: 100px;
   }
@@ -2042,6 +2213,9 @@
   .scroll-my-1 {
     scroll-margin-block: calc(var(--spacing) * 1);
   }
+  .scroll-mt-8 {
+    scroll-margin-top: calc(var(--spacing) * 8);
+  }
   .scroll-py-1 {
     scroll-padding-block: calc(var(--spacing) * 1);
   }
@@ -2351,6 +2525,9 @@
   .gap-y-3 {
     row-gap: calc(var(--spacing) * 3);
   }
+  .gap-y-4 {
+    row-gap: calc(var(--spacing) * 4);
+  }
   .divide-y {
     :where(& > :not(:last-child)) {
       --tw-divide-y-reverse: 0;
@@ -2447,9 +2624,21 @@
   .rounded-\[2px\] {
     border-radius: 2px;
   }
+  .rounded-\[2rem\] {
+    border-radius: 2rem;
+  }
   .rounded-\[4px\] {
     border-radius: 4px;
   }
+  .rounded-\[44\%\] {
+    border-radius: 44%;
+  }
+  .rounded-\[45\%\] {
+    border-radius: 45%;
+  }
+  .rounded-\[46\%\] {
+    border-radius: 46%;
+  }
   .rounded-\[inherit\] {
     border-radius: inherit;
   }
@@ -2493,6 +2682,10 @@
   .rounded-tl-sm {
     border-top-left-radius: var(--radius-sm);
   }
+  .rounded-r-full {
+    border-top-right-radius: calc(infinity * 1px);
+    border-bottom-right-radius: calc(infinity * 1px);
+  }
   .rounded-r-md {
     border-top-right-radius: var(--radius-md);
     border-bottom-right-radius: var(--radius-md);
@@ -2521,10 +2714,18 @@
     border-style: var(--tw-border-style);
     border-width: 2px;
   }
+  .border-4 {
+    border-style: var(--tw-border-style);
+    border-width: 4px;
+  }
   .border-\[1\.5px\] {
     border-style: var(--tw-border-style);
     border-width: 1.5px;
   }
+  .border-\[10px\] {
+    border-style: var(--tw-border-style);
+    border-width: 10px;
+  }
   .border-x {
     border-inline-style: var(--tw-border-style);
     border-inline-width: 1px;
@@ -2565,6 +2766,10 @@
     border-left-style: var(--tw-border-style);
     border-left-width: 2px;
   }
+  .border-l-4 {
+    border-left-style: var(--tw-border-style);
+    border-left-width: 4px;
+  }
   .border-dashed {
     --tw-border-style: dashed;
     border-style: dashed;
@@ -2670,6 +2875,9 @@
   .border-grey-200 {
     border-color: var(--color-grey-200);
   }
+  .border-grey-250 {
+    border-color: var(--color-grey-250);
+  }
   .border-grey-300 {
     border-color: var(--color-grey-300);
   }
@@ -2736,6 +2944,36 @@
   .border-primary-100 {
     border-color: var(--color-primary-100);
   }
+  .border-primary-100\/20 {
+    border-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-100) 20%, transparent);
+    }
+  }
+  .border-primary-100\/25 {
+    border-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-100) 25%, transparent);
+    }
+  }
+  .border-primary-100\/45 {
+    border-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-100) 45%, transparent);
+    }
+  }
+  .border-primary-100\/60 {
+    border-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-100) 60%, transparent);
+    }
+  }
+  .border-primary-100\/70 {
+    border-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-100) 70%, transparent);
+    }
+  }
   .border-primary-200 {
     border-color: var(--color-primary-200);
   }
@@ -2757,9 +2995,24 @@
   .border-primary-700 {
     border-color: var(--color-primary-700);
   }
+  .border-primary-700\/30 {
+    border-color: var(--color-primary-700);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-700) 30%, transparent);
+    }
+  }
+  .border-primary-700\/35 {
+    border-color: var(--color-primary-700);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-primary-700) 35%, transparent);
+    }
+  }
   .border-primary-800 {
     border-color: var(--color-primary-800);
   }
+  .border-primary-900 {
+    border-color: var(--color-primary-900);
+  }
   .border-primary\/20 {
     border-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2817,6 +3070,12 @@
   .border-white {
     border-color: var(--color-white);
   }
+  .border-white\/15 {
+    border-color: color-mix(in srgb, #fff 15%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      border-color: color-mix(in oklab, var(--color-white) 15%, transparent);
+    }
+  }
   .border-white\/30 {
     border-color: color-mix(in srgb, #fff 30%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2886,6 +3145,21 @@
   .bg-accent-50 {
     background-color: var(--color-accent-50);
   }
+  .bg-accent-200 {
+    background-color: var(--color-accent-200);
+  }
+  .bg-accent-200\/80 {
+    background-color: var(--color-accent-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-accent-200) 80%, transparent);
+    }
+  }
+  .bg-accent-400 {
+    background-color: var(--color-accent-400);
+  }
+  .bg-accent-600 {
+    background-color: var(--color-accent-600);
+  }
   .bg-accent-800 {
     background-color: var(--color-accent-800);
   }
@@ -3012,12 +3286,18 @@
   .bg-grey-300 {
     background-color: var(--color-grey-300);
   }
+  .bg-grey-400 {
+    background-color: var(--color-grey-400);
+  }
   .bg-grey-500 {
     background-color: var(--color-grey-500);
   }
   .bg-grey-600 {
     background-color: var(--color-grey-600);
   }
+  .bg-grey-700 {
+    background-color: var(--color-grey-700);
+  }
   .bg-grey-800 {
     background-color: var(--color-grey-800);
   }
@@ -3090,15 +3370,60 @@
       background-color: color-mix(in oklab, var(--color-primary-50) 70%, transparent);
     }
   }
+  .bg-primary-100 {
+    background-color: var(--color-primary-100);
+  }
+  .bg-primary-100\/35 {
+    background-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-100) 35%, transparent);
+    }
+  }
+  .bg-primary-100\/80 {
+    background-color: var(--color-primary-100);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-100) 80%, transparent);
+    }
+  }
   .bg-primary-200 {
     background-color: var(--color-primary-200);
   }
+  .bg-primary-200\/60 {
+    background-color: var(--color-primary-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-200) 60%, transparent);
+    }
+  }
+  .bg-primary-200\/75 {
+    background-color: var(--color-primary-200);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-200) 75%, transparent);
+    }
+  }
+  .bg-primary-400 {
+    background-color: var(--color-primary-400);
+  }
   .bg-primary-500 {
     background-color: var(--color-primary-500);
   }
+  .bg-primary-500\/20 {
+    background-color: var(--color-primary-500);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-500) 20%, transparent);
+    }
+  }
   .bg-primary-600 {
     background-color: var(--color-primary-600);
   }
+  .bg-primary-700 {
+    background-color: var(--color-primary-700);
+  }
+  .bg-primary-700\/60 {
+    background-color: var(--color-primary-700);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-primary-700) 60%, transparent);
+    }
+  }
   .bg-primary-800 {
     background-color: var(--color-primary-800);
   }
@@ -3114,6 +3439,12 @@
       background-color: color-mix(in oklab, var(--color-primary-800) 20%, transparent);
     }
   }
+  .bg-primary-900 {
+    background-color: var(--color-primary-900);
+  }
+  .bg-primary-950 {
+    background-color: var(--color-primary-950);
+  }
   .bg-primary\/10 {
     background-color: var(--primary);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3186,12 +3517,24 @@
   .bg-white {
     background-color: var(--color-white);
   }
+  .bg-white\/10 {
+    background-color: color-mix(in srgb, #fff 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 10%, transparent);
+    }
+  }
   .bg-white\/75 {
     background-color: color-mix(in srgb, #fff 75%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
       background-color: color-mix(in oklab, var(--color-white) 75%, transparent);
     }
   }
+  .bg-white\/80 {
+    background-color: color-mix(in srgb, #fff 80%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
+    }
+  }
   .bg-white\/82 {
     background-color: color-mix(in srgb, #fff 82%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -3495,15 +3838,15 @@
   .px-\[calc\(--spacing\(2\)\*1\.25\)\] {
     padding-inline: calc(calc(var(--spacing) * 2) * 1.25);
   }
-  .px-\[calc\(--spacing\(4\)-1px\)\] {
-    padding-inline: calc(calc(var(--spacing) * 4) - 1px);
-  }
   .px-\[calc\(--spacing\(5\)-1px\)\] {
     padding-inline: calc(calc(var(--spacing) * 5) - 1px);
   }
   .px-\[calc\(--spacing\(6\)-1px\)\] {
     padding-inline: calc(calc(var(--spacing) * 6) - 1px);
   }
+  .px-\[calc\(--spacing\(7\)-1px\)\] {
+    padding-inline: calc(calc(var(--spacing) * 7) - 1px);
+  }
   .py-0 {
     padding-block: calc(var(--spacing) * 0);
   }
@@ -3552,6 +3895,9 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
+  .py-24 {
+    padding-block: calc(var(--spacing) * 24);
+  }
   .py-\[calc\(--spacing\(1\)\)\] {
     padding-block: calc(calc(var(--spacing) * 1));
   }
@@ -3992,6 +4338,10 @@
     --tw-font-weight: var(--heading-font-family);
     font-weight: var(--heading-font-family);
   }
+  .font-black {
+    --tw-font-weight: var(--font-weight-black);
+    font-weight: var(--font-weight-black);
+  }
   .font-bold {
     --tw-font-weight: var(--font-weight-bold);
     font-weight: var(--font-weight-bold);
@@ -4020,6 +4370,10 @@
     --tw-tracking: 0.1em;
     letter-spacing: 0.1em;
   }
+  .tracking-\[0\.2em\] {
+    --tw-tracking: 0.2em;
+    letter-spacing: 0.2em;
+  }
   .tracking-\[0\.04em\] {
     --tw-tracking: 0.04em;
     letter-spacing: 0.04em;
@@ -4140,9 +4494,15 @@
   .text-\[\#888f92\] {
     color: #888f92;
   }
+  .text-accent-200 {
+    color: var(--color-accent-200);
+  }
   .text-accent-700 {
     color: var(--color-accent-700);
   }
+  .text-accent-800 {
+    color: var(--color-accent-800);
+  }
   .text-accent-900 {
     color: var(--color-accent-900);
   }
@@ -4269,6 +4629,12 @@
   .text-primary {
     color: var(--primary);
   }
+  .text-primary-100 {
+    color: var(--color-primary-100);
+  }
+  .text-primary-200 {
+    color: var(--color-primary-200);
+  }
   .text-primary-500 {
     color: var(--color-primary-500);
   }
@@ -4396,9 +4762,15 @@
       text-decoration-color: color-mix(in oklab, var(--color-primary-800) 50%, transparent);
     }
   }
+  .decoration-4 {
+    text-decoration-thickness: 4px;
+  }
   .underline-offset-4 {
     text-underline-offset: 4px;
   }
+  .underline-offset-6 {
+    text-underline-offset: 6px;
+  }
   .antialiased {
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
@@ -5011,9 +5383,6 @@
   .\[--btn-icon-size\:--spacing\(8\)\] {
     --btn-icon-size: calc(var(--spacing) * 8);
   }
-  .\[--btn-icon-size\:--spacing\(9\)\] {
-    --btn-icon-size: calc(var(--spacing) * 9);
-  }
   .\[--btn-icon\:var\(--footer-social\)\] {
     --btn-icon: var(--footer-social);
   }
@@ -10352,11 +10721,6 @@
       padding-inline: calc(var(--spacing) * 8);
     }
   }
-  .sm\:px-\[calc\(--spacing\(3\.5\)-1px\)\] {
-    @media (width >= 40rem) {
-      padding-inline: calc(calc(var(--spacing) * 3.5) - 1px);
-    }
-  }
   .sm\:px-\[calc\(--spacing\(4\)\)\] {
     @media (width >= 40rem) {
       padding-inline: calc(calc(var(--spacing) * 4));
@@ -10372,6 +10736,11 @@
       padding-inline: calc(calc(var(--spacing) * 5.5) - 1px);
     }
   }
+  .sm\:px-\[calc\(--spacing\(6\.5\)-1px\)\] {
+    @media (width >= 40rem) {
+      padding-inline: calc(calc(var(--spacing) * 6.5) - 1px);
+    }
+  }
   .sm\:px-px {
     @media (width >= 40rem) {
       padding-inline: 1px;
@@ -10402,6 +10771,11 @@
       padding-block: calc(var(--spacing) * 8);
     }
   }
+  .sm\:py-32 {
+    @media (width >= 40rem) {
+      padding-block: calc(var(--spacing) * 32);
+    }
+  }
   .sm\:py-\[calc\(--spacing\(2\)-1px\)\] {
     @media (width >= 40rem) {
       padding-block: calc(calc(var(--spacing) * 2) - 1px);
@@ -10632,11 +11006,6 @@
       --btn-icon-size: calc(var(--spacing) * 7);
     }
   }
-  .sm\:\[--btn-icon-size\:--spacing\(8\)\] {
-    @media (width >= 40rem) {
-      --btn-icon-size: calc(var(--spacing) * 8);
-    }
-  }
   .sm\:duration-300 {
     @media (width >= 40rem) {
       animation-duration: 300ms;
@@ -10953,21 +11322,61 @@
       inset: calc(var(--spacing) * 0);
     }
   }
+  .lg\:col-span-1 {
+    @media (width >= 64rem) {
+      grid-column: span 1 / span 1;
+    }
+  }
   .lg\:col-span-2 {
     @media (width >= 64rem) {
       grid-column: span 2 / span 2;
     }
   }
+  .lg\:col-span-3 {
+    @media (width >= 64rem) {
+      grid-column: span 3 / span 3;
+    }
+  }
   .lg\:col-span-4 {
     @media (width >= 64rem) {
       grid-column: span 4 / span 4;
     }
   }
+  .lg\:col-span-5 {
+    @media (width >= 64rem) {
+      grid-column: span 5 / span 5;
+    }
+  }
+  .lg\:col-span-6 {
+    @media (width >= 64rem) {
+      grid-column: span 6 / span 6;
+    }
+  }
+  .lg\:col-span-7 {
+    @media (width >= 64rem) {
+      grid-column: span 7 / span 7;
+    }
+  }
   .lg\:col-span-8 {
     @media (width >= 64rem) {
       grid-column: span 8 / span 8;
     }
   }
+  .lg\:col-span-9 {
+    @media (width >= 64rem) {
+      grid-column: span 9 / span 9;
+    }
+  }
+  .lg\:col-span-10 {
+    @media (width >= 64rem) {
+      grid-column: span 10 / span 10;
+    }
+  }
+  .lg\:col-span-11 {
+    @media (width >= 64rem) {
+      grid-column: span 11 / span 11;
+    }
+  }
   .lg\:mx-0 {
     @media (width >= 64rem) {
       margin-inline: calc(var(--spacing) * 0);
@@ -11033,6 +11442,11 @@
       height: 100%;
     }
   }
+  .lg\:min-h-\[25rem\] {
+    @media (width >= 64rem) {
+      min-height: 25rem;
+    }
+  }
   .lg\:w-64 {
     @media (width >= 64rem) {
       width: calc(var(--spacing) * 64);
@@ -11053,6 +11467,11 @@
       width: auto;
     }
   }
+  .lg\:max-w-\[var\(--hero-copy-max-width\)\] {
+    @media (width >= 64rem) {
+      max-width: var(--hero-copy-max-width);
+    }
+  }
   .lg\:max-w-none {
     @media (width >= 64rem) {
       max-width: none;
@@ -11128,6 +11547,11 @@
       flex-wrap: wrap;
     }
   }
+  .lg\:items-baseline {
+    @media (width >= 64rem) {
+      align-items: baseline;
+    }
+  }
   .lg\:items-center {
     @media (width >= 64rem) {
       align-items: center;
@@ -11177,6 +11601,18 @@
       border-radius: var(--radius-sm);
     }
   }
+  .lg\:border-t-0 {
+    @media (width >= 64rem) {
+      border-top-style: var(--tw-border-style);
+      border-top-width: 0px;
+    }
+  }
+  .lg\:border-l {
+    @media (width >= 64rem) {
+      border-left-style: var(--tw-border-style);
+      border-left-width: 1px;
+    }
+  }
   .lg\:bg-white {
     @media (width >= 64rem) {
       background-color: var(--color-white);
@@ -11212,6 +11648,16 @@
       padding-inline: calc(var(--spacing) * 12);
     }
   }
+  .lg\:py-14 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 14);
+    }
+  }
+  .lg\:py-16 {
+    @media (width >= 64rem) {
+      padding-block: calc(var(--spacing) * 16);
+    }
+  }
   .lg\:pt-24 {
     @media (width >= 64rem) {
       padding-top: calc(var(--spacing) * 24);
@@ -11237,6 +11683,11 @@
       padding-left: calc(var(--spacing) * 8);
     }
   }
+  .lg\:pl-16 {
+    @media (width >= 64rem) {
+      padding-left: calc(var(--spacing) * 16);
+    }
+  }
   .lg\:text-left {
     @media (width >= 64rem) {
       text-align: left;
@@ -11278,9 +11729,9 @@
       position: sticky;
     }
   }
-  .xl\:inset-0 {
+  .xl\:inset-y-0 {
     @media (width >= 80rem) {
-      inset: calc(var(--spacing) * 0);
+      inset-block: calc(var(--spacing) * 0);
     }
   }
   .xl\:top-0 {
@@ -11298,14 +11749,14 @@
       top: var(--tool-sidebar-top);
     }
   }
-  .xl\:left-2\/3 {
+  .xl\:right-0 {
     @media (width >= 80rem) {
-      left: calc(2 / 3 * 100%);
+      right: calc(var(--spacing) * 0);
     }
   }
-  .xl\:col-span-8 {
+  .xl\:left-\[var\(--hero-image-start\)\] {
     @media (width >= 80rem) {
-      grid-column: span 8 / span 8;
+      left: var(--hero-image-start);
     }
   }
   .xl\:-mr-6 {
@@ -11965,11 +12416,6 @@
       }
     }
   }
-  .dark\:bg-slate-950 {
-    &:where([data-theme=dark], [data-theme=dark] *) {
-      background-color: var(--color-slate-950);
-    }
-  }
   .dark\:bg-success-500 {
     &:where([data-theme=dark], [data-theme=dark] *) {
       background-color: var(--success-500);