@nswds/app 1.63.0 → 1.64.0

package/dist/globals.css

@@ -18,6 +18,8 @@
     --color-green-600: oklch(62.7% 0.194 149.214);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-cyan-500: oklch(71.5% 0.143 215.221);
+    --color-sky-100: oklch(95.1% 0.026 236.824);
+    --color-sky-600: oklch(58.8% 0.158 241.966);
     --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
@@ -37,6 +39,8 @@
     --color-purple-600: oklch(55.8% 0.288 302.321);
     --color-fuchsia-500: oklch(66.7% 0.295 322.15);
     --color-pink-500: oklch(65.6% 0.241 354.308);
+    --color-slate-50: oklch(98.4% 0.003 247.858);
+    --color-slate-100: oklch(96.8% 0.007 247.896);
     --color-slate-200: oklch(92.9% 0.013 255.508);
     --color-slate-300: oklch(86.9% 0.022 252.894);
     --color-slate-400: oklch(70.4% 0.04 256.788);
@@ -61,12 +65,14 @@
     --color-black: #000;
     --color-white: #fff;
     --spacing: 0.25rem;
+    --container-xs: 20rem;
     --container-sm: 24rem;
     --container-md: 28rem;
     --container-lg: 32rem;
     --container-2xl: 42rem;
     --container-3xl: 48rem;
     --container-4xl: 56rem;
+    --container-7xl: 80rem;
     --text-xs: 0.75rem;
     --text-xs--line-height: calc(1 / 0.75);
     --text-sm: 0.875rem;
@@ -83,6 +89,10 @@
     --text-3xl--line-height: calc(2.25 / 1.875);
     --text-4xl: 2.25rem;
     --text-4xl--line-height: calc(2.5 / 2.25);
+    --text-5xl: 3rem;
+    --text-5xl--line-height: 1;
+    --text-6xl: 3.75rem;
+    --text-6xl--line-height: 1;
     --font-weight-light: 300;
     --font-weight-normal: 400;
     --font-weight-medium: 500;
@@ -1048,6 +1058,15 @@
   .mt-12 {
     margin-top: calc(var(--spacing) * 12);
   }
+  .mt-16 {
+    margin-top: calc(var(--spacing) * 16);
+  }
+  .mt-20 {
+    margin-top: calc(var(--spacing) * 20);
+  }
+  .mt-24 {
+    margin-top: calc(var(--spacing) * 24);
+  }
   .mt-auto {
     margin-top: auto;
   }
@@ -1081,12 +1100,18 @@
   .mb-4 {
     margin-bottom: calc(var(--spacing) * 4);
   }
+  .mb-6 {
+    margin-bottom: calc(var(--spacing) * 6);
+  }
   .mb-8 {
     margin-bottom: calc(var(--spacing) * 8);
   }
   .mb-12 {
     margin-bottom: calc(var(--spacing) * 12);
   }
+  .mb-16 {
+    margin-bottom: calc(var(--spacing) * 16);
+  }
   .mb-\[40px\] {
     margin-bottom: 40px;
   }
@@ -1186,6 +1211,9 @@
   .field-sizing-content {
     field-sizing: content;
   }
+  .aspect-\[3\/2\] {
+    aspect-ratio: 3/2;
+  }
   .aspect-square {
     aspect-ratio: 1 / 1;
   }
@@ -1399,6 +1427,9 @@
   .min-h-32 {
     min-height: calc(var(--spacing) * 32);
   }
+  .min-h-\[80px\] {
+    min-height: 80px;
+  }
   .min-h-\[200px\] {
     min-height: 200px;
   }
@@ -1429,6 +1460,9 @@
   .w-1 {
     width: calc(var(--spacing) * 1);
   }
+  .w-1\.5 {
+    width: calc(var(--spacing) * 1.5);
+  }
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
@@ -1570,6 +1604,9 @@
   .max-w-4xl {
     max-width: var(--container-4xl);
   }
