@docyrus/ui-pro-ai-assistant 0.6.6 → 0.6.8

package/dist/styles.css

@@ -35,7 +35,9 @@
   --color-amber-900: oklch(41.4% 0.112 45.904);
   --color-amber-950: oklch(27.9% 0.077 45.635);
   --color-yellow-100: oklch(97.3% 0.071 103.193);
+  --color-yellow-200: oklch(94.5% 0.129 101.54);
   --color-yellow-400: oklch(85.2% 0.199 91.936);
+  --color-yellow-500: oklch(79.5% 0.184 86.047);
   --color-yellow-600: oklch(68.1% 0.162 75.834);
   --color-yellow-700: oklch(55.4% 0.135 66.442);
   --color-yellow-900: oklch(42.1% 0.095 57.708);
@@ -50,6 +52,8 @@
   --color-emerald-50: oklch(97.9% 0.021 166.113);
   --color-emerald-100: oklch(95% 0.052 163.051);
   --color-emerald-200: oklch(90.5% 0.093 164.15);
+  --color-emerald-300: oklch(84.5% 0.143 164.978);
+  --color-emerald-400: oklch(76.5% 0.177 163.223);
   --color-emerald-500: oklch(69.6% 0.17 162.48);
   --color-emerald-600: oklch(59.6% 0.145 163.225);
   --color-emerald-700: oklch(50.8% 0.118 165.612);
@@ -143,6 +147,8 @@
   --text-xl--line-height: calc(1.75 / 1.25);
   --text-2xl: 1.5rem;
   --text-2xl--line-height: calc(2 / 1.5);
+  --text-3xl: 1.875rem;
+  --text-3xl--line-height: calc(2.25 / 1.875);
   --font-weight-light: 300;
   --font-weight-normal: 400;
   --font-weight-medium: 500;
@@ -180,6 +186,7 @@
   --color-foreground: var(--foreground);
   --color-primary: var(--primary);
   --color-secondary: var(--secondary);
+  --color-muted: var(--muted);
   --color-muted-foreground: var(--muted-foreground);
   --color-accent: var(--accent);
   --color-border: var(--border);
@@ -417,6 +424,9 @@
 .bottom-1 {
   bottom: calc(var(--spacing) * 1);
 }
+.bottom-2 {
+  bottom: calc(var(--spacing) * 2);
+}
 .bottom-3 {
   bottom: calc(var(--spacing) * 3);
 }
@@ -591,6 +601,9 @@
 .-mx-px {
   margin-inline: -1px;
 }
+.mx-0\.5 {
+  margin-inline: calc(var(--spacing) * 0.5);
+}
 .mx-1 {
   margin-inline: calc(var(--spacing) * 1);
 }
@@ -639,6 +652,9 @@
 .my-3 {
   margin-block: calc(var(--spacing) * 3);
 }
+.my-4 {
+  margin-block: calc(var(--spacing) * 4);
+}
 .my-6 {
   margin-block: calc(var(--spacing) * 6);
 }
@@ -726,6 +742,9 @@
 .mt-px {
   margin-top: 1px;
 }
+.-mr-3 {
+  margin-right: calc(var(--spacing) * -3);
+}
 .mr-0 {
   margin-right: calc(var(--spacing) * 0);
 }
@@ -780,6 +799,9 @@
 .mb-20 {
   margin-bottom: calc(var(--spacing) * 20);
 }
+.-ml-3 {
+  margin-left: calc(var(--spacing) * -3);
+}
 .ml-0\.5 {
   margin-left: calc(var(--spacing) * 0.5);
 }
@@ -837,6 +859,24 @@
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 3;
 }
+.line-clamp-4 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 4;
+}
+.line-clamp-5 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 5;
+}
+.line-clamp-6 {
+  overflow: hidden;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 6;
+}
 .block {
   display: block;
 }
@@ -1079,12 +1119,18 @@
 .h-48 {
   height: calc(var(--spacing) * 48);
 }
