@mintlify/components 0.1.52 → 0.1.54

package/dist/main.css

@@ -1,5 +1,5 @@
 /*
-! tailwindcss v3.2.4 | MIT License | https://tailwindcss.com
+! tailwindcss v3.1.8 | MIT License | https://tailwindcss.com
 *//*
 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
@@ -24,7 +24,6 @@
 2. Prevent adjustments of font size after orientation changes in iOS.
 3. Use a more readable tab size.
 4. Use the user's configured `sans` font-family by default.
-5. Use the user's configured `sans` font-feature-settings by default.
 */
 
 html {
@@ -34,7 +33,6 @@ html {
   -o-tab-size: 4;
      tab-size: 4; /* 3 */
   font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */
-  font-feature-settings: normal; /* 5 */
 }
 
 /*
@@ -371,12 +369,54 @@ video {
   height: auto;
 }
 
-/* Make elements with the HTML hidden attribute stay hidden by default */
-[hidden] {
-  display: none;
+*, ::before, ::after {
+  --tw-border-spacing-x: 0;
+  --tw-border-spacing-y: 0;
+  --tw-translate-x: 0;
+  --tw-translate-y: 0;
+  --tw-rotate: 0;
+  --tw-skew-x: 0;
+  --tw-skew-y: 0;
+  --tw-scale-x: 1;
+  --tw-scale-y: 1;
+  --tw-pan-x:  ;
+  --tw-pan-y:  ;
+  --tw-pinch-zoom:  ;
+  --tw-scroll-snap-strictness: proximity;
+  --tw-ordinal:  ;
+  --tw-slashed-zero:  ;
+  --tw-numeric-figure:  ;
+  --tw-numeric-spacing:  ;
+  --tw-numeric-fraction:  ;
+  --tw-ring-inset:  ;
+  --tw-ring-offset-width: 0px;
+  --tw-ring-offset-color: #fff;
+  --tw-ring-color: rgba(59, 130, 246, 0.5);
+  --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
+  --tw-ring-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow: 0 0 rgba(0,0,0,0);
+  --tw-shadow-colored: 0 0 rgba(0,0,0,0);
+  --tw-blur:  ;
+  --tw-brightness:  ;
+  --tw-contrast:  ;
+  --tw-grayscale:  ;
+  --tw-hue-rotate:  ;
+  --tw-invert:  ;
+  --tw-saturate:  ;
+  --tw-sepia:  ;
+  --tw-drop-shadow:  ;
+  --tw-backdrop-blur:  ;
+  --tw-backdrop-brightness:  ;
+  --tw-backdrop-contrast:  ;
+  --tw-backdrop-grayscale:  ;
+  --tw-backdrop-hue-rotate:  ;
+  --tw-backdrop-invert:  ;
+  --tw-backdrop-opacity:  ;
+  --tw-backdrop-saturate:  ;
+  --tw-backdrop-sepia:  ;
 }
 
-*, ::before, ::after {
+::-webkit-backdrop {
   --tw-border-spacing-x: 0;
   --tw-border-spacing-y: 0;
   --tw-translate-x: 0;
@@ -1027,20 +1067,20 @@ video {
 .prose-sm :where(ul > li):not(:where([class~="not-prose"] *)) {
   padding-left: 0.4285714em;
 }
-.prose-sm :where(.prose-sm > ul > li p):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
   margin-top: 0.5714286em;
   margin-bottom: 0.5714286em;
 }
-.prose-sm :where(.prose-sm > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
-.prose-sm :where(.prose-sm > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
-.prose-sm :where(.prose-sm > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 1.1428571em;
 }
-.prose-sm :where(.prose-sm > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 1.1428571em;
 }
 .prose-sm :where(ul ul, ul ol, ol ul, ol ol):not(:where([class~="not-prose"] *)) {
@@ -1090,10 +1130,98 @@ video {
 .prose-sm :where(tbody td:last-child, tfoot td:last-child):not(:where([class~="not-prose"] *)) {
   padding-right: 0;
 }
-.prose-sm :where(.prose-sm > :first-child):not(:where([class~="not-prose"] *)) {
+.prose-sm :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
+}
+.prose-sm :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+.prose-base :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.75em;
+  margin-bottom: 0.75em;
+}
+.prose-base :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
+}
+.prose-base :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
+}
+.prose-base :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.25em;
+}
+.prose-base :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.25em;
+}
+.prose-base :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
+}
+.prose-base :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+.prose-lg :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8888889em;
+  margin-bottom: 0.8888889em;
+}
+.prose-lg :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
+}
+.prose-lg :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
+}
+.prose-lg :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
+}
+.prose-lg :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
+}
+.prose-lg :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
+}
+.prose-lg :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+.prose-xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8em;
+  margin-bottom: 0.8em;
+}
+.prose-xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.2em;
+}
+.prose-xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.2em;
+}
+.prose-xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.2em;
+}
+.prose-xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.2em;
+}
+.prose-xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 0;
+}
+.prose-xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 0;
+}
+.prose-2xl :where(.prose > ul > li p):not(:where([class~="not-prose"] *)) {
+  margin-top: 0.8333333em;
+  margin-bottom: 0.8333333em;
+}
+.prose-2xl :where(.prose > ul > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
+}
+.prose-2xl :where(.prose > ul > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
+}
+.prose-2xl :where(.prose > ol > li > *:first-child):not(:where([class~="not-prose"] *)) {
+  margin-top: 1.3333333em;
+}
+.prose-2xl :where(.prose > ol > li > *:last-child):not(:where([class~="not-prose"] *)) {
+  margin-bottom: 1.3333333em;
+}
+.prose-2xl :where(.prose > :first-child):not(:where([class~="not-prose"] *)) {
   margin-top: 0;
 }