+  .max-w-7xl {
+    max-width: var(--container-7xl);
+  }
   .max-w-60 {
     max-width: calc(var(--spacing) * 60);
   }
@@ -1600,6 +1637,9 @@
   .max-w-sm {
     max-width: var(--container-sm);
   }
+  .max-w-xs {
+    max-width: var(--container-xs);
+  }
   .min-w-\(--cell-size\) {
     min-width: var(--cell-size);
   }
@@ -2193,9 +2233,6 @@
   .rounded-sm {
     border-radius: var(--radius-sm);
   }
-  .rounded-xl {
-    border-radius: var(--radius-xl);
-  }
   .rounded-xs {
     border-radius: var(--radius-xs);
   }
@@ -2450,6 +2487,9 @@
   .bg-accent {
     background-color: var(--accent);
   }
+  .bg-accent-800 {
+    background-color: oklch(0.31696739530944956 0.1268869779210199 17.133122508570153);
+  }
   .bg-amber-500 {
     background-color: var(--color-amber-500);
   }
@@ -2474,12 +2514,18 @@
   .bg-blue-50 {
     background-color: var(--color-blue-50);
   }
+  .bg-blue-100 {
+    background-color: var(--color-blue-100);
+  }
   .bg-blue-200 {
     background-color: var(--color-blue-200);
   }
   .bg-blue-500 {
     background-color: var(--color-blue-500);
   }
+  .bg-blue-600 {
+    background-color: var(--color-blue-600);
+  }
   .bg-border {
     background-color: var(--border);
   }
@@ -2588,6 +2634,9 @@
   .bg-primary {
     background-color: var(--primary);
   }
+  .bg-primary-50 {
+    background-color: oklch(0.9816683948128555 0.013540580086234762 227.890755564881);
+  }
   .bg-primary-200 {
     background-color: oklch(0.9266735792514218 0.04166332334226081 227.890755564881);
   }
@@ -2627,6 +2676,15 @@
   .bg-sidebar-primary {
     background-color: var(--sidebar-primary);
   }
+  .bg-sky-100 {
+    background-color: var(--color-sky-100);
+  }
+  .bg-slate-50 {
+    background-color: var(--color-slate-50);
+  }
+  .bg-slate-100 {
+    background-color: var(--color-slate-100);
+  }
   .bg-success-200 {
     background-color: var(--color-success-200);
   }
@@ -2813,6 +2871,9 @@
   .stroke-1 {
     stroke-width: 1;
   }
+  .object-cover {
+    object-fit: cover;
+  }
   .p-0 {
     padding: calc(var(--spacing) * 0);
   }
@@ -2954,6 +3015,9 @@
   .py-16 {
     padding-block: calc(var(--spacing) * 16);
   }
+  .py-20 {
+    padding-block: calc(var(--spacing) * 20);
+  }
   .py-\[calc\(--spacing\(1\)\)\] {
     padding-block: calc(calc(var(--spacing) * 1));
   }
@@ -2987,12 +3051,18 @@
   .pt-6 {
     padding-top: calc(var(--spacing) * 6);
   }
+  .pt-10 {
+    padding-top: calc(var(--spacing) * 10);
+  }
   .pt-14 {
     padding-top: calc(var(--spacing) * 14);
   }
   .pt-16 {
     padding-top: calc(var(--spacing) * 16);
   }
+  .pt-32 {
+    padding-top: calc(var(--spacing) * 32);
+  }
   .pt-\[40px\] {
     padding-top: 40px;
   }
@@ -3035,6 +3105,9 @@
   .pb-0 {
     padding-bottom: calc(var(--spacing) * 0);
   }
+  .pb-2 {
+    padding-bottom: calc(var(--spacing) * 2);
+  }
   .pb-3 {
     padding-bottom: calc(var(--spacing) * 3);
   }
@@ -3047,6 +3120,12 @@
   .pb-16 {
     padding-bottom: calc(var(--spacing) * 16);
   }