+.h-64 {
+  height: calc(var(--spacing) * 64);
+}
 .h-96 {
   height: calc(var(--spacing) * 96);
 }
 .h-\[0\.1px\] {
   height: 0.1px;
 }
+.h-\[1\.2em\] {
+  height: 1.2em;
+}
 .h-\[1\.5em\] {
   height: 1.5em;
 }
@@ -1193,6 +1239,9 @@
 .max-h-60 {
   max-height: calc(var(--spacing) * 60);
 }
+.max-h-64 {
+  max-height: calc(var(--spacing) * 64);
+}
 .max-h-72 {
   max-height: calc(var(--spacing) * 72);
 }
@@ -1352,6 +1401,9 @@
 .w-1 {
   width: calc(var(--spacing) * 1);
 }
+.w-1\.5 {
+  width: calc(var(--spacing) * 1.5);
+}
 .w-1\/3 {
   width: calc(1 / 3 * 100%);
 }
@@ -1514,6 +1566,9 @@
 .w-\[calc\(100\%-8px\)\] {
   width: calc(100% - 8px);
 }
+.w-\[var\(--radix-popover-trigger-width\)\] {
+  width: var(--radix-popover-trigger-width);
+}
 .w-auto {
   width: auto;
 }
@@ -1781,6 +1836,9 @@
 .origin-\(--radix-tooltip-content-transform-origin\) {
   transform-origin: var(--radix-tooltip-content-transform-origin);
 }
+.origin-center {
+  transform-origin: center;
+}
 .-translate-x-0\.5 {
   --tw-translate-x: calc(var(--spacing) * -0.5);
   translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1938,6 +1996,9 @@
 .scroll-py-1 {
   scroll-padding-block: calc(var(--spacing) * 1);
 }
+.list-decimal {
+  list-style-type: decimal;
+}
 .list-disc {
   list-style-type: disc;
 }
@@ -1971,6 +2032,12 @@
 .grid-cols-8 {
   grid-template-columns: repeat(8, minmax(0, 1fr));
 }
+.grid-cols-\[3ch_1fr\] {
+  grid-template-columns: 3ch 1fr;
+}
+.grid-cols-\[max-content_1fr\] {
+  grid-template-columns: max-content 1fr;
+}
 .grid-rows-\[auto_1fr\] {
   grid-template-rows: auto 1fr;
 }
@@ -2123,6 +2190,9 @@
     margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
   }
 }
+.gap-x-3 {
+  column-gap: calc(var(--spacing) * 3);
+}
 .-space-x-1 {
   :where(& > :not(:last-child)) {
     --tw-space-x-reverse: 0;
@@ -2165,6 +2235,9 @@
     margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse)));
   }
 }
+.gap-y-1 {
+  row-gap: calc(var(--spacing) * 1);
+}
 .divide-y {
   :where(& > :not(:last-child)) {
     --tw-divide-y-reverse: 0;
@@ -2453,6 +2526,12 @@
 .border-amber-200 {
   border-color: var(--color-amber-200);
 }
+.border-amber-500\/20 {
+  border-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-amber-500) 20%, transparent);
+  }
+}
 .border-blue-200 {
   border-color: var(--color-blue-200);
 }
@@ -2489,6 +2568,15 @@
     border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
   }
 }
+.border-emerald-500\/20 {
+  border-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 20%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--color-emerald-500) 20%, transparent);
+  }
+}
+.border-emerald-700 {
+  border-color: var(--color-emerald-700);
+}
 .border-foreground\/15 {
   border-color: var(--foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2537,6 +2625,18 @@
 .border-primary-foreground {
   border-color: var(--primary-foreground);
 }
+.border-primary\/20 {
+  border-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--primary) 20%, transparent);
+  }
+}
+.border-primary\/40 {
+  border-color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    border-color: color-mix(in oklab, var(--primary) 40%, transparent);
+  }
+}
 .border-purple-600 {
   border-color: var(--color-purple-600);
 }
