9remote 2.0.75 → 2.0.77

package/dist/ui/assets/{index-2AVAJAT8.css → index-vQVARods.css}

@@ -955,6 +955,9 @@ button {
 .relative{
   position: relative;
 }
+.sticky{
+  position: sticky;
+}
 .inset-0{
   inset: 0px;
 }
@@ -962,9 +965,15 @@ button {
   top: 0px;
   bottom: 0px;
 }
+.-right-1{
+  right: -0.25rem;
+}
 .-right-1\.5{
   right: -0.375rem;
 }
+.-top-1{
+  top: -0.25rem;
+}
 .-top-1\.5{
   top: -0.375rem;
 }
@@ -977,6 +986,9 @@ button {
 .bottom-5{
   bottom: 1.25rem;
 }
+.bottom-6{
+  bottom: 1.5rem;
+}
 .bottom-full{
   bottom: 100%;
 }
@@ -986,24 +998,45 @@ button {
 .left-1\.5{
   left: 0.375rem;
 }
+.left-1\/2{
+  left: 50%;
+}
+.left-2{
+  left: 0.5rem;
+}
 .right-0{
   right: 0px;
 }
+.right-1{
+  right: 0.25rem;
+}
 .right-1\.5{
   right: 0.375rem;
 }
 .right-2{
   right: 0.5rem;
 }
+.right-6{
+  right: 1.5rem;
+}
 .right-7{
   right: 1.75rem;
 }
+.top-0{
+  top: 0px;
+}
 .top-0\.5{
   top: 0.125rem;
 }
 .top-1\/2{
   top: 50%;
 }
+.top-2{
+  top: 0.5rem;
+}
+.top-20{
+  top: 5rem;
+}
 .top-full{
   top: 100%;
 }
@@ -1031,6 +1064,12 @@ button {
 .z-\[60\]{
   z-index: 60;
 }
+.z-\[70\]{
+  z-index: 70;
+}
+.z-\[80\]{
+  z-index: 80;
+}
 .-mx-3{
   margin-left: -0.75rem;
   margin-right: -0.75rem;
@@ -1043,6 +1082,13 @@ button {
   margin-left: auto;
   margin-right: auto;
 }
+.my-2{
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+}
+.-mt-1{
+  margin-top: -0.25rem;
+}
 .mb-1{
   margin-bottom: 0.25rem;
 }
@@ -1064,9 +1110,18 @@ button {
 .ml-1{
   margin-left: 0.25rem;
 }
+.ml-2{
+  margin-left: 0.5rem;
+}
 .ml-auto{
   margin-left: auto;
 }
+.mr-1{
+  margin-right: 0.25rem;
+}
+.mr-2{
+  margin-right: 0.5rem;
+}
 .mt-0\.5{
   margin-top: 0.125rem;
 }
@@ -1076,6 +1131,9 @@ button {
 .mt-2{
   margin-top: 0.5rem;
 }
+.mt-3{
+  margin-top: 0.75rem;
+}
 .mt-8{
   margin-top: 2rem;
 }
@@ -1112,12 +1170,18 @@ button {
 .h-10{
   height: 2.5rem;
 }
+.h-14{
+  height: 3.5rem;
+}
 .h-16{
   height: 4rem;
 }
 .h-2{
   height: 0.5rem;
 }
+.h-32{
+  height: 8rem;
+}
 .h-4{
   height: 1rem;
 }
@@ -1151,6 +1215,15 @@ button {
 .h-px{
   height: 1px;
 }
+.max-h-32{
+  max-height: 8rem;
+}
+.max-h-\[200px\]{
+  max-height: 200px;
+}
+.max-h-\[400px\]{
+  max-height: 400px;
+}
 .max-h-\[90vh\]{
   max-height: 90vh;
 }
@@ -1166,6 +1239,9 @@ button {
 .min-h-\[164px\]{
   min-height: 164px;
 }
+.min-h-\[54px\]{
+  min-height: 54px;
+}
 .w-1{
   width: 0.25rem;
 }
@@ -1175,12 +1251,24 @@ button {
 .w-10{
   width: 2.5rem;
 }
+.w-12{
+  width: 3rem;
+}
+.w-14{
+  width: 3.5rem;
+}
 .w-16{
   width: 4rem;
 }
 .w-2{
   width: 0.5rem;
 }
+.w-24{
+  width: 6rem;
+}
+.w-3{
+  width: 0.75rem;
+}
 .w-4{
   width: 1rem;
 }
@@ -1205,6 +1293,9 @@ button {
 .w-80{
   width: 20rem;
 }
+.w-9{
+  width: 2.25rem;
+}
 .w-\[10px\]{
   width: 10px;
 }
@@ -1214,6 +1305,9 @@ button {
 .w-\[46px\]{
   width: 46px;
 }
+.w-\[640px\]{
+  width: 640px;
+}
 .w-\[7px\]{
   width: 7px;
 }
@@ -1229,6 +1323,12 @@ button {
 .min-w-\[160px\]{
   min-width: 160px;
 }
+.min-w-\[16px\]{
+  min-width: 16px;
+}
+.min-w-\[180px\]{
+  min-width: 180px;
+}
 .min-w-\[200px\]{
   min-width: 200px;
 }
@@ -1251,12 +1351,24 @@ button {
 .max-w-\[160px\]{
   max-width: 160px;
 }
+.max-w-\[90vw\]{
+  max-width: 90vw;
+}
+.max-w-full{
+  max-width: 100%;
+}
 .max-w-lg{
   max-width: 32rem;
 }
 .max-w-md{
   max-width: 28rem;
 }
+.max-w-none{
+  max-width: none;
+}
+.max-w-sm{
+  max-width: 24rem;
+}
 .flex-1{
   flex: 1 1 0%;
 }
@@ -1269,6 +1381,10 @@ button {
 .shrink-0{
   flex-shrink: 0;
 }
+.-translate-x-1\/2{
+  --tw-translate-x: -50%;
+  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));
+}
 .-translate-x-full{
   --tw-translate-x: -100%;
   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));
@@ -1281,6 +1397,14 @@ button {
   --tw-translate-x: 0px;
   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));
 }
+.translate-x-0\.5{
+  --tw-translate-x: 0.125rem;
+  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));
+}
+.translate-x-4{
+  --tw-translate-x: 1rem;
+  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));
+}
 .rotate-45{
   --tw-rotate: 45deg;
   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));
@@ -1304,9 +1428,21 @@ button {
 .animate-spin{
   animation: spin 1s linear infinite;
 }
+.cursor-col-resize{
+  cursor: col-resize;
+}
+.cursor-default{
+  cursor: default;
+}
+.cursor-not-allowed{
+  cursor: not-allowed;
+}
 .cursor-pointer{
   cursor: pointer;
 }
+.cursor-row-resize{
+  cursor: row-resize;
+}
 .select-none{
   -webkit-user-select: none;
      -moz-user-select: none;
@@ -1315,6 +1451,9 @@ button {
 .resize-none{
   resize: none;
 }
+.resize-y{
+  resize: vertical;
+}
 .resize{
   resize: both;
 }
@@ -1386,11 +1525,29 @@ button {
   margin-top: calc(0.125rem * calc(1 - var(--tw-space-y-reverse)));
   margin-bottom: calc(0.125rem * var(--tw-space-y-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)));
+  margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
+}
+.space-y-2 > :not([hidden]) ~ :not([hidden]){
+  --tw-space-y-reverse: 0;
+  margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
+  margin-bottom: calc(0.5rem * 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-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;
+}
 .overflow-hidden{
   overflow: hidden;
 }
@@ -1400,6 +1557,9 @@ button {
 .overflow-y-auto{
   overflow-y: auto;
 }
+.overflow-x-hidden{
+  overflow-x: hidden;
+}
 .overflow-y-hidden{
   overflow-y: hidden;
 }
@@ -1411,6 +1571,12 @@ button {
 .whitespace-nowrap{
   white-space: nowrap;
 }
+.whitespace-pre-wrap{
+  white-space: pre-wrap;
+}
+.break-words{
+  overflow-wrap: break-word;
+}
 .break-all{
   word-break: break-all;
 }
@@ -1432,24 +1598,82 @@ button {
 .rounded-md{
   border-radius: 0.375rem;
 }
+.rounded-sm{
+  border-radius: 0.125rem;
+}
 .rounded-xl{
   border-radius: 0.75rem;
 }
 .border{
   border-width: 1px;
 }
+.border-0{
+  border-width: 0px;
+}
 .border-b{
   border-bottom-width: 1px;
 }
+.border-b-2{
+  border-bottom-width: 2px;
+}
+.border-l-2{
+  border-left-width: 2px;
+}
 .border-r{
   border-right-width: 1px;
 }
 .border-t{
   border-top-width: 1px;
 }
+.border-t-2{
+  border-top-width: 2px;
+}
+.border-border{
+  border-color: var(--border);
+}
+.border-brand-500{
+  border-color: var(--brand-500);
+}
+.border-emerald-500{
+  --tw-border-opacity: 1;
+  border-color: rgb(16 185 129 / var(--tw-border-opacity, 1));
+}
+.border-red-500\/50{
+  border-color: rgb(239 68 68 / 0.5);
+}
+.border-text-muted{
+  border-color: var(--text-muted);
+}
+.border-t-brand-500{
+  border-top-color: var(--brand-500);
+}
+.bg-\[rgba\(var\(--danger-rgb\)\2c 0\.14\)\]{
+  background-color: rgba(var(--danger-rgb),0.14);
+}
+.bg-\[rgba\(var\(--success-rgb\)\2c 0\.14\)\]{
+  background-color: rgba(var(--success-rgb),0.14);
+}
+.bg-bg{
+  background-color: var(--bg-main);
+}
 .bg-black\/40{
   background-color: rgb(0 0 0 / 0.4);
 }
+.bg-black\/5{
+  background-color: rgb(0 0 0 / 0.05);
+}
+.bg-blue-400\/70{
+  background-color: rgb(96 165 250 / 0.7);
+}
+.bg-border{
+  background-color: var(--border);
+}
+.bg-brand-500{
+  background-color: var(--brand-500);
+}
+.bg-emerald-500\/15{
+  background-color: rgb(16 185 129 / 0.15);
+}
 .bg-green-400{
   --tw-bg-opacity: 1;
   background-color: rgb(74 222 128 / var(--tw-bg-opacity, 1));
@@ -1458,6 +1682,25 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(251 146 60 / var(--tw-bg-opacity, 1));
 }
+.bg-orange-600{
+  --tw-bg-opacity: 1;
+  background-color: rgb(234 88 12 / var(--tw-bg-opacity, 1));
+}
+.bg-red-500\/15{
+  background-color: rgb(239 68 68 / 0.15);
+}
+.bg-red-500\/20{
+  background-color: rgb(239 68 68 / 0.2);
+}
+.bg-surface{
+  background-color: var(--surface);
+}
+.bg-surface-2{
+  background-color: var(--surface-2);
+}
+.bg-surface-3{
+  background-color: var(--surface-3);
+}
 .bg-transparent{
   background-color: transparent;
 }
@@ -1465,10 +1708,23 @@ button {
   --tw-bg-opacity: 1;
   background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
 }
+.bg-yellow-400{
+  --tw-bg-opacity: 1;
+  background-color: rgb(250 204 21 / var(--tw-bg-opacity, 1));
+}
+.bg-\[repeating-conic-gradient\(\#0001_0\%_25\%\2c transparent_0\%_50\%\)\]{
+  background-image: repeating-conic-gradient(#0001 0% 25%,transparent 0% 50%);
+}
+.bg-\[length\:20px_20px\]{
+  background-size: 20px 20px;
+}
 .object-cover{
   -o-object-fit: cover;
      object-fit: cover;
 }
+.p-0\.5{
+  padding: 0.125rem;
+}
 .p-1{
   padding: 0.25rem;
 }
@@ -1490,6 +1746,9 @@ button {
 .p-5{
   padding: 1.25rem;
 }
+.p-6{
+  padding: 1.5rem;
+}
 .px-0\.5{
   padding-left: 0.125rem;
   padding-right: 0.125rem;
@@ -1498,6 +1757,10 @@ button {
   padding-left: 0.25rem;
   padding-right: 0.25rem;
 }
+.px-1\.5{
+  padding-left: 0.375rem;
+  padding-right: 0.375rem;
+}
 .px-2{
   padding-left: 0.5rem;
   padding-right: 0.5rem;
@@ -1538,6 +1801,10 @@ button {
   padding-top: 0.375rem;
   padding-bottom: 0.375rem;
 }
+.py-10{
+  padding-top: 2.5rem;
+  padding-bottom: 2.5rem;
+}
 .py-2{
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
@@ -1554,10 +1821,18 @@ button {
   padding-top: 0.875rem;
   padding-bottom: 0.875rem;
 }
+.py-4{
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
 .py-5{
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
 }
+.py-6{
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
 .py-8{
   padding-top: 2rem;
   padding-bottom: 2rem;
@@ -1565,27 +1840,51 @@ button {
 .pb-1{
   padding-bottom: 0.25rem;
 }
+.pb-2{
+  padding-bottom: 0.5rem;
+}
 .pb-3{
   padding-bottom: 0.75rem;
 }
+.pb-4{
+  padding-bottom: 1rem;
+}
+.pb-5{
+  padding-bottom: 1.25rem;
+}
 .pb-6{
   padding-bottom: 1.5rem;
 }
+.pl-5{
+  padding-left: 1.25rem;
+}
 .pl-6{
   padding-left: 1.5rem;
 }
+.pl-7{
+  padding-left: 1.75rem;
+}
 .pl-9{
   padding-left: 2.25rem;
 }
 .pr-1{
   padding-right: 0.25rem;
 }
+.pr-2{
+  padding-right: 0.5rem;
+}
+.pr-7{
+  padding-right: 1.75rem;
+}
 .pr-8{
   padding-right: 2rem;
 }
 .pt-2{
   padding-top: 0.5rem;
 }
+.pt-3{
+  padding-top: 0.75rem;
+}
 .pt-5{
   padding-top: 1.25rem;
 }
@@ -1595,6 +1894,9 @@ button {
 .text-center{
   text-align: center;
 }
+.text-right{
+  text-align: right;
+}
 .font-mono{
   font-family: JetBrains Mono, ui-monospace, monospace;
 }
@@ -1667,6 +1969,9 @@ button {
 .font-medium{
   font-weight: 500;
 }
+.font-normal{
+  font-weight: 400;
+}
 .font-semibold{
   font-weight: 600;
 }
@@ -1679,6 +1984,9 @@ button {
 .leading-5{
   line-height: 1.25rem;
 }
+.leading-\[1\.6\]{
+  line-height: 1.6;
+}
 .leading-\[1\.7\]{
   line-height: 1.7;
 }
@@ -1697,27 +2005,105 @@ button {
 .tracking-wider{
   letter-spacing: 0.05em;
 }
+.text-\[var\(--danger\)\]{
+  color: var(--danger);
+}
+.text-\[var\(--success\)\]{
+  color: var(--success);
+}
+.text-blue-400{
+  --tw-text-opacity: 1;
+  color: rgb(96 165 250 / var(--tw-text-opacity, 1));
+}
+.text-brand-500{
+  color: var(--brand-500);
+}
+.text-emerald-400{
+  --tw-text-opacity: 1;
+  color: rgb(52 211 153 / var(--tw-text-opacity, 1));
+}
 .text-gray-300{
   --tw-text-opacity: 1;
   color: rgb(209 213 219 / var(--tw-text-opacity, 1));
 }
+.text-green-400{
+  --tw-text-opacity: 1;
+  color: rgb(74 222 128 / var(--tw-text-opacity, 1));
+}
+.text-green-500{
+  --tw-text-opacity: 1;
+  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
+}
+.text-green-500\/70{
+  color: rgb(34 197 94 / 0.7);
+}
+.text-orange-400{
+  --tw-text-opacity: 1;
+  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
+}
+.text-orange-500\/70{
+  color: rgb(249 115 22 / 0.7);
+}
+.text-pink-500\/70{
+  color: rgb(236 72 153 / 0.7);
+}
+.text-purple-500\/70{
+  color: rgb(168 85 247 / 0.7);
+}
 .text-red-400{
   --tw-text-opacity: 1;
   color: rgb(248 113 113 / var(--tw-text-opacity, 1));
 }
+.text-red-500\/70{
+  color: rgb(239 68 68 / 0.7);
+}
+.text-text{
+  color: var(--text-main);
+}
+.text-text-muted{
+  color: var(--text-muted);
+}
+.text-text-subtle{
+  color: var(--text-subtle);
+}
 .text-white{
   --tw-text-opacity: 1;
   color: rgb(255 255 255 / var(--tw-text-opacity, 1));
 }
+.text-yellow-400{
+  --tw-text-opacity: 1;
+  color: rgb(250 204 21 / var(--tw-text-opacity, 1));
+}
+.text-yellow-500\/70{
+  color: rgb(234 179 8 / 0.7);
+}
+.text-yellow-500\/80{
+  color: rgb(234 179 8 / 0.8);
+}
+.placeholder-text-subtle::-moz-placeholder{
+  color: var(--text-subtle);
+}
+.placeholder-text-subtle::placeholder{
+  color: var(--text-subtle);
+}
+.accent-brand-500{
+  accent-color: var(--brand-500);
+}
 .opacity-0{
   opacity: 0;
 }
 .opacity-100{
   opacity: 1;
 }
+.opacity-40{
+  opacity: 0.4;
+}
 .opacity-60{
   opacity: 0.6;
 }
+.opacity-70{
+  opacity: 0.7;
+}
 .shadow-lg{
   --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
   --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
@@ -1732,6 +2118,14 @@ button {
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.ring-1{
+  --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), var(--tw-shadow, 0 0 #0000);
+}
+.ring-brand-500{
+  --tw-ring-color: var(--brand-500);
+}
 .filter{
   filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
 }
@@ -1745,6 +2139,11 @@ button {
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   transition-duration: 150ms;
 }
+.transition-colors{
+  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
+  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
+  transition-duration: 150ms;
+}
 .transition-opacity{
   transition-property: opacity;
   transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
@@ -1975,6 +2374,12 @@ button {
 .tw-del:hover { background: rgba(239,68,68,0.2); color: #fca5a5; }
 /* Terminal input — brand focus ring (web parity; tailwind brand color unavailable here) */
 .term-input:focus { box-shadow: 0 0 0 2px rgba(var(--brand-rgb), 0.4); }
+.placeholder\:text-text-muted::-moz-placeholder{
+  color: var(--text-muted);
+}
+.placeholder\:text-text-muted::placeholder{
+  color: var(--text-muted);
+}
 .first\:border-t-0:first-child{
   border-top-width: 0px;
 }
@@ -1988,25 +2393,104 @@ button {
   --tw-translate-y: -0.25rem;
   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));
 }
+.hover\:bg-brand-600:hover{
+  background-color: var(--brand-600);
+}
+.hover\:bg-orange-700:hover{
+  --tw-bg-opacity: 1;
+  background-color: rgb(194 65 12 / var(--tw-bg-opacity, 1));
+}
+.hover\:bg-surface:hover{
+  background-color: var(--surface);
+}
+.hover\:bg-surface-2:hover{
+  background-color: var(--surface-2);
+}
+.hover\:bg-surface-3:hover{
+  background-color: var(--surface-3);
+}
+.hover\:bg-white\/10:hover{
+  background-color: rgb(255 255 255 / 0.1);
+}
+.hover\:text-danger:hover{
+  color: var(--danger);
+}
+.hover\:text-orange-400:hover{
+  --tw-text-opacity: 1;
+  color: rgb(251 146 60 / var(--tw-text-opacity, 1));
+}
+.hover\:text-text:hover{
+  color: var(--text-main);
+}
 .hover\:underline:hover{
   text-decoration-line: underline;
 }
+.hover\:opacity-90:hover{
+  opacity: 0.9;
+}
+.focus\:border-brand-500:focus{
+  border-color: var(--brand-500);
+}
 .focus\:outline-none:focus{
   outline: 2px solid transparent;
   outline-offset: 2px;
 }
+.focus\:ring-1:focus{
+  --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), var(--tw-shadow, 0 0 #0000);
+}
+.focus\:ring-2:focus{
+  --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), var(--tw-shadow, 0 0 #0000);
+}
+.focus\:ring-brand-500:focus{
+  --tw-ring-color: var(--brand-500);
+}
+.focus\:ring-emerald-500\/40:focus{
+  --tw-ring-color: rgb(16 185 129 / 0.4);
+}
 .active\:scale-\[0\.94\]:active{
   --tw-scale-x: 0.94;
   --tw-scale-y: 0.94;
   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));
 }
+.active\:scale-\[0\.96\]:active{
+  --tw-scale-x: 0.96;
+  --tw-scale-y: 0.96;
+  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));
+}
+.active\:scale-\[0\.98\]:active{
+  --tw-scale-x: 0.98;
+  --tw-scale-y: 0.98;
+  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));
+}
+.disabled\:cursor-not-allowed:disabled{
+  cursor: not-allowed;
+}
+.disabled\:bg-surface-2:disabled{
+  background-color: var(--surface-2);
+}
+.disabled\:opacity-40:disabled{
+  opacity: 0.4;
+}
+.disabled\:opacity-60:disabled{
+  opacity: 0.6;
+}
 .group:hover .group-hover\:block{
   display: block;
 }
 .group:hover .group-hover\:hidden{
   display: none;
 }
+.group:hover .group-hover\:opacity-100{
+  opacity: 1;
+}
 @media (min-width: 640px){
+  .sm\:inline{
+    display: inline;
+  }
   .sm\:grid-cols-3{
     grid-template-columns: repeat(3, minmax(0, 1fr));
   }