@nasa-jpl/stellar-svelte 2.0.0-alpha.33 → 2.0.0-alpha.36

package/dist/index.css

@@ -107,7 +107,7 @@
 }
 
 /*
-! tailwindcss v3.4.14 | MIT License | https://tailwindcss.com
+! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com
 */
 
 /*
@@ -601,14 +601,14 @@ video {
 
 * {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--border) / var(--tw-border-opacity));
+  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
 
 body {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity));
+  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .container {
@@ -695,6 +695,14 @@ body {
   left: 0px;
 }
 
+.left-1 {
+  left: 0.25rem;
+}
+
+.left-1\.5 {
+  left: 0.375rem;
+}
+
 .left-1\/2 {
   left: 50%;
 }
@@ -731,10 +739,6 @@ body {
   top: 3.5rem;
 }
 
-.top-16 {
-  top: 4rem;
-}
-
 .top-2\.5 {
   top: 0.625rem;
 }
@@ -751,6 +755,10 @@ body {
   z-index: 10;
 }
 
+.z-20 {
+  z-index: 20;
+}
+
 .z-30 {
   z-index: 30;
 }
@@ -759,6 +767,14 @@ body {
   z-index: 50;
 }
 
+.col-span-2 {
+  grid-column: span 2 / span 2;
+}
+
+.col-span-3 {
+  grid-column: span 3 / span 3;
+}
+
 .-mx-1 {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
@@ -784,6 +800,11 @@ body {
   margin-bottom: 0.25rem;
 }
 
+.my-2 {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+
 .my-4 {
   margin-top: 1rem;
   margin-bottom: 1rem;
@@ -797,10 +818,6 @@ body {
   margin-left: -1rem;
 }
 
-.-mt-10 {
-  margin-top: -2.5rem;
-}
-
 .-mt-4 {
   margin-top: -1rem;
 }
@@ -837,6 +854,10 @@ body {
   margin-right: auto;
 }
 
+.mt-12 {
+  margin-top: 3rem;
+}
+
 .mt-2 {
   margin-top: 0.5rem;
 }
@@ -929,6 +950,10 @@ body {
   height: 0.625rem;
 }
 
+.h-3 {
+  height: 0.75rem;
+}
+
 .h-3\.5 {
   height: 0.875rem;
 }
@@ -949,6 +974,10 @@ body {
   height: 1.75rem;
 }
 
+.h-72 {
+  height: 18rem;
+}
+
 .h-8 {
   height: 2rem;
 }
@@ -961,10 +990,22 @@ body {
   height: 1.2rem;
 }
 
+.h-\[120px\] {
+  height: 120px;
+}
+
+.h-\[150px\] {
+  height: 150px;
+}
+
 .h-\[1px\] {
   height: 1px;
 }
 
+.h-\[200px\] {
+  height: 200px;
+}
+
 .h-\[24px\] {
   height: 24px;
 }
@@ -993,10 +1034,18 @@ body {
   max-height: 300px;
 }
 
+.max-h-\[500px\] {
+  max-height: 500px;
+}
+
 .max-h-screen {
   max-height: 100vh;
 }
 
+.min-h-12 {
+  min-height: 3rem;
+}
+
 .min-h-\[350px\] {
   min-height: 350px;
 }
@@ -1017,6 +1066,10 @@ body {
   width: 2.5rem;
 }
 
+.w-12 {
+  width: 3rem;
+}
+
 .w-2 {
   width: 0.5rem;
 }
@@ -1025,6 +1078,10 @@ body {
   width: 0.625rem;
 }
 
+.w-2\/3 {
+  width: 66.666667%;
+}
+
 .w-3 {
   width: 0.75rem;
 }
@@ -1041,10 +1098,18 @@ body {
   width: 1rem;
 }
 
+.w-48 {
+  width: 12rem;
+}
+
 .w-5 {
   width: 1.25rem;
 }
 
+.w-56 {
+  width: 14rem;
+}
+
 .w-6 {
   width: 1.5rem;
 }
@@ -1065,6 +1130,10 @@ body {
   width: 2rem;
 }
 
+.w-80 {
+  width: 20rem;
+}
+
 .w-9 {
   width: 2.25rem;
 }
@@ -1089,10 +1158,38 @@ body {
   width: 1px;
 }
 
+.w-\[200px\] {
+  width: 200px;
+}
+
+.w-\[250px\] {
+  width: 250px;
+}
+
+.w-\[300px\] {
+  width: 300px;
+}
+
+.w-\[350px\] {
+  width: 350px;
+}
+
+.w-\[400px\] {
+  width: 400px;
+}
+
 .w-\[44px\] {
   width: 44px;
 }
 
+.w-\[450px\] {
+  width: 450px;
+}
+
+.w-\[60\%\] {
+  width: 60%;
+}
+
 .w-full {
   width: 100%;
 }
@@ -1122,10 +1219,26 @@ body {
   max-width: 42rem;
 }
 
+.max-w-\[400px\] {
+  max-width: 400px;
+}
+
+.max-w-\[450px\] {
+  max-width: 450px;
+}
+
+.max-w-\[70\%\] {
+  max-width: 70%;
+}
+
 .max-w-lg {
   max-width: 32rem;
 }
 
+.max-w-md {
+  max-width: 28rem;
+}
+
 .max-w-prose {
   max-width: 65ch;
 }
@@ -1134,6 +1247,14 @@ body {
   max-width: 1536px;
 }
 
+.max-w-sm {
+  max-width: 24rem;
+}
+
+.max-w-xs {
+  max-width: 20rem;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -1262,6 +1383,18 @@ body {
   grid-auto-rows: max-content;
 }
 
+.grid-cols-2 {
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.grid-cols-4 {
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+}
+
 .flex-row {
   flex-direction: row;
 }
@@ -1322,6 +1455,10 @@ body {
   gap: 1.5rem;
 }
 
+.gap-8 {
+  gap: 2rem;
+}
+
 .space-x-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-x-reverse: 0;
   margin-right: calc(0.25rem * var(--tw-space-x-reverse));
@@ -1334,6 +1471,12 @@ body {
   margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
 }
 
+.space-x-4 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-x-reverse: 0;
+  margin-right: calc(1rem * var(--tw-space-x-reverse));
+  margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
+}
+
 .space-y-1 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
@@ -1352,12 +1495,30 @@ body {
   margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
 }
 
+.space-y-3 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
+}
+
 .space-y-4 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0;
   margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(1rem * var(--tw-space-y-reverse));
 }
 
+.space-y-6 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
+}
+
+.space-y-8 > :not([hidden]) ~ :not([hidden]) {
+  --tw-space-y-reverse: 0;
+  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
+}
+
 .overflow-auto {
   overflow: auto;
 }
@@ -1451,19 +1612,23 @@ body {
   border-top-width: 1px;
 }
 
+.border-dashed {
+  border-style: dashed;
+}
+
 .border-accent {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--accent) / var(--tw-border-opacity));
+  border-color: hsl(var(--accent) / var(--tw-border-opacity, 1));
 }
 
 .border-blue-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(191 219 254 / var(--tw-border-opacity));
+  border-color: rgb(191 219 254 / var(--tw-border-opacity, 1));
 }
 
 .border-border {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--border) / var(--tw-border-opacity));
+  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
 
 .border-border\/40 {
@@ -1480,17 +1645,17 @@ body {
 
 .border-input {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--input) / var(--tw-border-opacity));
+  border-color: hsl(var(--input) / var(--tw-border-opacity, 1));
 }
 
 .border-primary {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--primary) / var(--tw-border-opacity));
+  border-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
 }
 
 .border-secondary {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--secondary) / var(--tw-border-opacity));
+  border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1));
 }
 
 .border-transparent {
@@ -1499,7 +1664,7 @@ body {
 
 .border-yellow-200 {
   --tw-border-opacity: 1;
-  border-color: rgb(254 240 138 / var(--tw-border-opacity));
+  border-color: rgb(254 240 138 / var(--tw-border-opacity, 1));
 }
 
 .border-b-transparent {
@@ -1516,12 +1681,12 @@ body {
 
 .bg-\[\#adfa1d\] {
   --tw-bg-opacity: 1;
-  background-color: rgb(173 250 29 / var(--tw-bg-opacity));
+  background-color: rgb(173 250 29 / var(--tw-bg-opacity, 1));
 }
 
 .bg-background {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity));
+  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
 
 .bg-background\/80 {
@@ -1542,51 +1707,61 @@ body {
 
 .bg-border {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--border) / var(--tw-bg-opacity));
+  background-color: hsl(var(--border) / var(--tw-bg-opacity, 1));
 }
 
 .bg-card {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--card) / var(--tw-bg-opacity));
+  background-color: hsl(var(--card) / var(--tw-bg-opacity, 1));
 }
 
 .bg-destructive {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--destructive) / var(--tw-bg-opacity));
+  background-color: hsl(var(--destructive) / var(--tw-bg-opacity, 1));
+}
+
+.bg-gray-800 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
 }
 
 .bg-green-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(240 253 244 / var(--tw-bg-opacity));
+  background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1));
 }
 
 .bg-muted {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
+  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
 .bg-muted\/40 {
   background-color: hsl(var(--muted) / 0.4);
 }
 
+.bg-orange-400 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
+}
+
 .bg-popover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--popover) / var(--tw-bg-opacity));
+  background-color: hsl(var(--popover) / var(--tw-bg-opacity, 1));
 }
 
 .bg-primary {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .bg-red-50 {
   --tw-bg-opacity: 1;
-  background-color: rgb(254 242 242 / var(--tw-bg-opacity));
+  background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1));
 }
 
 .bg-secondary {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
 }
 
 .bg-transparent {
@@ -1610,6 +1785,10 @@ body {
   padding: 0px;
 }
 
+.p-0\.5 {
+  padding: 0.125rem;
+}
+
 .p-1 {
   padding: 0.25rem;
 }
@@ -1682,6 +1861,11 @@ body {
   padding-right: 1.25rem;
 }
 
+.px-6 {
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+}
+
 .px-8 {
   padding-left: 2rem;
   padding-right: 2rem;
@@ -1707,6 +1891,11 @@ body {
   padding-bottom: 0.5rem;
 }
 
+.py-2\.5 {
+  padding-top: 0.625rem;
+  padding-bottom: 0.625rem;
+}
+
 .py-3 {
   padding-top: 0.75rem;
   padding-bottom: 0.75rem;
@@ -1731,10 +1920,18 @@ body {
   padding-bottom: 0px;
 }
 
+.pb-1 {
+  padding-bottom: 0.25rem;
+}
+
 .pb-12 {
   padding-bottom: 3rem;
 }
 
+.pb-2 {
+  padding-bottom: 0.5rem;
+}
+
 .pb-3 {
   padding-bottom: 0.75rem;
 }
@@ -1751,10 +1948,26 @@ body {
   padding-left: 1rem;
 }
 
+.pl-5 {
+  padding-left: 1.25rem;
+}
+
+.pl-6 {
+  padding-left: 1.5rem;
+}
+
 .pl-8 {
   padding-left: 2rem;
 }
 
+.pr-1 {
+  padding-right: 0.25rem;
+}
+
+.pr-1\.5 {
+  padding-right: 0.375rem;
+}
+
 .pr-2 {
   padding-right: 0.5rem;
 }
@@ -1839,6 +2052,15 @@ body {
   line-height: 1;
 }
 
+.text-7xl {
+  font-size: 4.5rem;
+  line-height: 1;
+}
+
+.text-\[0\.70rem\] {
+  font-size: 0.70rem;
+}
+
 .text-\[0\.8rem\] {
   font-size: 0.8rem;
 }
@@ -1895,6 +2117,10 @@ body {
   text-transform: capitalize;
 }
 
+.italic {
+  font-style: italic;
+}
+
 .leading-7 {
   line-height: 1.75rem;
 }
@@ -1925,17 +2151,22 @@ body {
 
 .text-\[\#000000\] {
   --tw-text-opacity: 1;
-  color: rgb(0 0 0 / var(--tw-text-opacity));
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
+}
+
+.text-black {
+  --tw-text-opacity: 1;
+  color: rgb(0 0 0 / var(--tw-text-opacity, 1));
 }
 
 .text-blue-800 {
   --tw-text-opacity: 1;
-  color: rgb(30 64 175 / var(--tw-text-opacity));
+  color: rgb(30 64 175 / var(--tw-text-opacity, 1));
 }
 
 .text-card-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--card-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-current {
@@ -1944,61 +2175,79 @@ body {
 
 .text-destructive {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive) / var(--tw-text-opacity));
+  color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
 }
 
 .text-destructive-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-foreground\/60 {
   color: hsl(var(--foreground) / 0.6);
 }
 
+.text-gray-300 {
+  --tw-text-opacity: 1;
+  color: rgb(209 213 219 / var(--tw-text-opacity, 1));
+}
+
+.text-green-500 {
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+
 .text-green-900 {
   --tw-text-opacity: 1;
-  color: rgb(20 83 45 / var(--tw-text-opacity));
+  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
 }
 
 .text-muted-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-popover-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--popover-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-primary {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity));
+  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
 }
 
 .text-primary-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .text-red-800 {
   --tw-text-opacity: 1;
-  color: rgb(153 27 27 / var(--tw-text-opacity));
+  color: rgb(153 27 27 / var(--tw-text-opacity, 1));
 }
 
 .text-secondary-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1));
+}
+
+.text-transparent {
+  color: transparent;
 }
 
 .text-yellow-900 {
   --tw-text-opacity: 1;
-  color: rgb(113 63 18 / var(--tw-text-opacity));
+  color: rgb(113 63 18 / var(--tw-text-opacity, 1));
+}
+
+.underline {
+  text-decoration-line: underline;
 }
 
 .no-underline {
@@ -2026,6 +2275,12 @@ body {
   opacity: 0.7;
 }
 
+.shadow {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(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: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
+
 .shadow-inner {
   --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
   --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color);
@@ -2158,12 +2413,12 @@ body {
 
 .placeholder\:text-muted-foreground::-moz-placeholder {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .placeholder\:text-muted-foreground::placeholder {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .after\:absolute::after {
@@ -2193,6 +2448,10 @@ body {
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.first\:mt-0:first-child {
+  margin-top: 0px;
+}
+
 .focus-within\:relative:focus-within {
   position: relative;
 }
@@ -2203,7 +2462,7 @@ body {
 
 .hover\:bg-accent:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .hover\:bg-destructive\/80:hover {
@@ -2214,9 +2473,14 @@ body {
   background-color: hsl(var(--destructive) / 0.9);
 }
 
+.hover\:bg-gray-700:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(55 65 81 / var(--tw-bg-opacity, 1));
+}
+
 .hover\:bg-muted:hover {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
+  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
 .hover\:bg-muted\/50:hover {
@@ -2237,12 +2501,12 @@ body {
 
 .hover\:text-accent-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .hover\:text-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .hover\:text-foreground\/80:hover {
@@ -2251,12 +2515,12 @@ body {
 
 .hover\:text-muted-foreground:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .hover\:text-primary:hover {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary) / var(--tw-text-opacity));
+  color: hsl(var(--primary) / var(--tw-text-opacity, 1));
 }
 
 .hover\:underline:hover {
@@ -2280,7 +2544,7 @@ body {
 
 .focus\:ring-ring:focus {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
 }
 
 .focus\:ring-offset-2:focus {
@@ -2292,6 +2556,18 @@ body {
   outline-offset: 2px;
 }
 
+.focus-visible\:outline-2:focus-visible {
+  outline-width: 2px;
+}
+
+.focus-visible\:outline-offset-8:focus-visible {
+  outline-offset: 8px;
+}
+
+.focus-visible\:outline-black:focus-visible {
+  outline-color: #000;
+}
+
 .focus-visible\:ring-1:focus-visible {
   --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);
@@ -2306,7 +2582,7 @@ body {
 
 .focus-visible\:ring-ring:focus-visible {
   --tw-ring-opacity: 1;
-  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity));
+  --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1));
 }
 
 .focus-visible\:ring-offset-1:focus-visible {
@@ -2339,37 +2615,37 @@ body {
 
 .group.toaster .group-\[\.toaster\]\:border-border {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--border) / var(--tw-border-opacity));
+  border-color: hsl(var(--border) / var(--tw-border-opacity, 1));
 }
 
 .group.toast .group-\[\.toast\]\:bg-muted {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
+  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
 .group.toast .group-\[\.toast\]\:bg-primary {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .group.toaster .group-\[\.toaster\]\:bg-background {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity));
+  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
 
 .group.toast .group-\[\.toast\]\:text-muted-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .group.toast .group-\[\.toast\]\:text-primary-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .group.toaster .group-\[\.toaster\]\:text-foreground {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .group.toaster .group-\[\.toaster\]\:shadow-lg {
@@ -2388,17 +2664,17 @@ body {
 
 .aria-selected\:bg-accent[aria-selected="true"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .aria-selected\:text-accent-foreground[aria-selected="true"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .aria-\[invalid\]\:border-destructive[aria-invalid] {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--destructive) / var(--tw-border-opacity));
+  border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1));
 }
 
 .data-\[disabled\]\:pointer-events-none[data-disabled] {
@@ -2437,132 +2713,132 @@ body {
 
 .data-\[state\=active\]\:border-b-primary[data-state="active"] {
   --tw-border-opacity: 1;
-  border-bottom-color: hsl(var(--primary) / var(--tw-border-opacity));
+  border-bottom-color: hsl(var(--primary) / var(--tw-border-opacity, 1));
 }
 
 .data-\[highlighted\]\:bg-accent[data-highlighted] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selected\]\:bg-primary[data-selected] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-end\]\:bg-primary[data-selection-end] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-start\]\:bg-primary[data-selection-start] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=active\]\:bg-background[data-state="active"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--background) / var(--tw-bg-opacity));
+  background-color: hsl(var(--background) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=active\]\:bg-secondary[data-state="active"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=on\]\:bg-accent[data-state="on"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=open\]\:bg-accent[data-state="open"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=open\]\:bg-secondary[data-state="open"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--secondary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--secondary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--muted) / var(--tw-bg-opacity));
+  background-color: hsl(var(--muted) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--input) / var(--tw-bg-opacity));
+  background-color: hsl(var(--input) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[disabled\]\:text-muted-foreground[data-disabled] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[fs-error\]\:text-destructive[data-fs-error] {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive) / var(--tw-text-opacity));
+  color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
 }
 
 .data-\[highlighted\]\:text-accent-foreground[data-highlighted] {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[outside-month\]\:text-muted-foreground[data-outside-month] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selected\]\:text-primary-foreground[data-selected] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-end\]\:text-primary-foreground[data-selection-end] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-start\]\:text-primary-foreground[data-selection-start] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=active\]\:text-foreground[data-state="active"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[unavailable\]\:text-destructive-foreground[data-unavailable] {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--destructive-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[unavailable\]\:line-through[data-unavailable] {
@@ -2626,62 +2902,62 @@ body {
 
 .data-\[selected\]\:hover\:bg-primary:hover[data-selected] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-end\]\:hover\:bg-primary:hover[data-selection-end] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-start\]\:hover\:bg-primary:hover[data-selection-start] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-end\]\:hover\:text-primary-foreground:hover[data-selection-end] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-start\]\:hover\:text-primary-foreground:hover[data-selection-start] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selected\]\:focus\:bg-primary:focus[data-selected] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-end\]\:focus\:bg-primary:focus[data-selection-end] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selection-start\]\:focus\:bg-primary:focus[data-selection-start] {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--primary) / var(--tw-bg-opacity));
+  background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1));
 }
 
 .data-\[selected\]\:focus\:text-primary-foreground:focus[data-selected] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-end\]\:focus\:text-primary-foreground:focus[data-selection-end] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 .data-\[selection-start\]\:focus\:text-primary-foreground:focus[data-selection-start] {
   --tw-text-opacity: 1;
-  color: hsl(var(--primary-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1));
 }
 
 @supports ((-webkit-backdrop-filter: var(--tw)) or (backdrop-filter: var(--tw))) {
@@ -2714,17 +2990,17 @@ body {
 
 .dark\:border-blue-800:is(.dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(30 64 175 / var(--tw-border-opacity));
+  border-color: rgb(30 64 175 / var(--tw-border-opacity, 1));
 }
 
 .dark\:border-destructive:is(.dark *) {
   --tw-border-opacity: 1;
-  border-color: hsl(var(--destructive) / var(--tw-border-opacity));
+  border-color: hsl(var(--destructive) / var(--tw-border-opacity, 1));
 }
 
 .dark\:border-yellow-800:is(.dark *) {
   --tw-border-opacity: 1;
-  border-color: rgb(133 77 14 / var(--tw-border-opacity));
+  border-color: rgb(133 77 14 / var(--tw-border-opacity, 1));
 }
 
 .dark\:bg-blue-900\/20:is(.dark *) {
@@ -2735,9 +3011,14 @@ body {
   background-color: rgb(20 83 45 / 0.8);
 }
 
+.dark\:bg-orange-700:is(.dark *) {
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
+}
+
 .dark\:bg-red-900:is(.dark *) {
   --tw-bg-opacity: 1;
-  background-color: rgb(127 29 29 / var(--tw-bg-opacity));
+  background-color: rgb(127 29 29 / var(--tw-bg-opacity, 1));
 }
 
 .dark\:bg-yellow-900\/80:is(.dark *) {
@@ -2746,22 +3027,27 @@ body {
 
 .dark\:text-blue-200:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(191 219 254 / var(--tw-text-opacity));
+  color: rgb(191 219 254 / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-green-200:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(187 247 208 / var(--tw-text-opacity));
+  color: rgb(187 247 208 / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-red-200:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(254 202 202 / var(--tw-text-opacity));
+  color: rgb(254 202 202 / var(--tw-text-opacity, 1));
+}
+
+.dark\:text-white:is(.dark *) {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
 
 .dark\:text-yellow-200:is(.dark *) {
   --tw-text-opacity: 1;
-  color: rgb(254 240 138 / var(--tw-text-opacity));
+  color: rgb(254 240 138 / var(--tw-text-opacity, 1));
 }
 
 @media (min-width: 640px) {
@@ -2769,10 +3055,22 @@ body {
     margin-top: 0px;
   }
 
+  .sm\:block {
+    display: block;
+  }
+
   .sm\:inline-block {
     display: inline-block;
   }
 
+  .sm\:max-w-\[425px\] {
+    max-width: 425px;
+  }
+
+  .sm\:max-w-\[70\%\] {
+    max-width: 70%;
+  }
+
   .sm\:max-w-sm {
     max-width: 24rem;
   }
@@ -2960,10 +3258,6 @@ body {
 }
 
 @media (min-width: 1280px) {
-  .xl\:block {
-    display: block;
-  }
-
   .xl\:grid {
     display: grid;
   }
@@ -2979,7 +3273,7 @@ body {
 
 .\[\&\:has\(\[data-selected\]\)\]\:bg-accent:has([data-selected]) {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .first\:\[\&\:has\(\[data-selected\]\)\]\:rounded-l-md:has([data-selected]):first-child {
@@ -3023,7 +3317,7 @@ body {
 
 .data-\[placeholder\]\:\[\&\>span\]\:text-muted-foreground>span[data-placeholder] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&\>svg\+div\]\:translate-y-\[-3px\]>svg+div {
@@ -3050,12 +3344,12 @@ body {
 
 .\[\&\>svg\]\:text-destructive>svg {
   --tw-text-opacity: 1;
-  color: hsl(var(--destructive) / var(--tw-text-opacity));
+  color: hsl(var(--destructive) / var(--tw-text-opacity, 1));
 }
 
 .\[\&\>svg\]\:text-foreground>svg {
   --tw-text-opacity: 1;
-  color: hsl(var(--foreground) / var(--tw-text-opacity));
+  color: hsl(var(--foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&\[data-direction\=vertical\]\>div\]\:rotate-90[data-direction=vertical]>div {
@@ -3069,7 +3363,7 @@ body {
 
 .\[\&\[data-outside-month\]\[data-selected\]\]\:text-muted-foreground[data-outside-month][data-selected] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&\[data-outside-month\]\[data-selected\]\]\:opacity-30[data-outside-month][data-selected] {
@@ -3083,12 +3377,12 @@ body {
 
 .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:bg-accent[data-today]:not([data-selected]) {
   --tw-bg-opacity: 1;
-  background-color: hsl(var(--accent) / var(--tw-bg-opacity));
+  background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1));
 }
 
 .\[\&\[data-today\]\:not\(\[data-selected\]\)\]\:text-accent-foreground[data-today]:not([data-selected]) {
   --tw-text-opacity: 1;
-  color: hsl(var(--accent-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&_\[data-cmdk-group-heading\]\]\:px-2 [data-cmdk-group-heading] {
@@ -3112,7 +3406,7 @@ body {
 
 .\[\&_\[data-cmdk-group-heading\]\]\:text-muted-foreground [data-cmdk-group-heading] {
   --tw-text-opacity: 1;
-  color: hsl(var(--muted-foreground) / var(--tw-text-opacity));
+  color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1));
 }
 
 .\[\&_\[data-cmdk-group\]\:not\(\[hidden\]\)_\~\[data-cmdk-group\]\]\:pt-0 [data-cmdk-group]:not([hidden]) ~[data-cmdk-group] {