@@ -2600,6 +2700,12 @@
     background-color: color-mix(in oklab, var(--accent) 40%, transparent);
   }
 }
+.bg-accent\/50 {
+  background-color: var(--accent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--accent) 50%, transparent);
+  }
+}
 .bg-accent\/60 {
   background-color: var(--accent);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2618,6 +2724,15 @@
 .bg-amber-100 {
   background-color: var(--color-amber-100);
 }
+.bg-amber-500 {
+  background-color: var(--color-amber-500);
+}
+.bg-amber-500\/10 {
+  background-color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-amber-500) 10%, transparent);
+  }
+}
 .bg-background {
   background-color: var(--background);
 }
@@ -2627,6 +2742,12 @@
     background-color: color-mix(in oklab, var(--background) 80%, transparent);
   }
 }
+.bg-background\/90 {
+  background-color: var(--background);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--background) 90%, transparent);
+  }
+}
 .bg-background\/95 {
   background-color: var(--background);
   @supports (color: color-mix(in lab, red, red)) {
@@ -2726,12 +2847,24 @@
     background-color: color-mix(in oklab, var(--color-emerald-200) 80%, transparent);
   }
 }
+.bg-emerald-500\/10 {
+  background-color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 10%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--color-emerald-500) 10%, transparent);
+  }
+}
 .bg-emerald-600 {
   background-color: var(--color-emerald-600);
 }
 .bg-foreground {
   background-color: var(--foreground);
 }
+.bg-foreground\/80 {
+  background-color: var(--foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    background-color: color-mix(in oklab, var(--foreground) 80%, transparent);
+  }
+}
 .bg-gray-50 {
   background-color: var(--color-gray-50);
 }
@@ -2945,6 +3078,9 @@
 .bg-yellow-100 {
   background-color: var(--color-yellow-100);
 }
+.bg-yellow-200 {
+  background-color: var(--color-yellow-200);
+}
 .bg-gradient-to-br {
   --tw-gradient-position: to bottom right in oklab;
   background-image: linear-gradient(var(--tw-gradient-stops));
@@ -3018,6 +3154,9 @@
 .fill-amber-400 {
   fill: var(--color-amber-400);
 }
+.fill-amber-500 {
+  fill: var(--color-amber-500);
+}
 .fill-current {
   fill: currentcolor;
 }
@@ -3027,6 +3166,12 @@
 .fill-yellow-400 {
   fill: var(--color-yellow-400);
 }
+.stroke-border {
+  stroke: var(--border);
+}
+.stroke-current {
+  stroke: currentcolor;
+}
 .stroke-inherit {
   stroke: inherit;
 }
@@ -3354,6 +3499,9 @@
 .pl-4 {
   padding-left: calc(var(--spacing) * 4);
 }
+.pl-5 {
+  padding-left: calc(var(--spacing) * 5);
+}
 .pl-6 {
   padding-left: calc(var(--spacing) * 6);
 }
@@ -3396,6 +3544,9 @@
 .text-left {
   text-align: left;
 }
+.text-right {
+  text-align: right;
+}
 .text-start {
   text-align: start;
 }
@@ -3430,6 +3581,10 @@
   font-size: var(--text-2xl);
   line-height: var(--tw-leading, var(--text-2xl--line-height));
 }