+  .pb-20 {
+    padding-bottom: calc(var(--spacing) * 20);
+  }
+  .pb-24 {
+    padding-bottom: calc(var(--spacing) * 24);
+  }
   .pb-\[24px\] {
     padding-bottom: 24px;
   }
@@ -3218,6 +3297,10 @@
     --tw-leading: calc(var(--spacing) * 7);
     line-height: calc(var(--spacing) * 7);
   }
+  .leading-8 {
+    --tw-leading: calc(var(--spacing) * 8);
+    line-height: calc(var(--spacing) * 8);
+  }
   .leading-\[var\(--line-height\)\] {
     --tw-leading: var(--line-height);
     line-height: var(--line-height);
@@ -3270,6 +3353,10 @@
     --tw-leading: 1;
     line-height: 1;
   }
+  .leading-relaxed {
+    --tw-leading: var(--leading-relaxed);
+    line-height: var(--leading-relaxed);
+  }
   .leading-tight {
     --tw-leading: var(--leading-tight);
     line-height: var(--leading-tight);
@@ -3373,6 +3460,9 @@
   .text-blue-700 {
     color: var(--color-blue-700);
   }
+  .text-blue-800 {
+    color: var(--color-blue-800);
+  }
   .text-card-foreground {
     color: var(--card-foreground);
   }
@@ -3508,9 +3598,15 @@
   .text-sidebar-primary-foreground {
     color: var(--sidebar-primary-foreground);
   }
+  .text-sky-600 {
+    color: var(--color-sky-600);
+  }
   .text-slate-500 {
     color: var(--color-slate-500);
   }
+  .text-slate-600 {
+    color: var(--color-slate-600);
+  }
   .text-slate-900 {
     color: var(--color-slate-900);
   }
@@ -7858,6 +7954,11 @@
       margin-top: calc(var(--spacing) * 0);
     }
   }
+  .sm\:mt-10 {
+    @media (width >= 40rem) {
+      margin-top: calc(var(--spacing) * 10);
+    }
+  }
   .sm\:ml-2 {
     @media (width >= 40rem) {
       margin-left: calc(var(--spacing) * 2);
@@ -8117,6 +8218,11 @@
       padding-right: calc(var(--spacing) * 16);
     }
   }
+  .sm\:pb-32 {
+    @media (width >= 40rem) {
+      padding-bottom: calc(var(--spacing) * 32);
+    }
+  }
   .sm\:pl-1\.5 {
     @media (width >= 40rem) {
       padding-left: calc(var(--spacing) * 1.5);
@@ -8137,6 +8243,24 @@
       text-align: left;
     }
   }
+  .sm\:text-4xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-4xl);
+      line-height: var(--tw-leading, var(--text-4xl--line-height));
+    }
+  }
+  .sm\:text-5xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-5xl);
+      line-height: var(--tw-leading, var(--text-5xl--line-height));
+    }
+  }
+  .sm\:text-6xl {
+    @media (width >= 40rem) {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+  }
   .sm\:text-sm\/5 {
     @media (width >= 40rem) {
       font-size: var(--text-sm);
@@ -8375,6 +8499,11 @@
       padding: calc(var(--spacing) * 0);
     }
   }
+  .md\:p-12 {
+    @media (width >= 48rem) {
+      padding: calc(var(--spacing) * 12);
+    }
+  }
   .md\:px-0 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 0);
@@ -8442,16 +8571,46 @@
       }
     }
   }
+  .lg\:absolute {
+    @media (width >= 64rem) {
+      position: absolute;
+    }
+  }
   .lg\:relative {
     @media (width >= 64rem) {
       position: relative;
     }
   }