-.prose-sm :where(.prose-sm > :last-child):not(:where([class~="not-prose"] *)) {
+.prose-2xl :where(.prose > :last-child):not(:where([class~="not-prose"] *)) {
   margin-bottom: 0;
 }
 .prose-slate {
@@ -1138,12 +1266,14 @@ video {
   --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .dark .gray-frame {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
   --tw-ring-inset: inset;
   --tw-ring-color: rgba(255, 255, 255, 0.1);
@@ -1160,6 +1290,9 @@ video {
 .pointer-events-none {
   pointer-events: none;
 }
+.invisible {
+  visibility: hidden;
+}
 .absolute {
   position: absolute;
 }
@@ -1185,6 +1318,24 @@ video {
 .left-1\/2 {
   left: 50%;
 }
+.right-2 {
+  right: 0.5rem;
+}
+.top-\[7px\] {
+  top: 7px;
+}
+.-top-px {
+  top: -1px;
+}
+.-top-0\.5 {
+  top: -0.125rem;
+}
+.-left-px {
+  left: -1px;
+}
+.-top-0 {
+  top: -0px;
+}
 .top-5 {
   top: 1.25rem;
 }
@@ -1212,6 +1363,18 @@ video {
   margin-left: 1.5rem;
   margin-right: 1.5rem;
 }
+.-mx-1\.5 {
+  margin-left: -0.375rem;
+  margin-right: -0.375rem;
+}
+.-mx-1 {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+.mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .mx-\[6px\] {
   margin-left: 6px;
   margin-right: 6px;
@@ -1252,6 +1415,12 @@ video {
 .mb-3 {
   margin-bottom: 0.75rem;
 }
+.-mb-px {
+  margin-bottom: -1px;
+}
+.mb-2 {
+  margin-bottom: 0.5rem;
+}
 .mt-5 {
   margin-top: 1.25rem;
 }
@@ -1273,17 +1442,14 @@ video {
 .-mt-1 {
   margin-top: -0.25rem;
 }
-.-mb-px {
-  margin-bottom: -1px;
-}
 .mb-6 {
   margin-bottom: 1.5rem;
 }
-.ml-32 {
-  margin-left: 8rem;
+.ml-16 {
+  margin-left: 4rem;
 }
-.mt-32 {
-  margin-top: 8rem;
+.mt-8 {
+  margin-top: 2rem;
 }
 .block {
   display: block;
@@ -1327,9 +1493,21 @@ video {
 .h-3 {
   height: 0.75rem;
 }
+.h-7 {
+  height: 1.75rem;
+}
+.h-\[1\.125rem\] {
+  height: 1.125rem;
+}
 .h-\[1\.15rem\] {
   height: 1.15rem;
 }
+.max-h-60 {
+  max-height: 15rem;
+}
+.max-h-72 {
+  max-height: 18rem;
+}
 .w-4 {
   width: 1rem;
 }
@@ -1352,22 +1530,36 @@ video {
   width: 10rem;
 }
 .w-fit {
+  width: -webkit-fit-content;
   width: -moz-fit-content;
   width: fit-content;
 }
+.w-\[calc\(40\%-1\.05rem\)\] {
+  width: calc(40% - 1.05rem);
+}
+.w-2\/5 {
+  width: 40%;
+}
 .min-w-full {
   min-width: 100%;
 }
 .max-w-max {
+  max-width: -webkit-max-content;
   max-width: -moz-max-content;
   max-width: max-content;
 }
+.max-w-md {
+  max-width: 28rem;
+}
 .flex-1 {
   flex: 1 1 0%;
 }
 .flex-none {
   flex: none;
 }
+.flex-initial {
+  flex: 0 1 auto;
+}
 .flex-auto {
   flex: 1 1 auto;
 }
@@ -1385,6 +1577,11 @@ video {
 .cursor-pointer {
   cursor: pointer;
 }
+.select-none {
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
+}
 .flex-row {
   flex-direction: row;
 }
@@ -1425,6 +1622,12 @@ video {
   margin-left: calc(0.5rem * (1 - var(--tw-space-x-reverse)));
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
+.space-y-2 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * (1 - var(--tw-space-y-reverse)));
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
+}
 .space-x-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(1rem * var(--tw-space-x-reverse));
@@ -1455,6 +1658,9 @@ video {
 .overflow-visible {
   overflow: visible;
 }
+.overflow-scroll {
+  overflow: scroll;
+}
 .overflow-x-auto {
   overflow-x: auto;
 }
@@ -1466,6 +1672,9 @@ video {
 .whitespace-nowrap {
   white-space: nowrap;
 }
+.whitespace-pre {
+  white-space: pre;
+}
 .rounded-full {
   border-radius: 9999px;
 }
@@ -1521,9 +1730,15 @@ video {
 .border-t {
   border-top-width: 1px;
 }
+.border-b-2 {
+  border-bottom-width: 2px;
+}
 .border-r {
   border-right-width: 1px;
 }
+.border-dashed {
+  border-style: dashed;
+}
 .border-none {
   border-style: none;
 }
@@ -1542,6 +1757,13 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(248, 250, 252, var(--tw-border-opacity));
 }
+.border-transparent {
+  border-color: transparent;
+}
+.border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .border-slate-500\/30 {
   border-color: rgba(100, 116, 139, 0.3);
 }
@@ -1551,8 +1773,29 @@ video {
 .border-current {
   border-color: currentColor;
 }
-.border-transparent {
-  border-color: transparent;
+.border-green-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(22, 163, 74, var(--tw-border-opacity));
+}
+.border-blue-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(37, 99, 235, var(--tw-border-opacity));
+}
+.border-yellow-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(202, 138, 4, var(--tw-border-opacity));
+}
+.border-red-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(220, 38, 38, var(--tw-border-opacity));
+}
+.border-orange-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(234, 88, 12, var(--tw-border-opacity));
+}
+.border-slate-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(71, 85, 105, var(--tw-border-opacity));
 }
 .border-red-200 {
   --tw-border-opacity: 1;
@@ -1610,6 +1853,30 @@ video {
 .bg-slate-700\/50 {
   background-color: rgba(51, 65, 85, 0.5);
 }
+.bg-green-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 163, 74, var(--tw-bg-opacity));
+}
+.bg-blue-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(37, 99, 235, var(--tw-bg-opacity));
+}
+.bg-yellow-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(202, 138, 4, var(--tw-bg-opacity));
+}
+.bg-red-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+.bg-orange-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(234, 88, 12, var(--tw-bg-opacity));
+}
+.bg-slate-600 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(71, 85, 105, var(--tw-bg-opacity));
+}
 .bg-red-100 {
   --tw-bg-opacity: 1;
   background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
@@ -1623,6 +1890,18 @@ video {
 .fill-slate-500 {
   fill: #64748b;
 }
+.fill-slate-600 {
+  fill: #475569;
+}
+.fill-red-600 {
+  fill: #dc2626;
+}
+.fill-white {
+  fill: #fff;
+}
+.stroke-slate-700 {
+  stroke: #334155;
+}
 .p-8 {
   padding: 2rem;
 }
@@ -1670,6 +1949,30 @@ video {
   padding-left: 1rem;
   padding-right: 1rem;
 }
+.py-0\.5 {
+  padding-top: 0.125rem;
+  padding-bottom: 0.125rem;
+}
+.px-2 {
+  padding-left: 0.5rem;
+  padding-right: 0.5rem;
+}
+.py-0 {
+  padding-top: 0px;
+  padding-bottom: 0px;
+}
+.px-3\.5 {
+  padding-left: 0.875rem;
+  padding-right: 0.875rem;
+}
+.py-1\.5 {
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+}
+.py-3 {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+}
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -1682,12 +1985,18 @@ video {
 .pt-2 {
   padding-top: 0.5rem;
 }
-.pr-4 {
-  padding-right: 1rem;
+.pt-3\.5 {
+  padding-top: 0.875rem;
+}
+.pb-4 {
+  padding-bottom: 1rem;
 }
 .pt-3 {
   padding-top: 0.75rem;
 }
+.pr-4 {
+  padding-right: 1rem;
+}
 .pb-2\.5 {
   padding-bottom: 0.625rem;
 }
@@ -1703,6 +2012,9 @@ video {
 .text-center {
   text-align: center;
 }
+.align-middle {
+  vertical-align: middle;
+}
 .font-mono {
   font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
@@ -1718,6 +2030,12 @@ video {
   font-size: 0.75rem;
   line-height: 1rem;
 }
+.text-\[0\.84rem\] {
+  font-size: 0.84rem;
+}
+.text-\[0\.95rem\] {
+  font-size: 0.95rem;
+}
 .font-semibold {
   font-weight: 600;
 }
@@ -1727,6 +2045,9 @@ video {
 .font-normal {
   font-weight: 400;
 }
+.font-bold {
+  font-weight: 700;
+}
 .leading-5 {
   line-height: 1.25rem;
 }
@@ -1812,22 +2133,37 @@ video {
   --tw-text-opacity: 1;
   color: rgba(248, 250, 252, var(--tw-text-opacity));
 }
+.text-red-600 {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
 .text-white {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
 }
+.text-yellow-600 {
+  --tw-text-opacity: 1;
+  color: rgba(202, 138, 4, var(--tw-text-opacity));
+}
+.text-orange-600 {
+  --tw-text-opacity: 1;
+  color: rgba(234, 88, 12, var(--tw-text-opacity));
+}
 .text-pink-700 {
   --tw-text-opacity: 1;
   color: rgba(190, 24, 93, var(--tw-text-opacity));
 }
 .underline {
-  text-decoration-line: underline;
+  -webkit-text-decoration-line: underline;
+          text-decoration-line: underline;
 }
 .decoration-slate-400 {
-  text-decoration-color: #94a3b8;
+  -webkit-text-decoration-color: #94a3b8;
+          text-decoration-color: #94a3b8;
 }
 .decoration-dotted {
-  text-decoration-style: dotted;
+  -webkit-text-decoration-style: dotted;
+          text-decoration-style: dotted;
 }
 .decoration-2 {
   text-decoration-thickness: 2px;
@@ -1835,10 +2171,14 @@ video {
 .underline-offset-4 {
   text-underline-offset: 4px;
 }
+.opacity-0 {
+  opacity: 0;
+}
 .shadow {
   --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
   --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow);
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow);
 }
 .outline-none {
@@ -1849,6 +2189,7 @@ video {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
 .ring-transparent {
@@ -1864,6 +2205,10 @@ video {
   -webkit-mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
           mask-image: linear-gradient(0deg,#fff,rgba(255,255,255,0.6));
 }
+.hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .hover\:border-slate-300:hover {
   --tw-border-opacity: 1;
   border-color: rgba(203, 213, 225, var(--tw-border-opacity));
@@ -1899,6 +2244,37 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(241, 245, 249, var(--tw-bg-opacity));
 }
+.hover\:bg-slate-50:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(248, 250, 252, var(--tw-bg-opacity));
+}
+.hover\:bg-green-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(22, 101, 52, var(--tw-bg-opacity));
+}
+.hover\:bg-blue-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 64, 175, var(--tw-bg-opacity));
+}
+.hover\:bg-yellow-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(133, 77, 14, var(--tw-bg-opacity));
+}
+.hover\:bg-red-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(153, 27, 27, var(--tw-bg-opacity));
+}
+.hover\:bg-orange-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(154, 52, 18, var(--tw-bg-opacity));
+}
+.hover\:bg-slate-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
+}
+.hover\:fill-red-800:hover {
+  fill: #991b1b;
+}
 .hover\:fill-slate-300:hover {
   fill: #cbd5e1;
 }
@@ -1922,6 +2298,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(15, 23, 42, var(--tw-text-opacity));
 }
+.hover\:text-slate-700:hover {
+  --tw-text-opacity: 1;
+  color: rgba(51, 65, 85, var(--tw-text-opacity));
+}
 .focus\:outline-none:focus {
   outline: 2px solid transparent;
   outline-offset: 2px;
@@ -1930,6 +2310,7 @@ video {
   --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
   --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
+  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
   box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
 }
 .focus\:ring-indigo-500:focus {
@@ -1952,9 +2333,36 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(100, 116, 139, var(--tw-ring-opacity));
 }
+.disabled\:bg-green-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(21, 128, 61, var(--tw-bg-opacity));
+}
+.disabled\:bg-blue-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(29, 78, 216, var(--tw-bg-opacity));
+}
+.disabled\:bg-yellow-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(161, 98, 7, var(--tw-bg-opacity));
+}
+.disabled\:bg-red-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+.disabled\:bg-orange-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(194, 65, 12, var(--tw-bg-opacity));
+}
+.disabled\:bg-slate-700:disabled {
+  --tw-bg-opacity: 1;
+  background-color: rgba(51, 65, 85, var(--tw-bg-opacity));
+}
 .group:hover .group-hover\:flex {
   display: flex;
 }
+.group:hover .group-hover\:fill-slate-700 {
+  fill: #334155;
+}
 .group:hover .group-hover\:text-indigo-400 {
   --tw-text-opacity: 1;
   color: rgba(129, 140, 248, var(--tw-text-opacity));
@@ -1986,8 +2394,49 @@ video {
   --tw-shadow: 0 0 rgba(0,0,0,0) !important;
   --tw-shadow-colored: 0 0 rgba(0,0,0,0) !important;
   box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
+  box-shadow: 0 0 rgba(0,0,0,0), 0 0 rgba(0,0,0,0), var(--tw-shadow) !important;
   box-shadow: var(--tw-ring-offset-shadow, 0 0 rgba(0,0,0,0)), var(--tw-ring-shadow, 0 0 rgba(0,0,0,0)), var(--tw-shadow) !important;
 }
+.dark .dark\:prose-dark {
+  color: #94a3b8;
+}
+.dark .dark\:prose-dark :where(h1, h2, h3, h4, thead th):not(:where([class~="not-prose"] *)) {
+  color: #e2e8f0;
+}
+.dark .dark\:prose-dark :where(h1 small, h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
+  color: #94a3b8;
+}
+.dark .dark\:prose-dark :where(kbd):not(:where([class~="not-prose"] *)) {
+  background: #334155;
+  border-color: #475569;
+  color: #e2e8f0;
+}
+.dark .dark\:prose-dark :where(code):not(:where([class~="not-prose"] *)) {
+  color: #e2e8f0;
+}
+.dark .dark\:prose-dark :where(hr):not(:where([class~="not-prose"] *)) {
+  border-color: #e2e8f0;
+  opacity: 0.05;
+}
+.dark .dark\:prose-dark :where(pre):not(:where([class~="not-prose"] *)) {
+  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+.dark .dark\:prose-dark :where(a):not(:where([class~="not-prose"] *)) {
+  color: #fff;
+}
+.dark .dark\:prose-dark :where(strong):not(:where([class~="not-prose"] *)) {
+  color: #e2e8f0;
+}
+.dark .dark\:prose-dark :where(thead):not(:where([class~="not-prose"] *)) {
+  color: #cbd5e1;
+  border-bottom-color: rgba(148, 163, 184, 0.2);
+}
+.dark .dark\:prose-dark :where(tbody tr):not(:where([class~="not-prose"] *)) {
+  border-bottom-color: rgba(148, 163, 184, 0.1);
+}
+.dark .dark\:prose-dark :where(blockQuote):not(:where([class~="not-prose"] *)) {
+  color: #fff;
+}
 .dark .dark\:border-slate-800 {
   --tw-border-opacity: 1;
   border-color: rgba(30, 41, 59, var(--tw-border-opacity));
@@ -1999,9 +2448,41 @@ video {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
 }
+.dark .dark\:border-slate-600 {
+  --tw-border-opacity: 1;
+  border-color: rgba(71, 85, 105, var(--tw-border-opacity));
+}
+.dark .dark\:border-slate-400 {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .dark .dark\:border-slate-200\/10 {
   border-color: rgba(226, 232, 240, 0.1);
 }
+.dark .dark\:border-green-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(34, 197, 94, var(--tw-border-opacity));
+}
+.dark .dark\:border-blue-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(59, 130, 246, var(--tw-border-opacity));
+}
+.dark .dark\:border-yellow-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(234, 179, 8, var(--tw-border-opacity));
+}
+.dark .dark\:border-red-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(239, 68, 68, var(--tw-border-opacity));
+}
+.dark .dark\:border-orange-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(249, 115, 22, var(--tw-border-opacity));
+}
+.dark .dark\:border-slate-500 {
+  --tw-border-opacity: 1;
+  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
+}
 .dark .dark\:border-red-600 {
   --tw-border-opacity: 1;
   border-color: rgba(220, 38, 38, var(--tw-border-opacity));
@@ -2039,12 +2520,25 @@ video {
 .dark .dark\:bg-slate-600\/30 {
   background-color: rgba(71, 85, 105, 0.3);
 }
+.dark .dark\:bg-slate-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgba(15, 23, 42, var(--tw-bg-opacity));
+}
 .dark .dark\:fill-slate-100 {
   fill: #f1f5f9;
 }
 .dark .dark\:fill-slate-300 {
   fill: #cbd5e1;
 }
+.dark .dark\:fill-slate-400 {
+  fill: #94a3b8;
+}
+.dark .dark\:fill-red-400 {
+  fill: #f87171;
+}
+.dark .dark\:stroke-slate-100 {
+  stroke: #f1f5f9;
+}
 .dark .dark\:text-slate-100 {
   --tw-text-opacity: 1;
   color: rgba(241, 245, 249, var(--tw-text-opacity));
@@ -2087,52 +2581,37 @@ video {
   --tw-text-opacity: 1;
   color: rgba(226, 232, 240, var(--tw-text-opacity));
 }
-.dark .dark\:text-pink-300 {
+.dark .dark\:text-red-400 {
   --tw-text-opacity: 1;
-  color: rgba(249, 168, 212, var(--tw-text-opacity));
-}
-.dark .dark\:decoration-slate-500 {
-  text-decoration-color: #64748b;
-}
-.dark .dark\:prose-dark {
-  color: #94a3b8;
-}
-.dark .dark\:prose-dark :where(h1, h2, h3, h4, thead th):not(:where([class~="not-prose"] *)) {
-  color: #e2e8f0;
-}
-.dark .dark\:prose-dark :where(h1 small, h2 small, h3 small, h4 small):not(:where([class~="not-prose"] *)) {
-  color: #94a3b8;
-}
-.dark .dark\:prose-dark :where(kbd):not(:where([class~="not-prose"] *)) {
-  background: #334155;
-  border-color: #475569;
-  color: #e2e8f0;
+  color: rgba(248, 113, 113, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(code):not(:where([class~="not-prose"] *)) {
-  color: #e2e8f0;
-}
-.dark .dark\:prose-dark :where(hr):not(:where([class~="not-prose"] *)) {
-  border-color: #e2e8f0;
-  opacity: 0.05;
+.dark .dark\:text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgba(34, 197, 94, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(pre):not(:where([class~="not-prose"] *)) {
-  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
+.dark .dark\:text-blue-500 {
+  --tw-text-opacity: 1;
+  color: rgba(59, 130, 246, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(a):not(:where([class~="not-prose"] *)) {
-  color: #fff;
+.dark .dark\:text-yellow-500 {
+  --tw-text-opacity: 1;
+  color: rgba(234, 179, 8, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(strong):not(:where([class~="not-prose"] *)) {
-  color: #e2e8f0;
+.dark .dark\:text-red-500 {
+  --tw-text-opacity: 1;
+  color: rgba(239, 68, 68, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(thead):not(:where([class~="not-prose"] *)) {
-  color: #cbd5e1;
-  border-bottom-color: rgba(148, 163, 184, 0.2);
+.dark .dark\:text-orange-500 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 115, 22, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(tbody tr):not(:where([class~="not-prose"] *)) {
-  border-bottom-color: rgba(148, 163, 184, 0.1);
+.dark .dark\:text-pink-300 {
+  --tw-text-opacity: 1;
+  color: rgba(249, 168, 212, var(--tw-text-opacity));
 }
-.dark .dark\:prose-dark :where(blockQuote):not(:where([class~="not-prose"] *)) {
-  color: #fff;
+.dark .dark\:decoration-slate-500 {
+  -webkit-text-decoration-color: #64748b;
+          text-decoration-color: #64748b;
 }
 .dark .dark\:bg-grid-slate-700\/25 {
   background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 32 32%27 width=%2732%27 height=%2732%27 fill=%27none%27 stroke=%27rgb%2851 65 85 / 0.25%29%27%3e%3cpath d=%27M0 .5H31.5V32%27/%3e%3c/svg%3e");
@@ -2144,6 +2623,14 @@ video {
   -webkit-mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
           mask-image: linear-gradient(0deg,rgba(255,255,255,0.1),rgba(255,255,255,0.5));
 }
+.dark .dark\:hover\:border-slate-500:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(100, 116, 139, var(--tw-border-opacity));
+}
+.dark .dark\:hover\:border-slate-400:hover {
+  --tw-border-opacity: 1;
+  border-color: rgba(148, 163, 184, var(--tw-border-opacity));
+}
 .dark .dark\:hover\:border-slate-700:hover {
   --tw-border-opacity: 1;
   border-color: rgba(51, 65, 85, var(--tw-border-opacity));
@@ -2164,6 +2651,13 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
 }
+.dark .dark\:hover\:bg-slate-800:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(30, 41, 59, var(--tw-bg-opacity));
+}
+.dark .dark\:hover\:fill-red-200:hover {
+  fill: #fecaca;
+}
 .dark .dark\:hover\:text-white:hover {
   --tw-text-opacity: 1;
   color: rgba(255, 255, 255, var(--tw-text-opacity));
@@ -2180,6 +2674,9 @@ video {
   --tw-ring-opacity: 1;
   --tw-ring-color: rgba(186, 230, 253, var(--tw-ring-opacity));
 }
+.dark .group:hover .dark\:group-hover\:fill-slate-200 {
+  fill: #e2e8f0;
+}
 .dark .group:hover .dark\:group-hover\:text-slate-400 {
   --tw-text-opacity: 1;
   color: rgba(148, 163, 184, var(--tw-text-opacity));
@@ -2190,6 +2687,18 @@ video {
 }
 @media (min-width: 640px) {
 
+  .sm\:block {
+    display: block;
+  }
+
+  .sm\:w-\[calc\(33\%-1\.05rem\)\] {
+    width: calc(33% - 1.05rem);
+  }
+
+  .sm\:w-1\/3 {
+    width: 33.333333%;
+  }
+
   .sm\:grid-cols-1 {
     grid-template-columns: repeat(1, minmax(0, 1fr));
   }
@@ -2206,6 +2715,13 @@ video {
     grid-template-columns: repeat(4, minmax(0, 1fr));
   }
 }
+@media (min-width: 768px) {
+
+  .md\:text-base {
+    font-size: 1rem;
+    line-height: 1.5rem;
+  }
+}
 @media (min-width: 1024px) {
 
   .lg\:whitespace-nowrap {