+.text-3xl {
+  font-size: var(--text-3xl);
+  line-height: var(--tw-leading, var(--text-3xl--line-height));
+}
 .text-base {
   font-size: var(--text-base);
   line-height: var(--tw-leading, var(--text-base--line-height));
@@ -3457,6 +3612,9 @@
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
+.text-\[0\.85em\] {
+  font-size: 0.85em;
+}
 .text-\[1\.5em\] {
   font-size: 1.5em;
 }
@@ -3574,6 +3732,12 @@
 .break-all {
   word-break: break-all;
 }
+.text-ellipsis {
+  text-overflow: ellipsis;
+}
+.whitespace-normal {
+  white-space: normal;
+}
 .whitespace-nowrap {
   white-space: nowrap;
 }
@@ -3592,6 +3756,12 @@
 .text-amber-500 {
   color: var(--color-amber-500);
 }
+.text-amber-500\/70 {
+  color: color-mix(in srgb, oklch(76.9% 0.188 70.08) 70%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--color-amber-500) 70%, transparent);
+  }
+}
 .text-amber-600 {
   color: var(--color-amber-600);
 }
@@ -3631,9 +3801,21 @@
 .text-destructive {
   color: var(--destructive);
 }
+.text-destructive\/70 {
+  color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--destructive) 70%, transparent);
+  }
+}
 .text-emerald-500 {
   color: var(--color-emerald-500);
 }
+.text-emerald-500\/70 {
+  color: color-mix(in srgb, oklch(69.6% 0.17 162.48) 70%, transparent);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--color-emerald-500) 70%, transparent);
+  }
+}
 .text-emerald-600 {
   color: var(--color-emerald-600);
 }
@@ -3691,6 +3873,12 @@
 .text-muted-foreground {
   color: var(--muted-foreground);
 }
+.text-muted-foreground\/20 {
+  color: var(--muted-foreground);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--muted-foreground) 20%, transparent);
+  }
+}
 .text-muted-foreground\/30 {
   color: var(--muted-foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -3757,6 +3945,12 @@
     color: color-mix(in oklab, var(--primary) 65%, transparent);
   }
 }
+.text-primary\/70 {
+  color: var(--primary);
+  @supports (color: color-mix(in lab, red, red)) {
+    color: color-mix(in oklab, var(--primary) 70%, transparent);
+  }
+}
 .text-red-500 {
   color: var(--color-red-500);
 }
@@ -3876,6 +4070,9 @@
 .caret-primary {
   caret-color: var(--primary);
 }
+.accent-primary {
+  accent-color: var(--primary);
+}
 .opacity-0 {
   opacity: 0%;
 }
@@ -3977,6 +4174,12 @@
     --tw-ring-color: color-mix(in oklab, var(--destructive) 30%, transparent);
   }
 }
+.ring-destructive\/40 {
+  --tw-ring-color: var(--destructive);
+  @supports (color: color-mix(in lab, red, red)) {
+    --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
+  }
+}
 .ring-foreground\/10 {
   --tw-ring-color: var(--foreground);
   @supports (color: color-mix(in lab, red, red)) {
@@ -6097,6 +6300,26 @@
     }
   }
 }
+.hover\:scale-110 {
+  &:hover {
+    @media (hover: hover) {
+      --tw-scale-x: 110%;
+      --tw-scale-y: 110%;
+      --tw-scale-z: 110%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+}
+.hover\:border-foreground\/20 {
+  &:hover {
+    @media (hover: hover) {
+      border-color: var(--foreground);
+      @supports (color: color-mix(in lab, red, red)) {
+        border-color: color-mix(in oklab, var(--foreground) 20%, transparent);
+      }
+    }
+  }
+}
 .hover\:border-muted-foreground {
   &:hover {
     @media (hover: hover) {
@@ -9217,6 +9440,11 @@
     }
   }
 }
+.motion-safe\:\[animation\:var\(--animate-spin-around\)\] {
+  @media (prefers-reduced-motion: no-preference) {
+    animation: var(--animate-spin-around);
+  }
+}
 .motion-reduce\:animate-none {
   @media (prefers-reduced-motion: reduce) {
     animation: none;
@@ -10094,6 +10322,14 @@
     }
   }
 }
+.dark\:bg-yellow-500\/30 {
+  @media (prefers-color-scheme: dark) {
+    background-color: color-mix(in srgb, oklch(79.5% 0.184 86.047) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-500) 30%, transparent);
+    }
+  }
+}
 .dark\:bg-yellow-900\/30 {
   @media (prefers-color-scheme: dark) {
     background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 30%, transparent);
@@ -10130,6 +10366,19 @@
     color: var(--color-amber-300);
   }
 }