+  .lg\:inset-0 {
+    @media (width >= 64rem) {
+      inset: calc(var(--spacing) * 0);
+    }
+  }
+  .lg\:col-span-4 {
+    @media (width >= 64rem) {
+      grid-column: span 4 / span 4;
+    }
+  }
+  .lg\:col-span-8 {
+    @media (width >= 64rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
+  .lg\:mx-0 {
+    @media (width >= 64rem) {
+      margin-inline: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:mt-4 {
     @media (width >= 64rem) {
       margin-top: calc(var(--spacing) * 4);
     }
   }
+  .lg\:-mr-8 {
+    @media (width >= 64rem) {
+      margin-right: calc(var(--spacing) * -8);
+    }
+  }
   .lg\:ml-6 {
     @media (width >= 64rem) {
       margin-left: calc(var(--spacing) * 6);
@@ -8467,6 +8626,11 @@
       display: flex;
     }
   }
+  .lg\:grid {
+    @media (width >= 64rem) {
+      display: grid;
+    }
+  }
   .lg\:hidden {
     @media (width >= 64rem) {
       display: none;
@@ -8477,11 +8641,21 @@
       display: inline-flex;
     }
   }
+  .lg\:aspect-auto {
+    @media (width >= 64rem) {
+      aspect-ratio: auto;
+    }
+  }
   .lg\:h-14 {
     @media (width >= 64rem) {
       height: calc(var(--spacing) * 14);
     }
   }
+  .lg\:h-full {
+    @media (width >= 64rem) {
+      height: 100%;
+    }
+  }
   .lg\:w-64 {
     @media (width >= 64rem) {
       width: calc(var(--spacing) * 64);
@@ -8527,6 +8701,11 @@
       grid-template-columns: repeat(6, minmax(0, 1fr));
     }
   }
+  .lg\:grid-cols-12 {
+    @media (width >= 64rem) {
+      grid-template-columns: repeat(12, minmax(0, 1fr));
+    }
+  }
   .lg\:flex-wrap {
     @media (width >= 64rem) {
       flex-wrap: wrap;
@@ -8552,6 +8731,11 @@
       justify-content: flex-start;
     }
   }
+  .lg\:gap-x-8 {
+    @media (width >= 64rem) {
+      column-gap: calc(var(--spacing) * 8);
+    }
+  }
   .lg\:space-x-6 {
     @media (width >= 64rem) {
       :where(& > :not(:last-child)) {
@@ -8585,6 +8769,11 @@
       padding: calc(var(--spacing) * 10);
     }
   }
+  .lg\:px-0 {
+    @media (width >= 64rem) {
+      padding-inline: calc(var(--spacing) * 0);
+    }
+  }
   .lg\:px-4 {
     @media (width >= 64rem) {
       padding-inline: calc(var(--spacing) * 4);
@@ -8600,6 +8789,11 @@
       padding-inline: calc(var(--spacing) * 12);
     }
   }
+  .lg\:pt-24 {
+    @media (width >= 64rem) {
+      padding-top: calc(var(--spacing) * 24);
+    }
+  }
   .lg\:pr-0 {
     @media (width >= 64rem) {
       padding-right: calc(var(--spacing) * 0);
@@ -8610,6 +8804,11 @@
       padding-right: calc(var(--spacing) * 12);
     }
   }
+  .lg\:pb-28 {
+    @media (width >= 64rem) {
+      padding-bottom: calc(var(--spacing) * 28);
+    }
+  }
   .lg\:pl-8 {
     @media (width >= 64rem) {
       padding-left: calc(var(--spacing) * 8);
@@ -8620,6 +8819,12 @@
       text-align: left;
     }
   }
+  .lg\:text-6xl {
+    @media (width >= 64rem) {
+      font-size: var(--text-6xl);
+      line-height: var(--tw-leading, var(--text-6xl--line-height));
+    }
+  }
   .lg\:text-sm {
     @media (width >= 64rem) {
       font-size: var(--text-sm);
@@ -8643,21 +8848,46 @@
       --tw-ring-color: color-mix(in oklab, oklch(0.12797094101582737 0.005697984318774021 242.08383926925922) 5%, transparent);
     }
   }
+  .xl\:absolute {
+    @media (width >= 80rem) {
+      position: absolute;
+    }
+  }
   .xl\:sticky {
     @media (width >= 80rem) {
       position: sticky;
     }
   }
+  .xl\:inset-0 {
+    @media (width >= 80rem) {
+      inset: calc(var(--spacing) * 0);
+    }
+  }
   .xl\:top-0 {
     @media (width >= 80rem) {
       top: calc(var(--spacing) * 0);
     }
   }
+  .xl\:left-2\/3 {
+    @media (width >= 80rem) {
+      left: calc(2/3 * 100%);
+    }
+  }
+  .xl\:col-span-8 {
+    @media (width >= 80rem) {
+      grid-column: span 8 / span 8;
+    }
+  }
   .xl\:-mr-6 {
     @media (width >= 80rem) {
       margin-right: calc(var(--spacing) * -6);
     }
   }
+  .xl\:mr-0 {
+    @media (width >= 80rem) {
+      margin-right: calc(var(--spacing) * 0);
+    }
+  }
   .xl\:block {
     @media (width >= 80rem) {
       display: block;
@@ -11516,6 +11746,102 @@ code.language-html .token.comment {
 .dark #carbonads .carbon-poweredby {
   --tw-bg-opacity: 1;
 }
+:root {
+  --font-size-1: calc(18px * var(--scaling));
+  --font-size-2: calc(16px * var(--scaling));
+  --font-size-3: calc(14px * var(--scaling));
+  --font-size-4: calc(12px * var(--scaling));
+  --font-weight-light: 300;
+  --font-weight-regular: 400;
+  --font-weight-medium: 500;
+  --font-weight-bold: 700;
+  --display-font-size-1: calc(88px * var(--scaling));
+  --display-font-size-2: calc(52px * var(--scaling));
+  --display-font-size-3: calc(48px * var(--scaling));
+  --display-font-size-4: calc(44px * var(--scaling));
+  --heading-font-size-1: calc(40px * var(--scaling));
+  --heading-font-size-2: calc(36px * var(--scaling));
+  --heading-font-size-3: calc(32px * var(--scaling));
+  --heading-font-size-4: calc(28px * var(--scaling));
+  --heading-font-size-5: calc(24px * var(--scaling));
+  --heading-font-size-6: calc(20px * var(--scaling));
+  --line-height-16: calc(16px * var(--scaling));
+  --line-height-18: calc(18px * var(--scaling));
+  --line-height-20: calc(20px * var(--scaling));
+  --line-height-22: calc(22px * var(--scaling));
+  --line-height-24: calc(24px * var(--scaling));
+  --line-height-26: calc(26px * var(--scaling));
+  --line-height-28: calc(28px * var(--scaling));
+  --line-height-30: calc(30px * var(--scaling));
+  --line-height-32: calc(32px * var(--scaling));
+  --line-height-36: calc(36px * var(--scaling));
+  --line-height-40: calc(40px * var(--scaling));
+  --line-height-44: calc(44px * var(--scaling));
+  --line-height-52: calc(52px * var(--scaling));
+  --line-height-60: calc(60px * var(--scaling));
+  --line-height-68: calc(68px * var(--scaling));
+  --line-height-96: calc(96px * var(--scaling));
+  --letter-spacing-0: 0em;
+  --heading-letter-spacing-1: -0.01em;
+  --heading-letter-spacing-2: -0.02em;
+  --heading-letter-spacing-3: -0.03em;
+  --default-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
+    'Open Sans', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+  --default-font-size: var(--font-size-2);
+  --default-font-style: normal;
+  --default-font-weight: var(--font-weight-regular);
+  --default-line-height: 1.5;
+  --default-letter-spacing: 0em;
+  --default-leading-trim-start: 0.42em;
+  --default-leading-trim-end: 0.36em;
+  --heading-font-family: var(--default-font-family);
+  --heading-font-size-adjust: 1;
+  --heading-font-style: normal;
+  --heading-leading-trim-start: var(--default-leading-trim-start);
+  --heading-leading-trim-end: var(--default-leading-trim-end);
+  --heading-letter-spacing: 0em;
+  --code-font-family: 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace, 'Apple Color Emoji',
+    'Segoe UI Emoji';
+  --code-font-size-adjust: 0.95;
+  --code-font-style: normal;
+  --code-font-weight: inherit;
+  --code-letter-spacing: -0.007em;
+  --code-padding-top: 0.1em;
+  --code-padding-bottom: 0.1em;
+  --code-padding-left: 0.25em;
+  --code-padding-right: 0.25em;
+  --strong-font-family: var(--default-font-family);
+  --strong-font-size-adjust: 1;
+  --strong-font-style: inherit;
+  --strong-font-weight: var(--font-weight-bold);
+  --strong-letter-spacing: 0em;
+  --em-font-family: 'Times New Roman', 'Times', serif;
+  --em-font-size-adjust: 1.18;
+  --em-font-style: italic;
+  --em-font-weight: inherit;
+  --em-letter-spacing: -0.025em;
+  --quote-font-family: 'Times New Roman', 'Times', serif;
+  --quote-font-size-adjust: 1.18;
+  --quote-font-style: italic;
+  --quote-font-weight: inherit;
+  --quote-letter-spacing: -0.025em;
+  --tab-active-letter-spacing: -0.01em;
+  --tab-active-word-spacing: 0em;
+  --tab-inactive-letter-spacing: 0em;
+  --tab-inactive-word-spacing: 0em;
+}
+body {
+  overflow-wrap: break-word;
+  font-family: var(--default-font-family);
+  font-size: var(--default-font-size);
+  font-weight: var(--default-font-weight);
+  font-style: var(--default-font-style);
+  line-height: var(--default-line-height);
+  letter-spacing: var(--default-letter-spacing);
+  text-size-adjust: none;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
 :root {
   --scaling: 1;
   --radius: 0.25rem;
@@ -11625,102 +11951,6 @@ code.language-html .token.comment {
   --tw-prose-invert-th-borders: var(--color-grey-600);
   --tw-prose-invert-td-borders: var(--color-grey-700);
 }
-:root {
-  --font-size-1: calc(18px * var(--scaling));
-  --font-size-2: calc(16px * var(--scaling));
-  --font-size-3: calc(14px * var(--scaling));
-  --font-size-4: calc(12px * var(--scaling));
-  --font-weight-light: 300;
-  --font-weight-regular: 400;
-  --font-weight-medium: 500;
-  --font-weight-bold: 700;
-  --display-font-size-1: calc(88px * var(--scaling));
-  --display-font-size-2: calc(52px * var(--scaling));
-  --display-font-size-3: calc(48px * var(--scaling));
-  --display-font-size-4: calc(44px * var(--scaling));
-  --heading-font-size-1: calc(40px * var(--scaling));
-  --heading-font-size-2: calc(36px * var(--scaling));
-  --heading-font-size-3: calc(32px * var(--scaling));
-  --heading-font-size-4: calc(28px * var(--scaling));
-  --heading-font-size-5: calc(24px * var(--scaling));
-  --heading-font-size-6: calc(20px * var(--scaling));
-  --line-height-16: calc(16px * var(--scaling));
-  --line-height-18: calc(18px * var(--scaling));
-  --line-height-20: calc(20px * var(--scaling));
-  --line-height-22: calc(22px * var(--scaling));
-  --line-height-24: calc(24px * var(--scaling));
-  --line-height-26: calc(26px * var(--scaling));
-  --line-height-28: calc(28px * var(--scaling));
-  --line-height-30: calc(30px * var(--scaling));
-  --line-height-32: calc(32px * var(--scaling));
-  --line-height-36: calc(36px * var(--scaling));
-  --line-height-40: calc(40px * var(--scaling));
-  --line-height-44: calc(44px * var(--scaling));
-  --line-height-52: calc(52px * var(--scaling));
-  --line-height-60: calc(60px * var(--scaling));
-  --line-height-68: calc(68px * var(--scaling));
-  --line-height-96: calc(96px * var(--scaling));
-  --letter-spacing-0: 0em;
-  --heading-letter-spacing-1: -0.01em;
-  --heading-letter-spacing-2: -0.02em;
-  --heading-letter-spacing-3: -0.03em;
-  --default-font-family: 'Public Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue',
-    'Open Sans', system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
-  --default-font-size: var(--font-size-2);
-  --default-font-style: normal;
-  --default-font-weight: var(--font-weight-regular);
-  --default-line-height: 1.5;
-  --default-letter-spacing: 0em;
-  --default-leading-trim-start: 0.42em;
-  --default-leading-trim-end: 0.36em;
-  --heading-font-family: var(--default-font-family);
-  --heading-font-size-adjust: 1;
-  --heading-font-style: normal;
-  --heading-leading-trim-start: var(--default-leading-trim-start);
-  --heading-leading-trim-end: var(--default-leading-trim-end);
-  --heading-letter-spacing: 0em;
-  --code-font-family: 'Menlo', 'Consolas (Custom)', 'Bitstream Vera Sans Mono', monospace, 'Apple Color Emoji',
-    'Segoe UI Emoji';
-  --code-font-size-adjust: 0.95;
-  --code-font-style: normal;
-  --code-font-weight: inherit;
-  --code-letter-spacing: -0.007em;
-  --code-padding-top: 0.1em;
-  --code-padding-bottom: 0.1em;
-  --code-padding-left: 0.25em;
-  --code-padding-right: 0.25em;
-  --strong-font-family: var(--default-font-family);
-  --strong-font-size-adjust: 1;
-  --strong-font-style: inherit;
-  --strong-font-weight: var(--font-weight-bold);
-  --strong-letter-spacing: 0em;
-  --em-font-family: 'Times New Roman', 'Times', serif;
-  --em-font-size-adjust: 1.18;
-  --em-font-style: italic;
-  --em-font-weight: inherit;
-  --em-letter-spacing: -0.025em;
-  --quote-font-family: 'Times New Roman', 'Times', serif;
-  --quote-font-size-adjust: 1.18;
-  --quote-font-style: italic;
-  --quote-font-weight: inherit;
-  --quote-letter-spacing: -0.025em;
-  --tab-active-letter-spacing: -0.01em;
-  --tab-active-word-spacing: 0em;
-  --tab-inactive-letter-spacing: 0em;
-  --tab-inactive-word-spacing: 0em;
-}
-body {
-  overflow-wrap: break-word;
-  font-family: var(--default-font-family);
-  font-size: var(--default-font-size);
-  font-weight: var(--default-font-weight);
-  font-style: var(--default-font-style);
-  line-height: var(--default-line-height);
-  letter-spacing: var(--default-letter-spacing);
-  text-size-adjust: none;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
 @layer base {
   html {
     scroll-behavior: smooth;
@@ -11754,6 +11984,21 @@ body {
   --sidebar-border: hsl(240 3.7% 15.9%);
   --sidebar-ring: hsl(217.2 91.2% 59.8%);
 }
+.gradient-text {
+  background: linear-gradient(135deg, #2563eb 0%, #0ea5e9 100%);
+  -webkit-background-clip: text;
+  -webkit-text-fill-color: transparent;
+  background-clip: text;
+}
+.hover-lift {
+  transition: transform 0.2s ease-in-out,
+    box-shadow 0.2s ease-in-out;
+}
+.hover-lift:hover {
+  transform: translateY(-2px);
+  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1),
+    0 10px 10px -5px rgba(0, 0, 0, 0.04);
+}
 @keyframes enter {
   from {
     opacity: var(--tw-enter-opacity, 1);