+.dark\:text-amber-400 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-amber-400);
+  }
+}
+.dark\:text-amber-400\/70 {
+  @media (prefers-color-scheme: dark) {
+    color: color-mix(in srgb, oklch(82.8% 0.189 84.429) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-amber-400) 70%, transparent);
+    }
+  }
+}
 .dark\:text-blue-300 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-blue-300);
@@ -10140,6 +10389,24 @@
     color: var(--color-blue-400);
   }
 }
+.dark\:text-emerald-300 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-emerald-300);
+  }
+}
+.dark\:text-emerald-400 {
+  @media (prefers-color-scheme: dark) {
+    color: var(--color-emerald-400);
+  }
+}
+.dark\:text-emerald-400\/70 {
+  @media (prefers-color-scheme: dark) {
+    color: color-mix(in srgb, oklch(76.5% 0.177 163.223) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      color: color-mix(in oklab, var(--color-emerald-400) 70%, transparent);
+    }
+  }
+}
 .dark\:text-emerald-500 {
   @media (prefers-color-scheme: dark) {
     color: var(--color-emerald-500);
@@ -10886,11 +11153,75 @@
     height: calc(var(--spacing) * 5);
   }
 }
+.\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-amber-500 {
+  & [data-slot=circular-progress-range] {
+    stroke: var(--color-amber-500);
+  }
+}
+.\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-destructive {
+  & [data-slot=circular-progress-range] {
+    stroke: var(--destructive);
+  }
+}
+.\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-emerald-600 {
+  & [data-slot=circular-progress-range] {
+    stroke: var(--color-emerald-600);
+  }
+}
+.\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-foreground {
+  & [data-slot=circular-progress-range] {
+    stroke: var(--foreground);
+  }
+}
+.\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-primary {
+  & [data-slot=circular-progress-range] {
+    stroke: var(--primary);
+  }
+}
+.dark\:\[\&_\[data-slot\=circular-progress-range\]\]\:stroke-emerald-500 {
+  @media (prefers-color-scheme: dark) {
+    & [data-slot=circular-progress-range] {
+      stroke: var(--color-emerald-500);
+    }
+  }
+}
 .\[\&_\[data-slot\=command-input-wrapper\]_svg\]\:hidden {
   & [data-slot=command-input-wrapper] svg {
     display: none;
   }
 }
+.\[\&_\[data-slot\=progress-indicator\]\]\:bg-amber-500 {
+  & [data-slot=progress-indicator] {
+    background-color: var(--color-amber-500);
+  }
+}
+.\[\&_\[data-slot\=progress-indicator\]\]\:bg-destructive {
+  & [data-slot=progress-indicator] {
+    background-color: var(--destructive);
+  }
+}
+.\[\&_\[data-slot\=progress-indicator\]\]\:bg-emerald-600 {
+  & [data-slot=progress-indicator] {
+    background-color: var(--color-emerald-600);
+  }
+}
+.\[\&_\[data-slot\=progress-indicator\]\]\:bg-foreground {
+  & [data-slot=progress-indicator] {
+    background-color: var(--foreground);
+  }
+}
+.\[\&_\[data-slot\=progress-indicator\]\]\:bg-primary {
+  & [data-slot=progress-indicator] {
+    background-color: var(--primary);
+  }
+}
+.dark\:\[\&_\[data-slot\=progress-indicator\]\]\:bg-emerald-500 {
+  @media (prefers-color-scheme: dark) {
+    & [data-slot=progress-indicator] {
+      background-color: var(--color-emerald-500);
+    }
+  }
+}
 .\[\&_a\]\:underline {
   & a {
     text-decoration-line: underline;
@@ -12005,6 +12336,12 @@
     height: calc(var(--spacing) * 4);
   }
 }
+.\[\&\>svg\]\:size-5 {
+  &>svg {
+    width: calc(var(--spacing) * 5);
+    height: calc(var(--spacing) * 5);
+  }
+}
 .\[\&\>svg\]\:h-2\.5 {
   &>svg {
     height: calc(var(--spacing) * 2.5);
@@ -12030,6 +12367,11 @@
     flex-shrink: 0;
   }
 }
+.\[\&\>svg\]\:rotate-0 {
+  &>svg {
+    rotate: 0deg;
+  }
+}
 .\[\&\>svg\]\:text-muted-foreground {
   &>svg {
     color: var(--muted-foreground);
@@ -12207,6 +12549,105 @@
     color: var(--color-foreground);
     box-shadow: var(--shadow-sm);
   }
+  .docy-template-markdown {
+    width: 100%;
+    font-size: 0.875rem;
+    line-height: 1.5rem;
+    color: var(--color-foreground);
+  }
+  .docy-template-markdown > * + * {
+    margin-top: 0.75rem;
+  }
+  .docy-template-markdown h1 {
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+    font-size: 1.5rem;
+    font-weight: 600;
+  }
+  .docy-template-markdown h2 {
+    margin-top: 1rem;
+    margin-bottom: 0.5rem;
+    font-size: 1.25rem;
+    font-weight: 600;
+  }
+  .docy-template-markdown h3 {
+    margin-top: 0.75rem;
+    margin-bottom: 0.25rem;
+    font-size: 1.125rem;
+    font-weight: 600;
+  }
+  .docy-template-markdown h4 {
+    margin-top: 0.5rem;
+    margin-bottom: 0.25rem;
+    font-size: 1rem;
+    font-weight: 600;
+  }
+  .docy-template-markdown p {
+    margin: 0.5rem 0;
+  }
+  .docy-template-markdown a {
+    color: var(--color-primary);
+    text-decoration: underline;
+  }
+  .docy-template-markdown strong {
+    font-weight: 600;
+  }
+  .docy-template-markdown em {
+    font-style: italic;
+  }
+  .docy-template-markdown ul {
+    margin: 0.5rem 0;
+    padding-left: 1.25rem;
+    list-style: disc;
+  }
+  .docy-template-markdown ol {
+    margin: 0.5rem 0;
+    padding-left: 1.25rem;
+    list-style: decimal;
+  }
+  .docy-template-markdown li {
+    margin: 0.125rem 0;
+  }
+  .docy-template-markdown blockquote {
+    margin: 0.5rem 0;
+    padding-left: 0.75rem;
+    border-left: 2px solid var(--color-border);
+    color: var(--color-muted-foreground);
+  }
+  .docy-template-markdown hr {
+    margin: 1rem 0;
+    border: 0;
+    border-top: 1px solid var(--color-border);
+  }
+  .docy-template-markdown table {
+    margin: 0.5rem 0;
+    width: 100%;
+    border-collapse: collapse;
+    font-size: 0.875rem;
+  }
+  .docy-template-markdown th {
+    border: 1px solid var(--color-border);
+    background-color: var(--color-muted);
+    padding: 0.25rem 0.5rem;
+    text-align: left;
+    font-weight: 600;
+  }
+  .docy-template-markdown td {
+    border: 1px solid var(--color-border);
+    padding: 0.25rem 0.5rem;
+  }
+  .docy-template-markdown :not(pre) > code {
+    padding: 0.125rem 0.25rem;
+    border-radius: 0.25rem;
+    background-color: var(--color-muted);
+    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
+    font-size: 0.75rem;
+  }
+  .docy-template-markdown pre {
+    margin: 0.75rem 0;
+    overflow-x: auto;
+    border-radius: 0.375rem;
+  }
 }
 @property --tw-translate-x {
   syntax: "*";