diff --git a/components/dashboard/src/components/CheckBox.tsx b/components/dashboard/src/components/CheckBox.tsx
index 9dd6116add2e33..7b7e9e06eaac30 100644
--- a/components/dashboard/src/components/CheckBox.tsx
+++ b/components/dashboard/src/components/CheckBox.tsx
@@ -25,7 +25,7 @@ function CheckBox(props: {
     const checkboxId = `checkbox-${props.title}-${String(Math.random())}`;
 
     return <div className="flex mt-4">
-        <input className={"h-4 w-4 focus:ring-0 mt-1 rounded cursor-pointer border-2 " + (props.checked ? 'bg-gray-800' : '')} type="checkbox"
+        <input className={"h-4 w-4 focus:ring-0 mt-1 rounded cursor-pointer border border-gray-300 focus:border-gray-400 " + (props.checked ? 'bg-gray-800' : '')} type="checkbox"
             id={checkboxId}
             {...inputProps}
         />
diff --git a/components/dashboard/src/components/SelectableCard.tsx b/components/dashboard/src/components/SelectableCard.tsx
index 893034f67190bd..959a9c9608bbb8 100644
--- a/components/dashboard/src/components/SelectableCard.tsx
+++ b/components/dashboard/src/components/SelectableCard.tsx
@@ -13,10 +13,10 @@ export interface SelectableCardProps {
 }
 
 function SelectableCard(props: SelectableCardProps) {
-    return <div className={`rounded-xl px-4 py-3 flex flex-col cursor-pointer group border-2 ${props.selected ? 'border-green-600' : 'border-gray-300 hover:border-gray-400'} ${props.className || ''}`} onClick={props.onClick}>
+    return <div className={`rounded-xl px-4 py-3 flex flex-col cursor-pointer group border-2 ${props.selected ? 'border-green-500' : 'border-gray-300 hover:border-gray-400'} ${props.className || ''}`} onClick={props.onClick}>
         <div className="flex items-center">
-            <p className={`w-full text-base font-semibold ${props.selected ? 'text-green-600' : 'text-gray-300 group-hover:text-gray-400'}`}>{props.title}</p>
-            <input className={props.selected ? 'opacity-100' : 'opacity-0 group-hover:opacity-100'} type="radio" checked={props.selected} />
+            <p className={`w-full text-base font-semibold ${props.selected ? 'text-green-500' : 'text-gray-300 group-hover:text-gray-400'}`}>{props.title}</p>
+            <input className={'text-green-500 ' + (props.selected ? 'opacity-100' : 'opacity-0 group-hover:opacity-100')} type="radio" checked={props.selected} />
         </div>
         {props.children}
     </div>;
diff --git a/components/dashboard/src/index.css b/components/dashboard/src/index.css
index 16d1d59461dfd6..2d1e333527ed40 100644
--- a/components/dashboard/src/index.css
+++ b/components/dashboard/src/index.css
@@ -35,23 +35,34 @@
 
 @layer components {
     button {
-        @apply cursor-pointer px-4 py-2 my-auto bg-green-600 hover:bg-green-700 border-2 border-green-800 text-gray-100 text-sm font-medium rounded-md focus:outline-none focus:ring focus:border-blue-300;
+        @apply cursor-pointer px-4 py-2 my-auto bg-green-600 hover:bg-green-700 text-gray-100 text-sm font-medium rounded-md focus:outline-none focus:ring;
+    }
+    button.secondary {
+        @apply bg-gray-100 hover:bg-gray-200 text-gray-500 hover:text-gray-600;
+    }
+    button.danger {
+        @apply bg-red-600 hover:bg-red-700 text-gray-100;
+    }
+    button.danger.secondary {
+        @apply bg-red-50 hover:bg-red-100 text-red-600 hover:text-red-700;
     }
-
     button:disabled {
-        @apply cursor-default;
+        @apply cursor-default opacity-50 pointer-events-none;
     }
 
-    input[type=text] {
-        @apply text-xs block w-56 text-sm text-gray-600 rounded-md border-2 border-gray-400 focus:border-gray-500 focus:bg-white focus:ring-0;
+    input[type=text], input[type=password], select {
+        @apply text-xs block w-56 text-sm text-gray-600 rounded-md border border-gray-300 focus:border-gray-400 focus:bg-white focus:ring-0;
     }
 
-    input[type=text]::placeholder {
+    input[type=text]::placeholder, input[type=password]::placeholder {
         @apply text-gray-400;
     }
 
     input[disabled] {
-        @apply bg-gray-100 border-2 border-gray-300 text-gray-400;
+        @apply bg-gray-100 border border-gray-200 text-gray-400;
     }
 
+    input[type=radio] {
+        @apply rounded-md border border-gray-300 focus:border-gray-400 focus:bg-white focus:ring-0;
+    }
 }
\ No newline at end of file
diff --git a/components/dashboard/src/settings/Account.tsx b/components/dashboard/src/settings/Account.tsx
index 4a3df12c4e3334..fea66bc49117c1 100644
--- a/components/dashboard/src/settings/Account.tsx
+++ b/components/dashboard/src/settings/Account.tsx
@@ -35,11 +35,11 @@ export default function Account() {
                     <li className="ml-5">Your subscription will be cancelled. If you obtained a Gitpod subscription through the GitHub marketplace, you need to cancel your plan there.</li>
                 </ol>
                 <p className="pt-4 pb-2 text-gray-600 text-base font-bold">Type your email to confirm</p>
-              <input className="border-2 border-gray-400 w-full" type="text" onChange={e => setTypedEmail(e.target.value)}></input>
+              <input className="w-full" type="text" onChange={e => setTypedEmail(e.target.value)}></input>
             </div>
             <div className="flex justify-end mt-6">
-                <button className="text-gray-900 border-white bg-white hover:border-gray-200" onClick={close}>Cancel</button>
-                <button className={"ml-2 border-red-900 bg-red-500 disabled:opacity-50" + (typedEmail !== primaryEmail ? '' : ' hover:bg-red-700')} onClick={deleteAccount} disabled={typedEmail !== primaryEmail}>Delete Account</button>
+                <button className="secondary" onClick={close}>Cancel</button>
+                <button className="ml-2 danger" onClick={deleteAccount} disabled={typedEmail !== primaryEmail}>Delete Account</button>
             </div>
         </Modal>
 
@@ -67,7 +67,7 @@ export default function Account() {
             </div>
             <h3 className="mt-12">Delete Account</h3>
             <p className="text-base text-gray-500 pb-4">This action will remove all the data associated with your account in Gitpod.</p>
-            <button className="border-red-600 text-red-600 bg-white hover:border-red-800 hover:text-red-800" onClick={() => setModal(true)}>Delete Account</button>
+            <button className="danger secondary" onClick={() => setModal(true)}>Delete Account</button>
         </SettingsPage>
     </div>;
 }
diff --git a/components/dashboard/src/settings/EnvironmentVariables.tsx b/components/dashboard/src/settings/EnvironmentVariables.tsx
index 25625e29a8be8e..52febb13552882 100644
--- a/components/dashboard/src/settings/EnvironmentVariables.tsx
+++ b/components/dashboard/src/settings/EnvironmentVariables.tsx
@@ -73,8 +73,8 @@ function AddEnvVarModal(p: EnvVarModalProps) {
             </div>
         </div>
         <div className="flex justify-end mt-6">
-            <button className="text-gray-900 border-white bg-white hover:bg-gray-100 hover:border-gray-100" onClick={p.onClose}>Cancel</button>
-            <button className={"ml-2 disabled:opacity-50"} onClick={save} >{isNew ? 'Add' : 'Update'} Variable</button>
+            <button className="secondary" onClick={p.onClose}>Cancel</button>
+            <button className="ml-2" onClick={save} >{isNew ? 'Add' : 'Update'} Variable</button>
         </div>
     </Modal>
 }
@@ -152,12 +152,12 @@ export default function EnvVars() {
                 <div className="pt-28 flex flex-col items-center w-96 m-auto">
                     <h3 className="text-center pb-3 text-gray-500">No Environment Variables</h3>
                     <div className="text-center pb-6 text-gray-500">In addition to user-specific environment variables you can also pass variables through a workspace creation URL. <a className="text-gray-400 underline underline-thickness-thin underline-offset-small hover:text-gray-600" href="https://www.gitpod.io/docs/environment-variables/#using-the-account-settings">Learn more</a></div>
-                    <button onClick={add} className="font-medium">New Environment Variable</button>
+                    <button onClick={add}>New Environment Variable</button>
                 </div>
             </div>
             : <div className="space-y-2">
                 <div className="flex justify-end mb-2">
-                    <button onClick={add} className="ml-2 font-medium">New Environment Variable</button>
+                    <button onClick={add} className="ml-2">New Environment Variable</button>
                 </div>
                 <div className="flex flex-col space-y-2">
                     <div className="px-3 py-3 flex justify-between space-x-2 text-sm text-gray-400 border-t border-b border-gray-200">
diff --git a/components/dashboard/src/settings/Integrations.tsx b/components/dashboard/src/settings/Integrations.tsx
index ec182fd7aab606..360a815f48a4e0 100644
--- a/components/dashboard/src/settings/Integrations.tsx
+++ b/components/dashboard/src/settings/Integrations.tsx
@@ -218,7 +218,7 @@ function GitProviders() {
                     </div>
                 </div>
                 <div className="flex justify-end mt-6">
-                    <button className={"ml-2 border-red-900 bg-red-500  hover:bg-red-700"} onClick={() => disconnect(diconnectModal.provider)}>Disconnect Provider</button>
+                    <button className={"ml-2 danger secondary"} onClick={() => disconnect(diconnectModal.provider)}>Disconnect Provider</button>
                 </div>
             </Modal>
         )}
@@ -350,7 +350,7 @@ function GitIntegrations() {
                     </div>
                 </div>
                 <div className="flex justify-end mt-6">
-                    <button className={"ml-2 border-red-900 bg-red-500 hover:bg-red-700"} onClick={() => deleteProvider(modal.provider)}>Remove Integration</button>
+                    <button className={"ml-2 danger secondary"} onClick={() => deleteProvider(modal.provider)}>Remove Integration</button>
                 </div>
             </Modal>
         )}
@@ -567,7 +567,7 @@ function GitIntegrationModal(props: ({
             {props.mode === "new" && (
                 <div className="flex flex-col space-y-2">
                     <label htmlFor="type" className="font-medium">Provider Type</label>
-                    <select name="type" value={type} disabled={props.mode !== "new"} className="rounded-md w-full border-2 border-gray-400"
+                    <select name="type" value={type} disabled={props.mode !== "new"} className="w-full"
                         onChange={(e) => setType(e.target.value)}>
                         <option value="GitHub">GitHub</option>
                         <option value="GitLab">GitLab</option>
@@ -576,13 +576,13 @@ function GitIntegrationModal(props: ({
             )}
             <div className="flex flex-col space-y-2">
                 <label htmlFor="hostName" className="font-medium">Provider Host Name</label>
-                <input name="hostName" disabled={props.mode === "edit"} type="text" value={host} className="rounded-md w-full border-2 border-gray-400"
+                <input name="hostName" disabled={props.mode === "edit"} type="text" value={host} className="w-full"
                     onChange={(e) => updateHostValue(e.target.value)} />
             </div>
             <div className="flex flex-col space-y-2">
                 <label htmlFor="redirectURL" className="font-medium">Redirect URL</label>
                 <div className="w-full relative">
-                    <input name="redirectURL" disabled={true} readOnly={true} type="text" value={redirectURL} className="rounded-md w-full truncate pr-8" />
+                    <input name="redirectURL" disabled={true} readOnly={true} type="text" value={redirectURL} className="w-full truncate" />
                     <div className="cursor-pointer" onClick={() => copyRedirectUrl()}>
                         <img src={copy} title="Copy the Redirect URL to clippboard." className="absolute top-1/3 right-3" />
                     </div>
@@ -591,12 +591,12 @@ function GitIntegrationModal(props: ({
             </div>
             <div className="flex flex-col space-y-2">
                 <label htmlFor="clientId" className="font-medium">Client ID</label>
-                <input name="clientId" type="text" value={clientId} className="rounded-md w-full border-2 border-gray-400"
+                <input name="clientId" type="text" value={clientId} className="w-full"
                     onChange={(e) => updateClientId(e.target.value)} />
             </div>
             <div className="flex flex-col space-y-2">
                 <label htmlFor="clientSecret" className="font-medium">Client Secret</label>
-                <input name="clientSecret" type="password" value={clientSecret} className="rounded-md w-full border-2 border-gray-400"
+                <input name="clientSecret" type="password" value={clientSecret} className="w-full"
                     onChange={(e) => updateClientSecret(e.target.value)} />
             </div>
             {errorMessage && (
@@ -613,7 +613,7 @@ function GitIntegrationModal(props: ({
             )}
         </div>
         <div className="flex justify-end mt-6">
-            <button className="disabled:opacity-50" onClick={() => validate() && activate()} disabled={!!validationError || busy}>Activate Integration</button>
+            <button onClick={() => validate() && activate()} disabled={!!validationError || busy}>Activate Integration</button>
         </div>
     </Modal>);
 }
diff --git a/components/dashboard/src/start/CreateWorkspace.tsx b/components/dashboard/src/start/CreateWorkspace.tsx
index 4f5e13bd9d8dbe..674eceefa54dac 100644
--- a/components/dashboard/src/start/CreateWorkspace.tsx
+++ b/components/dashboard/src/start/CreateWorkspace.tsx
@@ -139,7 +139,7 @@ export class CreateWorkspace extends React.Component<CreateWorkspaceProps, Creat
     return <StartPage phase={phase} error={!!error}>
       {statusMessage}
       {error && <div>
-        <a href={gitpodHostUrl.asDashboard().toString()}><button className="mt-8 px-4 py-2 text-gray-500 bg-white font-semibold border-gray-500 hover:text-gray-700 hover:bg-gray-100 hover:border-gray-700">Go back to dashboard</button></a>
+        <a href={gitpodHostUrl.asDashboard().toString()}><button className="mt-8 secondary">Go back to dashboard</button></a>
         <p className="mt-14 text-base text-gray-400 flex space-x-2">
           <a href="https://www.gitpod.io/docs/">Docs</a>
           <span>—</span>
@@ -204,6 +204,6 @@ function RunningPrebuildView(props: RunningPrebuildViewProps) {
     <Suspense fallback={<div />}>
       <WorkspaceLogs logsEmitter={logsEmitter} />
     </Suspense>
-    <button className="mt-6 text-gray-500 border-gray-500 bg-white hover:text-gray-700 hover:bg-gray-100 hover:border-gray-700" onClick={() => { clearTimeout(pollTimeout!); props.onIgnorePrebuild(); }}>Don't Wait for Prebuild</button>
+    <button className="mt-6 secondary" onClick={() => { clearTimeout(pollTimeout!); props.onIgnorePrebuild(); }}>Don't Wait for Prebuild</button>
   </StartPage>;
 }
\ No newline at end of file
diff --git a/components/dashboard/src/start/StartWorkspace.tsx b/components/dashboard/src/start/StartWorkspace.tsx
index ff115a3a0df2bf..4f38ad00becbac 100644
--- a/components/dashboard/src/start/StartWorkspace.tsx
+++ b/components/dashboard/src/start/StartWorkspace.tsx
@@ -262,8 +262,8 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
             </div>
           </div>
           <div className="mt-10 flex space-x-2">
-            <button className="px-4 py-2 text-gray-500 bg-white font-semibold border-gray-500 hover:text-gray-700 hover:border-gray-700 hover:bg-gray-100" onClick={() => this.redirectTo(gitpodHostUrl.asDashboard().toString())}>Go to Dashboard</button>
-            <button className="px-4 py-2 text-gray-50 bg-green-600 font-semibold border-green-800 hover:bg-green-700" onClick={() => this.redirectTo(gitpodHostUrl.asStart(this.state.workspaceInstance?.workspaceId).toString())}>Open Workspace</button>
+            <button className="secondary" onClick={() => this.redirectTo(gitpodHostUrl.asDashboard().toString())}>Go to Dashboard</button>
+            <button onClick={() => this.redirectTo(gitpodHostUrl.asStart(this.state.workspaceInstance?.workspaceId).toString())}>Open Workspace</button>
           </div>
         </div>;
         break;
@@ -272,7 +272,7 @@ export default class StartWorkspace extends React.Component<StartWorkspaceProps,
     return <StartPage phase={phase} error={!!error} title={title}>
       {statusMessage}
       {error && <div>
-        <button className="mt-8 px-4 py-2 text-gray-500 bg-white font-semibold border-gray-500 hover:text-gray-700 hover:bg-gray-100 hover:border-gray-700" onClick={() => this.redirectTo(gitpodHostUrl.asDashboard().toString())}>Go back to dashboard</button>
+        <button className="mt-8 secondary" onClick={() => this.redirectTo(gitpodHostUrl.asDashboard().toString())}>Go back to dashboard</button>
         <p className="mt-14 text-base text-gray-400 flex space-x-2">
           <a href="https://www.gitpod.io/docs/">Docs</a>
           <span>—</span>
diff --git a/components/dashboard/src/tailwind.output.css b/components/dashboard/src/tailwind.output.css
index 52341866ad7fd6..0b2ec6827a87c2 100644
--- a/components/dashboard/src/tailwind.output.css
+++ b/components/dashboard/src/tailwind.output.css
@@ -866,19 +866,8 @@ button:hover {
   background-color: rgba(77, 124, 15, var(--tw-bg-opacity));
 }
 
-button {
-  --tw-border-opacity: 1;
-  border-color: rgba(63, 98, 18, var(--tw-border-opacity));
-}
-
-button:focus {
-  --tw-border-opacity: 1;
-  border-color: rgba(147, 197, 253, var(--tw-border-opacity));
-}
-
 button {
   border-radius: 0.375rem;
-  border-width: 2px;
   cursor: pointer;
   font-weight: 500;
   font-size: 0.875rem;
@@ -910,28 +899,85 @@ button {
   color: rgba(245, 245, 244, var(--tw-text-opacity));
 }
 
+button.secondary {
+  --tw-bg-opacity: 1;
+  background-color: rgba(245, 245, 244, var(--tw-bg-opacity));
+}
+
+button.secondary:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(231, 229, 228, var(--tw-bg-opacity));
+}
+
+button.secondary {
+  --tw-text-opacity: 1;
+  color: rgba(120, 113, 108, var(--tw-text-opacity));
+}
+
+button.secondary:hover {
+  --tw-text-opacity: 1;
+  color: rgba(87, 83, 78, var(--tw-text-opacity));
+}
+
+button.danger {
+  --tw-bg-opacity: 1;
+  background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
+}
+
+button.danger:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
+}
+
+button.danger {
+  --tw-text-opacity: 1;
+  color: rgba(245, 245, 244, var(--tw-text-opacity));
+}
+
+button.danger.secondary {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 242, 242, var(--tw-bg-opacity));
+}
+
+button.danger.secondary:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
+}
+
+button.danger.secondary {
+  --tw-text-opacity: 1;
+  color: rgba(220, 38, 38, var(--tw-text-opacity));
+}
+
+button.danger.secondary:hover {
+  --tw-text-opacity: 1;
+  color: rgba(185, 28, 28, var(--tw-text-opacity));
+}
+
 button:disabled {
   cursor: default;
+  opacity: 0.5;
+  pointer-events: none;
 }
 
-input[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus, select:focus {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
 
-input[type=text] {
+input[type=text], input[type=password], select {
   --tw-border-opacity: 1;
-  border-color: rgba(168, 162, 158, var(--tw-border-opacity));
+  border-color: rgba(214, 211, 209, var(--tw-border-opacity));
 }
 
-input[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus, select:focus {
   --tw-border-opacity: 1;
-  border-color: rgba(120, 113, 108, var(--tw-border-opacity));
+  border-color: rgba(168, 162, 158, var(--tw-border-opacity));
 }
 
-input[type=text] {
+input[type=text], input[type=password], select {
   border-radius: 0.375rem;
-  border-width: 2px;
+  border-width: 1px;
   display: block;
   font-size: 0.75rem;
   line-height: 1rem;
@@ -939,34 +985,34 @@ input[type=text] {
   line-height: 1.25rem;
 }
 
-input[type=text]:focus {
+input[type=text]:focus, input[type=password]:focus, select: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(0px + 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);
 }
 
-input[type=text] {
+input[type=text], input[type=password], select {
   --tw-text-opacity: 1;
   color: rgba(87, 83, 78, var(--tw-text-opacity));
   width: 14rem;
 }
 
-input[type=text]::-webkit-input-placeholder {
+input[type=text]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder {
   --tw-text-opacity: 1;
   color: rgba(168, 162, 158, var(--tw-text-opacity));
 }
 
-input[type=text]:-ms-input-placeholder {
+input[type=text]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder {
   --tw-text-opacity: 1;
   color: rgba(168, 162, 158, var(--tw-text-opacity));
 }
 
-input[type=text]::-ms-input-placeholder {
+input[type=text]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder {
   --tw-text-opacity: 1;
   color: rgba(168, 162, 158, var(--tw-text-opacity));
 }
 
-input[type=text]::placeholder {
+input[type=text]::placeholder, input[type=password]::placeholder {
   --tw-text-opacity: 1;
   color: rgba(168, 162, 158, var(--tw-text-opacity));
 }
@@ -975,12 +1021,38 @@ input[disabled] {
   --tw-bg-opacity: 1;
   background-color: rgba(245, 245, 244, var(--tw-bg-opacity));
   --tw-border-opacity: 1;
-  border-color: rgba(214, 211, 209, var(--tw-border-opacity));
-  border-width: 2px;
+  border-color: rgba(231, 229, 228, var(--tw-border-opacity));
+  border-width: 1px;
   --tw-text-opacity: 1;
   color: rgba(168, 162, 158, var(--tw-text-opacity));
 }
 
+input[type=radio]:focus {
+  --tw-bg-opacity: 1;
+  background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
+}
+
+input[type=radio] {
+  --tw-border-opacity: 1;
+  border-color: rgba(214, 211, 209, var(--tw-border-opacity));
+}
+
+input[type=radio]:focus {
+  --tw-border-opacity: 1;
+  border-color: rgba(168, 162, 158, var(--tw-border-opacity));
+}
+
+input[type=radio] {
+  border-radius: 0.375rem;
+  border-width: 1px;
+}
+
+input[type=radio]: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(0px + 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);
+}
+
 .space-y-0 > :not([hidden]) ~ :not([hidden]) {
   --tw-space-y-reverse: 0 !important;
   margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))) !important;
@@ -2330,6 +2402,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
 }
 
+.divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+}
+
+.divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+}
+
 .divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
   --tw-divide-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -2355,6 +2477,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
 }
 
+.divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+  --tw-divide-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+}
+
 .divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -2976,6 +3103,56 @@ input[disabled] {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
 }
 
+.bg-orange-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-200 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-300 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-400 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-500 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-600 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-700 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-800 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+}
+
+.bg-orange-900 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+}
+
 .bg-gitpod-black {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -3001,6 +3178,11 @@ input[disabled] {
   background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
 }
 
+.bg-gitpod-kumquat-darker {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+}
+
 .bg-gitpod-kumquat-gradient {
   background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -3438,6 +3620,56 @@ input[disabled] {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
 }
 
+.group:hover .group-hover\:bg-orange-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-100 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-200 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-300 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-400 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-500 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-600 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-700 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-800 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+}
+
+.group:hover .group-hover\:bg-orange-900 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+}
+
 .group:hover .group-hover\:bg-gitpod-black {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -3463,6 +3695,11 @@ input[disabled] {
   background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
 }
 
+.group:hover .group-hover\:bg-gitpod-kumquat-darker {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+}
+
 .group:hover .group-hover\:bg-gitpod-kumquat-gradient {
   background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -3900,6 +4137,56 @@ input[disabled] {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
 }
 
+.focus-within\:bg-orange-50:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-100:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-200:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-300:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-400:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-500:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-600:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-700:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-800:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+}
+
+.focus-within\:bg-orange-900:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+}
+
 .focus-within\:bg-gitpod-black:focus-within {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -3925,6 +4212,11 @@ input[disabled] {
   background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
 }
 
+.focus-within\:bg-gitpod-kumquat-darker:focus-within {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+}
+
 .focus-within\:bg-gitpod-kumquat-gradient:focus-within {
   background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -4362,6 +4654,56 @@ input[disabled] {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
 }
 
+.hover\:bg-orange-50:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-100:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-200:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-300:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-400:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-500:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-600:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-700:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-800:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+}
+
+.hover\:bg-orange-900:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+}
+
 .hover\:bg-gitpod-black:hover {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -4387,6 +4729,11 @@ input[disabled] {
   background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
 }
 
+.hover\:bg-gitpod-kumquat-darker:hover {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+}
+
 .hover\:bg-gitpod-kumquat-gradient:hover {
   background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -4824,6 +5171,56 @@ input[disabled] {
   background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
 }
 
+.focus\:bg-orange-50:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-100:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-200:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-300:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-400:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-500:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-600:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-700:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-800:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+}
+
+.focus\:bg-orange-900:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+}
+
 .focus\:bg-gitpod-black:focus {
   --tw-bg-opacity: 1 !important;
   background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -4849,6 +5246,11 @@ input[disabled] {
   background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
 }
 
+.focus\:bg-gitpod-kumquat-darker:focus {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+}
+
 .focus\:bg-gitpod-kumquat-gradient:focus {
   background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -5324,6 +5726,56 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.from-orange-50 {
+  --tw-gradient-from: #fffbeb !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.from-orange-100 {
+  --tw-gradient-from: #fef3c7 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.from-orange-200 {
+  --tw-gradient-from: #fde68a !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.from-orange-300 {
+  --tw-gradient-from: #fcd34d !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.from-orange-400 {
+  --tw-gradient-from: #fbbf24 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.from-orange-500 {
+  --tw-gradient-from: #f59e0b !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.from-orange-600 {
+  --tw-gradient-from: #d97706 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.from-orange-700 {
+  --tw-gradient-from: #b45309 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.from-orange-800 {
+  --tw-gradient-from: #92400e !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.from-orange-900 {
+  --tw-gradient-from: #78350f !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .from-gitpod-black {
   --tw-gradient-from: #161616 !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -5349,6 +5801,11 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.from-gitpod-kumquat-darker {
+  --tw-gradient-from: #f28300 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .from-gitpod-kumquat-gradient {
   --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -5702,6 +6159,46 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.via-orange-50 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.via-orange-100 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.via-orange-200 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.via-orange-300 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.via-orange-400 {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.via-orange-500 {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.via-orange-600 {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.via-orange-700 {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.via-orange-800 {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.via-orange-900 {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .via-gitpod-black {
   --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
 }
@@ -5722,6 +6219,10 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.via-gitpod-kumquat-darker {
+  --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .via-gitpod-kumquat-gradient {
   --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
 }
@@ -6074,6 +6575,46 @@ input[disabled] {
   --tw-gradient-to: #831843 !important;
 }
 
+.to-orange-50 {
+  --tw-gradient-to: #fffbeb !important;
+}
+
+.to-orange-100 {
+  --tw-gradient-to: #fef3c7 !important;
+}
+
+.to-orange-200 {
+  --tw-gradient-to: #fde68a !important;
+}
+
+.to-orange-300 {
+  --tw-gradient-to: #fcd34d !important;
+}
+
+.to-orange-400 {
+  --tw-gradient-to: #fbbf24 !important;
+}
+
+.to-orange-500 {
+  --tw-gradient-to: #f59e0b !important;
+}
+
+.to-orange-600 {
+  --tw-gradient-to: #d97706 !important;
+}
+
+.to-orange-700 {
+  --tw-gradient-to: #b45309 !important;
+}
+
+.to-orange-800 {
+  --tw-gradient-to: #92400e !important;
+}
+
+.to-orange-900 {
+  --tw-gradient-to: #78350f !important;
+}
+
 .to-gitpod-black {
   --tw-gradient-to: #161616 !important;
 }
@@ -6094,6 +6635,10 @@ input[disabled] {
   --tw-gradient-to: #FF8A00 !important;
 }
 
+.to-gitpod-kumquat-darker {
+  --tw-gradient-to: #f28300 !important;
+}
+
 .to-gitpod-kumquat-gradient {
   --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -6533,6 +7078,56 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.hover\:from-orange-50:hover {
+  --tw-gradient-from: #fffbeb !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.hover\:from-orange-100:hover {
+  --tw-gradient-from: #fef3c7 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.hover\:from-orange-200:hover {
+  --tw-gradient-from: #fde68a !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.hover\:from-orange-300:hover {
+  --tw-gradient-from: #fcd34d !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.hover\:from-orange-400:hover {
+  --tw-gradient-from: #fbbf24 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.hover\:from-orange-500:hover {
+  --tw-gradient-from: #f59e0b !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.hover\:from-orange-600:hover {
+  --tw-gradient-from: #d97706 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.hover\:from-orange-700:hover {
+  --tw-gradient-from: #b45309 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.hover\:from-orange-800:hover {
+  --tw-gradient-from: #92400e !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.hover\:from-orange-900:hover {
+  --tw-gradient-from: #78350f !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .hover\:from-gitpod-black:hover {
   --tw-gradient-from: #161616 !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -6558,6 +7153,11 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.hover\:from-gitpod-kumquat-darker:hover {
+  --tw-gradient-from: #f28300 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .hover\:from-gitpod-kumquat-gradient:hover {
   --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -6911,6 +7511,46 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.hover\:via-orange-50:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.hover\:via-orange-100:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.hover\:via-orange-200:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.hover\:via-orange-300:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.hover\:via-orange-400:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.hover\:via-orange-500:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.hover\:via-orange-600:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.hover\:via-orange-700:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.hover\:via-orange-800:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.hover\:via-orange-900:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .hover\:via-gitpod-black:hover {
   --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
 }
@@ -6931,6 +7571,10 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.hover\:via-gitpod-kumquat-darker:hover {
+  --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .hover\:via-gitpod-kumquat-gradient:hover {
   --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
 }
@@ -7283,6 +7927,46 @@ input[disabled] {
   --tw-gradient-to: #831843 !important;
 }
 
+.hover\:to-orange-50:hover {
+  --tw-gradient-to: #fffbeb !important;
+}
+
+.hover\:to-orange-100:hover {
+  --tw-gradient-to: #fef3c7 !important;
+}
+
+.hover\:to-orange-200:hover {
+  --tw-gradient-to: #fde68a !important;
+}
+
+.hover\:to-orange-300:hover {
+  --tw-gradient-to: #fcd34d !important;
+}
+
+.hover\:to-orange-400:hover {
+  --tw-gradient-to: #fbbf24 !important;
+}
+
+.hover\:to-orange-500:hover {
+  --tw-gradient-to: #f59e0b !important;
+}
+
+.hover\:to-orange-600:hover {
+  --tw-gradient-to: #d97706 !important;
+}
+
+.hover\:to-orange-700:hover {
+  --tw-gradient-to: #b45309 !important;
+}
+
+.hover\:to-orange-800:hover {
+  --tw-gradient-to: #92400e !important;
+}
+
+.hover\:to-orange-900:hover {
+  --tw-gradient-to: #78350f !important;
+}
+
 .hover\:to-gitpod-black:hover {
   --tw-gradient-to: #161616 !important;
 }
@@ -7303,6 +7987,10 @@ input[disabled] {
   --tw-gradient-to: #FF8A00 !important;
 }
 
+.hover\:to-gitpod-kumquat-darker:hover {
+  --tw-gradient-to: #f28300 !important;
+}
+
 .hover\:to-gitpod-kumquat-gradient:hover {
   --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -7742,6 +8430,56 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.focus\:from-orange-50:focus {
+  --tw-gradient-from: #fffbeb !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.focus\:from-orange-100:focus {
+  --tw-gradient-from: #fef3c7 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.focus\:from-orange-200:focus {
+  --tw-gradient-from: #fde68a !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.focus\:from-orange-300:focus {
+  --tw-gradient-from: #fcd34d !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.focus\:from-orange-400:focus {
+  --tw-gradient-from: #fbbf24 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.focus\:from-orange-500:focus {
+  --tw-gradient-from: #f59e0b !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.focus\:from-orange-600:focus {
+  --tw-gradient-from: #d97706 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.focus\:from-orange-700:focus {
+  --tw-gradient-from: #b45309 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.focus\:from-orange-800:focus {
+  --tw-gradient-from: #92400e !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.focus\:from-orange-900:focus {
+  --tw-gradient-from: #78350f !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .focus\:from-gitpod-black:focus {
   --tw-gradient-from: #161616 !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -7767,6 +8505,11 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.focus\:from-gitpod-kumquat-darker:focus {
+  --tw-gradient-from: #f28300 !important;
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .focus\:from-gitpod-kumquat-gradient:focus {
   --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -8120,6 +8863,46 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
 }
 
+.focus\:via-orange-50:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+}
+
+.focus\:via-orange-100:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+}
+
+.focus\:via-orange-200:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+}
+
+.focus\:via-orange-300:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+}
+
+.focus\:via-orange-400:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+}
+
+.focus\:via-orange-500:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+}
+
+.focus\:via-orange-600:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+}
+
+.focus\:via-orange-700:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+}
+
+.focus\:via-orange-800:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+}
+
+.focus\:via-orange-900:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+}
+
 .focus\:via-gitpod-black:focus {
   --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
 }
@@ -8140,6 +8923,10 @@ input[disabled] {
   --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
 }
 
+.focus\:via-gitpod-kumquat-darker:focus {
+  --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+}
+
 .focus\:via-gitpod-kumquat-gradient:focus {
   --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
 }
@@ -8492,6 +9279,46 @@ input[disabled] {
   --tw-gradient-to: #831843 !important;
 }
 
+.focus\:to-orange-50:focus {
+  --tw-gradient-to: #fffbeb !important;
+}
+
+.focus\:to-orange-100:focus {
+  --tw-gradient-to: #fef3c7 !important;
+}
+
+.focus\:to-orange-200:focus {
+  --tw-gradient-to: #fde68a !important;
+}
+
+.focus\:to-orange-300:focus {
+  --tw-gradient-to: #fcd34d !important;
+}
+
+.focus\:to-orange-400:focus {
+  --tw-gradient-to: #fbbf24 !important;
+}
+
+.focus\:to-orange-500:focus {
+  --tw-gradient-to: #f59e0b !important;
+}
+
+.focus\:to-orange-600:focus {
+  --tw-gradient-to: #d97706 !important;
+}
+
+.focus\:to-orange-700:focus {
+  --tw-gradient-to: #b45309 !important;
+}
+
+.focus\:to-orange-800:focus {
+  --tw-gradient-to: #92400e !important;
+}
+
+.focus\:to-orange-900:focus {
+  --tw-gradient-to: #78350f !important;
+}
+
 .focus\:to-gitpod-black:focus {
   --tw-gradient-to: #161616 !important;
 }
@@ -8512,6 +9339,10 @@ input[disabled] {
   --tw-gradient-to: #FF8A00 !important;
 }
 
+.focus\:to-gitpod-kumquat-darker:focus {
+  --tw-gradient-to: #f28300 !important;
+}
+
 .focus\:to-gitpod-kumquat-gradient:focus {
   --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -9329,6 +10160,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
 }
 
+.border-orange-50 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-100 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-200 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-300 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-400 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-500 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-600 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-700 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-800 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+}
+
+.border-orange-900 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+}
+
 .border-gitpod-black {
   --tw-border-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -9354,6 +10235,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
 }
 
+.border-gitpod-kumquat-darker {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+}
+
 .border-gitpod-kumquat-gradient {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -9791,6 +10677,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
 }
 
+.group:hover .group-hover\:border-orange-50 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-100 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-200 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-300 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-400 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-500 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-600 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-700 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-800 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+}
+
+.group:hover .group-hover\:border-orange-900 {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+}
+
 .group:hover .group-hover\:border-gitpod-black {
   --tw-border-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -9816,6 +10752,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
 }
 
+.group:hover .group-hover\:border-gitpod-kumquat-darker {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+}
+
 .group:hover .group-hover\:border-gitpod-kumquat-gradient {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -10253,6 +11194,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
 }
 
+.focus-within\:border-orange-50:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-100:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-200:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-300:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-400:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-500:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-600:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-700:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-800:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+}
+
+.focus-within\:border-orange-900:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+}
+
 .focus-within\:border-gitpod-black:focus-within {
   --tw-border-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -10278,6 +11269,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
 }
 
+.focus-within\:border-gitpod-kumquat-darker:focus-within {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+}
+
 .focus-within\:border-gitpod-kumquat-gradient:focus-within {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -10715,6 +11711,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
 }
 
+.hover\:border-orange-50:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-100:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-200:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-300:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-400:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-500:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-600:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-700:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-800:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+}
+
+.hover\:border-orange-900:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+}
+
 .hover\:border-gitpod-black:hover {
   --tw-border-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -10740,6 +11786,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
 }
 
+.hover\:border-gitpod-kumquat-darker:hover {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+}
+
 .hover\:border-gitpod-kumquat-gradient:hover {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -11177,6 +12228,56 @@ input[disabled] {
   border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
 }
 
+.focus\:border-orange-50:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-100:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-200:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-300:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-400:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-500:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-600:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-700:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-800:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+}
+
+.focus\:border-orange-900:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+}
+
 .focus\:border-gitpod-black:focus {
   --tw-border-opacity: 1 !important;
   border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -11202,6 +12303,11 @@ input[disabled] {
   border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
 }
 
+.focus\:border-gitpod-kumquat-darker:focus {
+  --tw-border-opacity: 1 !important;
+  border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+}
+
 .focus\:border-gitpod-kumquat-gradient:focus {
   border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -18582,6 +19688,206 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
 }
 
+.placeholder-orange-50::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-50:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-50::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-50::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-100::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-100:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-100::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-100::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-200::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-200:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-200::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-200::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-300::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-300:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-300::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-300::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-400::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-400:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-400::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-400::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-500::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-500:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-500::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-500::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-600::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-600:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-600::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-600::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-700::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-700:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-700::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-700::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-800::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-800:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-800::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-800::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-900::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-900:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-900::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-orange-900::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
 .placeholder-gitpod-black::-webkit-input-placeholder {
   --tw-placeholder-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -18682,6 +19988,26 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
 }
 
+.placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.placeholder-gitpod-kumquat-darker::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
 .placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -20430,6 +21756,206 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
 }
 
+.focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-50:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-100:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-200:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-300:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-400:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-500:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-600:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-700:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-800:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-orange-900:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+}
+
 .focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
   --tw-placeholder-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -20530,6 +22056,26 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
 }
 
+.focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
+.focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+  --tw-placeholder-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+}
+
 .focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -24557,6 +26103,46 @@ input[disabled] {
   --tw-ring-offset-color: #831843 !important;
 }
 
+.ring-offset-orange-50 {
+  --tw-ring-offset-color: #fffbeb !important;
+}
+
+.ring-offset-orange-100 {
+  --tw-ring-offset-color: #fef3c7 !important;
+}
+
+.ring-offset-orange-200 {
+  --tw-ring-offset-color: #fde68a !important;
+}
+
+.ring-offset-orange-300 {
+  --tw-ring-offset-color: #fcd34d !important;
+}
+
+.ring-offset-orange-400 {
+  --tw-ring-offset-color: #fbbf24 !important;
+}
+
+.ring-offset-orange-500 {
+  --tw-ring-offset-color: #f59e0b !important;
+}
+
+.ring-offset-orange-600 {
+  --tw-ring-offset-color: #d97706 !important;
+}
+
+.ring-offset-orange-700 {
+  --tw-ring-offset-color: #b45309 !important;
+}
+
+.ring-offset-orange-800 {
+  --tw-ring-offset-color: #92400e !important;
+}
+
+.ring-offset-orange-900 {
+  --tw-ring-offset-color: #78350f !important;
+}
+
 .ring-offset-gitpod-black {
   --tw-ring-offset-color: #161616 !important;
 }
@@ -24577,6 +26163,10 @@ input[disabled] {
   --tw-ring-offset-color: #FF8A00 !important;
 }
 
+.ring-offset-gitpod-kumquat-darker {
+  --tw-ring-offset-color: #f28300 !important;
+}
+
 .ring-offset-gitpod-kumquat-gradient {
   --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -24929,6 +26519,46 @@ input[disabled] {
   --tw-ring-offset-color: #831843 !important;
 }
 
+.focus-within\:ring-offset-orange-50:focus-within {
+  --tw-ring-offset-color: #fffbeb !important;
+}
+
+.focus-within\:ring-offset-orange-100:focus-within {
+  --tw-ring-offset-color: #fef3c7 !important;
+}
+
+.focus-within\:ring-offset-orange-200:focus-within {
+  --tw-ring-offset-color: #fde68a !important;
+}
+
+.focus-within\:ring-offset-orange-300:focus-within {
+  --tw-ring-offset-color: #fcd34d !important;
+}
+
+.focus-within\:ring-offset-orange-400:focus-within {
+  --tw-ring-offset-color: #fbbf24 !important;
+}
+
+.focus-within\:ring-offset-orange-500:focus-within {
+  --tw-ring-offset-color: #f59e0b !important;
+}
+
+.focus-within\:ring-offset-orange-600:focus-within {
+  --tw-ring-offset-color: #d97706 !important;
+}
+
+.focus-within\:ring-offset-orange-700:focus-within {
+  --tw-ring-offset-color: #b45309 !important;
+}
+
+.focus-within\:ring-offset-orange-800:focus-within {
+  --tw-ring-offset-color: #92400e !important;
+}
+
+.focus-within\:ring-offset-orange-900:focus-within {
+  --tw-ring-offset-color: #78350f !important;
+}
+
 .focus-within\:ring-offset-gitpod-black:focus-within {
   --tw-ring-offset-color: #161616 !important;
 }
@@ -24949,6 +26579,10 @@ input[disabled] {
   --tw-ring-offset-color: #FF8A00 !important;
 }
 
+.focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+  --tw-ring-offset-color: #f28300 !important;
+}
+
 .focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
   --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -25301,6 +26935,46 @@ input[disabled] {
   --tw-ring-offset-color: #831843 !important;
 }
 
+.focus\:ring-offset-orange-50:focus {
+  --tw-ring-offset-color: #fffbeb !important;
+}
+
+.focus\:ring-offset-orange-100:focus {
+  --tw-ring-offset-color: #fef3c7 !important;
+}
+
+.focus\:ring-offset-orange-200:focus {
+  --tw-ring-offset-color: #fde68a !important;
+}
+
+.focus\:ring-offset-orange-300:focus {
+  --tw-ring-offset-color: #fcd34d !important;
+}
+
+.focus\:ring-offset-orange-400:focus {
+  --tw-ring-offset-color: #fbbf24 !important;
+}
+
+.focus\:ring-offset-orange-500:focus {
+  --tw-ring-offset-color: #f59e0b !important;
+}
+
+.focus\:ring-offset-orange-600:focus {
+  --tw-ring-offset-color: #d97706 !important;
+}
+
+.focus\:ring-offset-orange-700:focus {
+  --tw-ring-offset-color: #b45309 !important;
+}
+
+.focus\:ring-offset-orange-800:focus {
+  --tw-ring-offset-color: #92400e !important;
+}
+
+.focus\:ring-offset-orange-900:focus {
+  --tw-ring-offset-color: #78350f !important;
+}
+
 .focus\:ring-offset-gitpod-black:focus {
   --tw-ring-offset-color: #161616 !important;
 }
@@ -25321,6 +26995,10 @@ input[disabled] {
   --tw-ring-offset-color: #FF8A00 !important;
 }
 
+.focus\:ring-offset-gitpod-kumquat-darker:focus {
+  --tw-ring-offset-color: #f28300 !important;
+}
+
 .focus\:ring-offset-gitpod-kumquat-gradient:focus {
   --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -25818,6 +27496,56 @@ input[disabled] {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
 }
 
+.ring-orange-50 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-100 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-200 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-300 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-400 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-500 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-600 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-700 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-800 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+}
+
+.ring-orange-900 {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+}
+
 .ring-gitpod-black {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -25843,6 +27571,11 @@ input[disabled] {
   --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
 }
 
+.ring-gitpod-kumquat-darker {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+}
+
 .ring-gitpod-kumquat-gradient {
   --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -26280,6 +28013,56 @@ input[disabled] {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
 }
 
+.focus-within\:ring-orange-50:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-100:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-200:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-300:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-400:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-500:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-600:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-700:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-800:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+}
+
+.focus-within\:ring-orange-900:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+}
+
 .focus-within\:ring-gitpod-black:focus-within {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -26305,6 +28088,11 @@ input[disabled] {
   --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
 }
 
+.focus-within\:ring-gitpod-kumquat-darker:focus-within {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+}
+
 .focus-within\:ring-gitpod-kumquat-gradient:focus-within {
   --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -26742,6 +28530,56 @@ input[disabled] {
   --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
 }
 
+.focus\:ring-orange-50:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-100:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-200:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-300:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-400:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-500:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-600:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-700:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-800:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+}
+
+.focus\:ring-orange-900:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+}
+
 .focus\:ring-gitpod-black:focus {
   --tw-ring-opacity: 1 !important;
   --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -26767,6 +28605,11 @@ input[disabled] {
   --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
 }
 
+.focus\:ring-gitpod-kumquat-darker:focus {
+  --tw-ring-opacity: 1 !important;
+  --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+}
+
 .focus\:ring-gitpod-kumquat-gradient:focus {
   --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -27428,6 +29271,56 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
 }
 
+.text-orange-50 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-100 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-200 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-300 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-400 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-500 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-600 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-800 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+}
+
+.text-orange-900 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+}
+
 .text-gitpod-black {
   --tw-text-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -27453,6 +29346,11 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
 }
 
+.text-gitpod-kumquat-darker {
+  --tw-text-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+}
+
 .text-gitpod-kumquat-gradient {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -27890,6 +29788,56 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
 }
 
+.group:hover .group-hover\:text-orange-50 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-100 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-200 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-300 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-400 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-500 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-600 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-700 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-800 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+}
+
+.group:hover .group-hover\:text-orange-900 {
+  --tw-text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+}
+
 .group:hover .group-hover\:text-gitpod-black {
   --tw-text-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -27915,6 +29863,11 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
 }
 
+.group:hover .group-hover\:text-gitpod-kumquat-darker {
+  --tw-text-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+}
+
 .group:hover .group-hover\:text-gitpod-kumquat-gradient {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -28352,6 +30305,56 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
 }
 
+.focus-within\:text-orange-50:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-100:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-200:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-300:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-400:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-500:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-600:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-700:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-800:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+}
+
+.focus-within\:text-orange-900:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+}
+
 .focus-within\:text-gitpod-black:focus-within {
   --tw-text-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -28377,6 +30380,11 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
 }
 
+.focus-within\:text-gitpod-kumquat-darker:focus-within {
+  --tw-text-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+}
+
 .focus-within\:text-gitpod-kumquat-gradient:focus-within {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -28814,6 +30822,56 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
 }
 
+.hover\:text-orange-50:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-100:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-200:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-300:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-400:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-500:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-600:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-700:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-800:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+}
+
+.hover\:text-orange-900:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+}
+
 .hover\:text-gitpod-black:hover {
   --tw-text-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -28839,6 +30897,11 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
 }
 
+.hover\:text-gitpod-kumquat-darker:hover {
+  --tw-text-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+}
+
 .hover\:text-gitpod-kumquat-gradient:hover {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -29276,6 +31339,56 @@ input[disabled] {
   color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
 }
 
+.focus\:text-orange-50:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-100:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-200:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-300:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-400:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-500:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-600:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-700:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-800:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+}
+
+.focus\:text-orange-900:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+}
+
 .focus\:text-gitpod-black:focus {
   --tw-text-opacity: 1 !important;
   color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -29301,6 +31414,11 @@ input[disabled] {
   color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
 }
 
+.focus\:text-gitpod-kumquat-darker:focus {
+  --tw-text-opacity: 1 !important;
+  color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+}
+
 .focus\:text-gitpod-kumquat-gradient:focus {
   color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
 }
@@ -34679,6 +36797,56 @@ input[disabled] {
           text-decoration-color: #831843 !important;
 }
 
+.underline-orange-50 {
+  -webkit-text-decoration-color: #fffbeb !important;
+          text-decoration-color: #fffbeb !important;
+}
+
+.underline-orange-100 {
+  -webkit-text-decoration-color: #fef3c7 !important;
+          text-decoration-color: #fef3c7 !important;
+}
+
+.underline-orange-200 {
+  -webkit-text-decoration-color: #fde68a !important;
+          text-decoration-color: #fde68a !important;
+}
+
+.underline-orange-300 {
+  -webkit-text-decoration-color: #fcd34d !important;
+          text-decoration-color: #fcd34d !important;
+}
+
+.underline-orange-400 {
+  -webkit-text-decoration-color: #fbbf24 !important;
+          text-decoration-color: #fbbf24 !important;
+}
+
+.underline-orange-500 {
+  -webkit-text-decoration-color: #f59e0b !important;
+          text-decoration-color: #f59e0b !important;
+}
+
+.underline-orange-600 {
+  -webkit-text-decoration-color: #d97706 !important;
+          text-decoration-color: #d97706 !important;
+}
+
+.underline-orange-700 {
+  -webkit-text-decoration-color: #b45309 !important;
+          text-decoration-color: #b45309 !important;
+}
+
+.underline-orange-800 {
+  -webkit-text-decoration-color: #92400e !important;
+          text-decoration-color: #92400e !important;
+}
+
+.underline-orange-900 {
+  -webkit-text-decoration-color: #78350f !important;
+          text-decoration-color: #78350f !important;
+}
+
 .underline-gitpod-black {
   -webkit-text-decoration-color: #161616 !important;
           text-decoration-color: #161616 !important;
@@ -34704,6 +36872,11 @@ input[disabled] {
           text-decoration-color: #FF8A00 !important;
 }
 
+.underline-gitpod-kumquat-darker {
+  -webkit-text-decoration-color: #f28300 !important;
+          text-decoration-color: #f28300 !important;
+}
+
 .underline-gitpod-kumquat-gradient {
   -webkit-text-decoration-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
           text-decoration-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
@@ -36126,6 +38299,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
   }
 
+  .sm\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+  }
+
+  .sm\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+  }
+
   .sm\:divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -36151,6 +38374,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
   }
 
+  .sm\:divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+  }
+
   .sm\:divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -36772,6 +39000,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -36797,6 +39075,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -37234,6 +39517,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -37259,6 +39592,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -37696,6 +40034,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:focus-within\:bg-orange-50:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-100:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-200:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-300:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-400:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-500:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-600:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-700:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-800:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus-within\:bg-orange-900:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:focus-within\:bg-gitpod-black:focus-within {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -37721,6 +40109,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:focus-within\:bg-gitpod-kumquat-darker:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:focus-within\:bg-gitpod-kumquat-gradient:focus-within {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -38158,6 +40551,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-100:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-200:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-300:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-400:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-500:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-600:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-700:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-800:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:hover\:bg-orange-900:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:hover\:bg-gitpod-black:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -38183,6 +40626,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:hover\:bg-gitpod-kumquat-darker:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:hover\:bg-gitpod-kumquat-gradient:hover {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -38620,6 +41068,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:focus\:bg-orange-50:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-100:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-200:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-300:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-400:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-500:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-600:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-700:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-800:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .sm\:focus\:bg-orange-900:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:focus\:bg-gitpod-black:focus {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -38645,6 +41143,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .sm\:focus\:bg-gitpod-kumquat-darker:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .sm\:focus\:bg-gitpod-kumquat-gradient:focus {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -39120,6 +41623,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:from-orange-50 {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:from-orange-100 {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:from-orange-200 {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:from-orange-300 {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:from-orange-400 {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:from-orange-500 {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:from-orange-600 {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:from-orange-700 {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:from-orange-800 {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:from-orange-900 {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:from-gitpod-black {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -39145,6 +41698,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:from-gitpod-kumquat-darker {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:from-gitpod-kumquat-gradient {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -39498,6 +42056,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:via-orange-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:via-orange-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:via-orange-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:via-orange-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:via-orange-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:via-orange-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:via-orange-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:via-orange-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:via-orange-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:via-orange-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:via-gitpod-black {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -39518,6 +42116,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:via-gitpod-kumquat-darker {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:via-gitpod-kumquat-gradient {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -39870,6 +42472,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .sm\:to-orange-50 {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .sm\:to-orange-100 {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .sm\:to-orange-200 {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .sm\:to-orange-300 {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .sm\:to-orange-400 {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .sm\:to-orange-500 {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .sm\:to-orange-600 {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .sm\:to-orange-700 {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .sm\:to-orange-800 {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .sm\:to-orange-900 {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .sm\:to-gitpod-black {
     --tw-gradient-to: #161616 !important;
   }
@@ -39890,6 +42532,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .sm\:to-gitpod-kumquat-darker {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .sm\:to-gitpod-kumquat-gradient {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -40329,6 +42975,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:hover\:from-orange-50:hover {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-100:hover {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-200:hover {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-300:hover {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-400:hover {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-500:hover {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-600:hover {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-700:hover {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-800:hover {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:hover\:from-orange-900:hover {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:hover\:from-gitpod-black:hover {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -40354,6 +43050,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:hover\:from-gitpod-kumquat-darker:hover {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:hover\:from-gitpod-kumquat-gradient:hover {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -40707,6 +43408,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:hover\:via-orange-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:hover\:via-orange-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:hover\:via-gitpod-black:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -40727,6 +43468,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:hover\:via-gitpod-kumquat-darker:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:hover\:via-gitpod-kumquat-gradient:hover {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -41079,6 +43824,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .sm\:hover\:to-orange-50:hover {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .sm\:hover\:to-orange-100:hover {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .sm\:hover\:to-orange-200:hover {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .sm\:hover\:to-orange-300:hover {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .sm\:hover\:to-orange-400:hover {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .sm\:hover\:to-orange-500:hover {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .sm\:hover\:to-orange-600:hover {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .sm\:hover\:to-orange-700:hover {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .sm\:hover\:to-orange-800:hover {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .sm\:hover\:to-orange-900:hover {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .sm\:hover\:to-gitpod-black:hover {
     --tw-gradient-to: #161616 !important;
   }
@@ -41099,6 +43884,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .sm\:hover\:to-gitpod-kumquat-darker:hover {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .sm\:hover\:to-gitpod-kumquat-gradient:hover {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -41538,6 +44327,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:focus\:from-orange-50:focus {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-100:focus {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-200:focus {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-300:focus {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-400:focus {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-500:focus {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-600:focus {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-700:focus {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-800:focus {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:focus\:from-orange-900:focus {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:focus\:from-gitpod-black:focus {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -41563,6 +44402,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:focus\:from-gitpod-kumquat-darker:focus {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:focus\:from-gitpod-kumquat-gradient:focus {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -41916,6 +44760,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .sm\:focus\:via-orange-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .sm\:focus\:via-orange-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .sm\:focus\:via-gitpod-black:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -41936,6 +44820,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .sm\:focus\:via-gitpod-kumquat-darker:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .sm\:focus\:via-gitpod-kumquat-gradient:focus {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -42288,6 +45176,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .sm\:focus\:to-orange-50:focus {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .sm\:focus\:to-orange-100:focus {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .sm\:focus\:to-orange-200:focus {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .sm\:focus\:to-orange-300:focus {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .sm\:focus\:to-orange-400:focus {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .sm\:focus\:to-orange-500:focus {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .sm\:focus\:to-orange-600:focus {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .sm\:focus\:to-orange-700:focus {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .sm\:focus\:to-orange-800:focus {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .sm\:focus\:to-orange-900:focus {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .sm\:focus\:to-gitpod-black:focus {
     --tw-gradient-to: #161616 !important;
   }
@@ -42308,6 +45236,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .sm\:focus\:to-gitpod-kumquat-darker:focus {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .sm\:focus\:to-gitpod-kumquat-gradient:focus {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -43125,6 +46057,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -43150,6 +46132,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -43587,6 +46574,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -43612,6 +46649,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -44049,6 +47091,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:focus-within\:border-orange-50:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-100:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-200:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-300:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-400:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-500:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-600:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-700:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-800:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus-within\:border-orange-900:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:focus-within\:border-gitpod-black:focus-within {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -44074,6 +47166,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:focus-within\:border-gitpod-kumquat-darker:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:focus-within\:border-gitpod-kumquat-gradient:focus-within {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -44511,6 +47608,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:hover\:border-orange-50:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-100:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-200:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-300:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-400:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-500:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-600:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-700:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-800:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:hover\:border-orange-900:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:hover\:border-gitpod-black:hover {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -44536,6 +47683,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:hover\:border-gitpod-kumquat-darker:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:hover\:border-gitpod-kumquat-gradient:hover {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -44973,6 +48125,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:focus\:border-orange-50:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-100:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-200:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-300:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-400:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-500:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-600:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-700:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-800:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .sm\:focus\:border-orange-900:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:focus\:border-gitpod-black:focus {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -44998,6 +48200,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .sm\:focus\:border-gitpod-kumquat-darker:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .sm\:focus\:border-gitpod-kumquat-gradient:focus {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -52378,6 +55585,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .sm\:placeholder-orange-50::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-50::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-50::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-100::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-100::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-100::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-200::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-200::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-200::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-300::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-300::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-300::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-400::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-400::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-400::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-500::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-500::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-500::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-600::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-600::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-600::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-700::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-700::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-700::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-800::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-800::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-800::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-900::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-900::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-orange-900::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .sm\:placeholder-gitpod-black::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -52478,6 +55885,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .sm\:placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:placeholder-gitpod-kumquat-darker::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .sm\:placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -54226,6 +57653,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .sm\:focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-50:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-100:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-200:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-300:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-400:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-500:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-600:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-700:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-800:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-orange-900:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .sm\:focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -54326,6 +57953,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .sm\:focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .sm\:focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .sm\:focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -58340,6 +61987,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .sm\:ring-offset-orange-50 {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .sm\:ring-offset-orange-100 {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .sm\:ring-offset-orange-200 {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .sm\:ring-offset-orange-300 {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .sm\:ring-offset-orange-400 {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .sm\:ring-offset-orange-500 {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .sm\:ring-offset-orange-600 {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .sm\:ring-offset-orange-700 {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .sm\:ring-offset-orange-800 {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .sm\:ring-offset-orange-900 {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .sm\:ring-offset-gitpod-black {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -58360,6 +62047,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .sm\:ring-offset-gitpod-kumquat-darker {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .sm\:ring-offset-gitpod-kumquat-gradient {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -58712,6 +62403,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .sm\:focus-within\:ring-offset-orange-50:focus-within {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-100:focus-within {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-200:focus-within {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-300:focus-within {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-400:focus-within {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-500:focus-within {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-600:focus-within {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-700:focus-within {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-800:focus-within {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .sm\:focus-within\:ring-offset-orange-900:focus-within {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .sm\:focus-within\:ring-offset-gitpod-black:focus-within {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -58732,6 +62463,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .sm\:focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .sm\:focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -59084,6 +62819,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .sm\:focus\:ring-offset-orange-50:focus {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-100:focus {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-200:focus {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-300:focus {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-400:focus {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-500:focus {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-600:focus {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-700:focus {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-800:focus {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .sm\:focus\:ring-offset-orange-900:focus {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .sm\:focus\:ring-offset-gitpod-black:focus {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -59104,6 +62879,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .sm\:focus\:ring-offset-gitpod-kumquat-darker:focus {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .sm\:focus\:ring-offset-gitpod-kumquat-gradient:focus {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -59601,6 +63380,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:ring-orange-50 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-100 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-200 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-300 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-400 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-500 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-600 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-700 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-800 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:ring-orange-900 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:ring-gitpod-black {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -59626,6 +63455,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:ring-gitpod-kumquat-darker {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:ring-gitpod-kumquat-gradient {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -60063,6 +63897,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:focus-within\:ring-orange-50:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-100:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-200:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-300:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-400:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-500:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-600:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-700:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-800:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus-within\:ring-orange-900:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:focus-within\:ring-gitpod-black:focus-within {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -60088,6 +63972,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:focus-within\:ring-gitpod-kumquat-darker:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:focus-within\:ring-gitpod-kumquat-gradient:focus-within {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -60525,6 +64414,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:focus\:ring-orange-50:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-100:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-200:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-300:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-400:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-500:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-600:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-700:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-800:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .sm\:focus\:ring-orange-900:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:focus\:ring-gitpod-black:focus {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -60550,6 +64489,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .sm\:focus\:ring-gitpod-kumquat-darker:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .sm\:focus\:ring-gitpod-kumquat-gradient:focus {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -61211,6 +65155,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -61236,6 +65230,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -61673,6 +65672,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .sm\:group-hover\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -61698,6 +65747,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .sm\:group-hover\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .sm\:group-hover\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -62135,6 +66189,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:focus-within\:text-orange-50:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-100:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-200:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-300:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-400:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-500:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-600:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-700:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-800:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus-within\:text-orange-900:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:focus-within\:text-gitpod-black:focus-within {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -62160,6 +66264,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:focus-within\:text-gitpod-kumquat-darker:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:focus-within\:text-gitpod-kumquat-gradient:focus-within {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -62597,6 +66706,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:hover\:text-orange-50:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-100:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-200:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-300:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-400:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-500:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-600:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-700:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-800:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:hover\:text-orange-900:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:hover\:text-gitpod-black:hover {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -62622,6 +66781,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:hover\:text-gitpod-kumquat-darker:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:hover\:text-gitpod-kumquat-gradient:hover {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -63059,6 +67223,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:focus\:text-orange-50:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-100:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-200:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-300:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-400:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-500:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-600:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-700:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-800:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .sm\:focus\:text-orange-900:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:focus\:text-gitpod-black:focus {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -63084,6 +67298,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .sm\:focus\:text-gitpod-kumquat-darker:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .sm\:focus\:text-gitpod-kumquat-gradient:focus {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -69338,6 +73557,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
   }
 
+  .md\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+  }
+
+  .md\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+  }
+
   .md\:divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -69363,6 +73632,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
   }
 
+  .md\:divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+  }
+
   .md\:divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -69984,6 +74258,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -70009,6 +74333,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -70446,6 +74775,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -70471,6 +74850,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -70908,6 +75292,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:focus-within\:bg-orange-50:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-100:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-200:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-300:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-400:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-500:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-600:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-700:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-800:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus-within\:bg-orange-900:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:focus-within\:bg-gitpod-black:focus-within {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -70933,6 +75367,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:focus-within\:bg-gitpod-kumquat-darker:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:focus-within\:bg-gitpod-kumquat-gradient:focus-within {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -71370,6 +75809,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-100:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-200:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-300:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-400:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-500:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-600:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-700:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-800:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:hover\:bg-orange-900:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:hover\:bg-gitpod-black:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -71395,6 +75884,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:hover\:bg-gitpod-kumquat-darker:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:hover\:bg-gitpod-kumquat-gradient:hover {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -71832,6 +76326,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:focus\:bg-orange-50:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-100:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-200:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-300:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-400:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-500:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-600:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-700:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-800:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .md\:focus\:bg-orange-900:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:focus\:bg-gitpod-black:focus {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -71857,6 +76401,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .md\:focus\:bg-gitpod-kumquat-darker:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .md\:focus\:bg-gitpod-kumquat-gradient:focus {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -72332,6 +76881,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:from-orange-50 {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:from-orange-100 {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:from-orange-200 {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:from-orange-300 {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:from-orange-400 {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:from-orange-500 {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:from-orange-600 {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:from-orange-700 {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:from-orange-800 {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:from-orange-900 {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:from-gitpod-black {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -72357,6 +76956,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:from-gitpod-kumquat-darker {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:from-gitpod-kumquat-gradient {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -72710,6 +77314,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:via-orange-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:via-orange-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:via-orange-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:via-orange-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:via-orange-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:via-orange-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:via-orange-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:via-orange-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:via-orange-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:via-orange-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:via-gitpod-black {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -72730,6 +77374,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:via-gitpod-kumquat-darker {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:via-gitpod-kumquat-gradient {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -73082,6 +77730,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .md\:to-orange-50 {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .md\:to-orange-100 {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .md\:to-orange-200 {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .md\:to-orange-300 {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .md\:to-orange-400 {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .md\:to-orange-500 {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .md\:to-orange-600 {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .md\:to-orange-700 {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .md\:to-orange-800 {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .md\:to-orange-900 {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .md\:to-gitpod-black {
     --tw-gradient-to: #161616 !important;
   }
@@ -73102,6 +77790,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .md\:to-gitpod-kumquat-darker {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .md\:to-gitpod-kumquat-gradient {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -73541,6 +78233,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:hover\:from-orange-50:hover {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-100:hover {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-200:hover {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-300:hover {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-400:hover {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-500:hover {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-600:hover {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-700:hover {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-800:hover {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:hover\:from-orange-900:hover {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:hover\:from-gitpod-black:hover {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -73566,6 +78308,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:hover\:from-gitpod-kumquat-darker:hover {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:hover\:from-gitpod-kumquat-gradient:hover {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -73919,6 +78666,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:hover\:via-orange-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:hover\:via-orange-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:hover\:via-gitpod-black:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -73939,6 +78726,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:hover\:via-gitpod-kumquat-darker:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:hover\:via-gitpod-kumquat-gradient:hover {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -74291,6 +79082,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .md\:hover\:to-orange-50:hover {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .md\:hover\:to-orange-100:hover {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .md\:hover\:to-orange-200:hover {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .md\:hover\:to-orange-300:hover {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .md\:hover\:to-orange-400:hover {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .md\:hover\:to-orange-500:hover {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .md\:hover\:to-orange-600:hover {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .md\:hover\:to-orange-700:hover {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .md\:hover\:to-orange-800:hover {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .md\:hover\:to-orange-900:hover {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .md\:hover\:to-gitpod-black:hover {
     --tw-gradient-to: #161616 !important;
   }
@@ -74311,6 +79142,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .md\:hover\:to-gitpod-kumquat-darker:hover {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .md\:hover\:to-gitpod-kumquat-gradient:hover {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -74750,6 +79585,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:focus\:from-orange-50:focus {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-100:focus {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-200:focus {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-300:focus {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-400:focus {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-500:focus {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-600:focus {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-700:focus {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-800:focus {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:focus\:from-orange-900:focus {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:focus\:from-gitpod-black:focus {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -74775,6 +79660,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:focus\:from-gitpod-kumquat-darker:focus {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:focus\:from-gitpod-kumquat-gradient:focus {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -75128,6 +80018,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .md\:focus\:via-orange-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .md\:focus\:via-orange-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .md\:focus\:via-gitpod-black:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -75148,6 +80078,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .md\:focus\:via-gitpod-kumquat-darker:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .md\:focus\:via-gitpod-kumquat-gradient:focus {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -75500,6 +80434,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .md\:focus\:to-orange-50:focus {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .md\:focus\:to-orange-100:focus {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .md\:focus\:to-orange-200:focus {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .md\:focus\:to-orange-300:focus {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .md\:focus\:to-orange-400:focus {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .md\:focus\:to-orange-500:focus {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .md\:focus\:to-orange-600:focus {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .md\:focus\:to-orange-700:focus {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .md\:focus\:to-orange-800:focus {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .md\:focus\:to-orange-900:focus {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .md\:focus\:to-gitpod-black:focus {
     --tw-gradient-to: #161616 !important;
   }
@@ -75520,6 +80494,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .md\:focus\:to-gitpod-kumquat-darker:focus {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .md\:focus\:to-gitpod-kumquat-gradient:focus {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -76337,6 +81315,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .md\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .md\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -76362,6 +81390,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .md\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .md\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -76799,6 +81832,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -76824,6 +81907,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -77261,6 +82349,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .md\:focus-within\:border-orange-50:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-100:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-200:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-300:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-400:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-500:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-600:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-700:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-800:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus-within\:border-orange-900:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .md\:focus-within\:border-gitpod-black:focus-within {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -77286,6 +82424,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .md\:focus-within\:border-gitpod-kumquat-darker:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .md\:focus-within\:border-gitpod-kumquat-gradient:focus-within {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -77723,6 +82866,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .md\:hover\:border-orange-50:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-100:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-200:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-300:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-400:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-500:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-600:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-700:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-800:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:hover\:border-orange-900:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .md\:hover\:border-gitpod-black:hover {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -77748,6 +82941,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .md\:hover\:border-gitpod-kumquat-darker:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .md\:hover\:border-gitpod-kumquat-gradient:hover {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -78185,6 +83383,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .md\:focus\:border-orange-50:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-100:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-200:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-300:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-400:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-500:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-600:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-700:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-800:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .md\:focus\:border-orange-900:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .md\:focus\:border-gitpod-black:focus {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -78210,6 +83458,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .md\:focus\:border-gitpod-kumquat-darker:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .md\:focus\:border-gitpod-kumquat-gradient:focus {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -85590,6 +90843,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .md\:placeholder-orange-50::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-50::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-50::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-100::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-100::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-100::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-200::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-200::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-200::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-300::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-300::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-300::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-400::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-400::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-400::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-500::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-500::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-500::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-600::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-600::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-600::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-700::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-700::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-700::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-800::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-800::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-800::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-900::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-900::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-orange-900::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .md\:placeholder-gitpod-black::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -85690,6 +91143,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .md\:placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:placeholder-gitpod-kumquat-darker::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .md\:placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -87438,6 +92911,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .md\:focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-50:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-100:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-200:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-300:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-400:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-500:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-600:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-700:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-800:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-orange-900:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .md\:focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -87538,6 +93211,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .md\:focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .md\:focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .md\:focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -91552,6 +97245,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .md\:ring-offset-orange-50 {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .md\:ring-offset-orange-100 {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .md\:ring-offset-orange-200 {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .md\:ring-offset-orange-300 {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .md\:ring-offset-orange-400 {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .md\:ring-offset-orange-500 {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .md\:ring-offset-orange-600 {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .md\:ring-offset-orange-700 {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .md\:ring-offset-orange-800 {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .md\:ring-offset-orange-900 {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .md\:ring-offset-gitpod-black {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -91572,6 +97305,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .md\:ring-offset-gitpod-kumquat-darker {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .md\:ring-offset-gitpod-kumquat-gradient {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -91924,6 +97661,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .md\:focus-within\:ring-offset-orange-50:focus-within {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-100:focus-within {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-200:focus-within {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-300:focus-within {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-400:focus-within {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-500:focus-within {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-600:focus-within {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-700:focus-within {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-800:focus-within {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .md\:focus-within\:ring-offset-orange-900:focus-within {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .md\:focus-within\:ring-offset-gitpod-black:focus-within {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -91944,6 +97721,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .md\:focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .md\:focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -92296,6 +98077,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .md\:focus\:ring-offset-orange-50:focus {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .md\:focus\:ring-offset-orange-100:focus {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .md\:focus\:ring-offset-orange-200:focus {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .md\:focus\:ring-offset-orange-300:focus {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .md\:focus\:ring-offset-orange-400:focus {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .md\:focus\:ring-offset-orange-500:focus {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .md\:focus\:ring-offset-orange-600:focus {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .md\:focus\:ring-offset-orange-700:focus {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .md\:focus\:ring-offset-orange-800:focus {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .md\:focus\:ring-offset-orange-900:focus {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .md\:focus\:ring-offset-gitpod-black:focus {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -92316,6 +98137,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .md\:focus\:ring-offset-gitpod-kumquat-darker:focus {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .md\:focus\:ring-offset-gitpod-kumquat-gradient:focus {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -92813,6 +98638,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:ring-orange-50 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-100 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-200 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-300 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-400 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-500 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-600 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-700 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-800 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:ring-orange-900 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:ring-gitpod-black {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -92838,6 +98713,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:ring-gitpod-kumquat-darker {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:ring-gitpod-kumquat-gradient {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -93275,6 +99155,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:focus-within\:ring-orange-50:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-100:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-200:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-300:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-400:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-500:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-600:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-700:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-800:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus-within\:ring-orange-900:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:focus-within\:ring-gitpod-black:focus-within {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -93300,6 +99230,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:focus-within\:ring-gitpod-kumquat-darker:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:focus-within\:ring-gitpod-kumquat-gradient:focus-within {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -93737,6 +99672,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:focus\:ring-orange-50:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-100:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-200:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-300:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-400:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-500:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-600:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-700:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-800:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .md\:focus\:ring-orange-900:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:focus\:ring-gitpod-black:focus {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -93762,6 +99747,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .md\:focus\:ring-gitpod-kumquat-darker:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .md\:focus\:ring-gitpod-kumquat-gradient:focus {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -94423,6 +100413,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .md\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .md\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -94448,6 +100488,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .md\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .md\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -94885,6 +100930,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .md\:group-hover\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -94910,6 +101005,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .md\:group-hover\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .md\:group-hover\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -95347,6 +101447,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .md\:focus-within\:text-orange-50:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-100:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-200:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-300:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-400:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-500:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-600:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-700:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-800:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus-within\:text-orange-900:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .md\:focus-within\:text-gitpod-black:focus-within {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -95372,6 +101522,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .md\:focus-within\:text-gitpod-kumquat-darker:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .md\:focus-within\:text-gitpod-kumquat-gradient:focus-within {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -95809,6 +101964,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .md\:hover\:text-orange-50:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-100:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-200:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-300:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-400:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-500:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-600:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-700:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-800:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:hover\:text-orange-900:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .md\:hover\:text-gitpod-black:hover {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -95834,6 +102039,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .md\:hover\:text-gitpod-kumquat-darker:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .md\:hover\:text-gitpod-kumquat-gradient:hover {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -96271,6 +102481,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .md\:focus\:text-orange-50:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-100:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-200:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-300:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-400:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-500:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-600:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-700:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-800:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .md\:focus\:text-orange-900:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .md\:focus\:text-gitpod-black:focus {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -96296,6 +102556,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .md\:focus\:text-gitpod-kumquat-darker:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .md\:focus\:text-gitpod-kumquat-gradient:focus {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -102550,6 +108815,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
   }
 
+  .lg\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+  }
+
+  .lg\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+  }
+
   .lg\:divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -102575,6 +108890,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
   }
 
+  .lg\:divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+  }
+
   .lg\:divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -103196,6 +109516,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -103221,6 +109591,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -103658,6 +110033,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -103683,6 +110108,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -104120,6 +110550,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:focus-within\:bg-orange-50:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-100:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-200:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-300:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-400:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-500:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-600:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-700:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-800:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus-within\:bg-orange-900:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:focus-within\:bg-gitpod-black:focus-within {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -104145,6 +110625,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:focus-within\:bg-gitpod-kumquat-darker:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:focus-within\:bg-gitpod-kumquat-gradient:focus-within {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -104582,6 +111067,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-100:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-200:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-300:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-400:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-500:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-600:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-700:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-800:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:hover\:bg-orange-900:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:hover\:bg-gitpod-black:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -104607,6 +111142,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:hover\:bg-gitpod-kumquat-darker:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:hover\:bg-gitpod-kumquat-gradient:hover {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -105044,6 +111584,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:focus\:bg-orange-50:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-100:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-200:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-300:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-400:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-500:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-600:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-700:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-800:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .lg\:focus\:bg-orange-900:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:focus\:bg-gitpod-black:focus {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -105069,6 +111659,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .lg\:focus\:bg-gitpod-kumquat-darker:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .lg\:focus\:bg-gitpod-kumquat-gradient:focus {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -105544,6 +112139,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:from-orange-50 {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:from-orange-100 {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:from-orange-200 {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:from-orange-300 {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:from-orange-400 {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:from-orange-500 {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:from-orange-600 {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:from-orange-700 {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:from-orange-800 {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:from-orange-900 {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:from-gitpod-black {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -105569,6 +112214,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:from-gitpod-kumquat-darker {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:from-gitpod-kumquat-gradient {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -105922,6 +112572,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:via-orange-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:via-orange-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:via-orange-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:via-orange-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:via-orange-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:via-orange-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:via-orange-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:via-orange-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:via-orange-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:via-orange-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:via-gitpod-black {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -105942,6 +112632,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:via-gitpod-kumquat-darker {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:via-gitpod-kumquat-gradient {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -106294,6 +112988,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .lg\:to-orange-50 {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .lg\:to-orange-100 {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .lg\:to-orange-200 {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .lg\:to-orange-300 {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .lg\:to-orange-400 {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .lg\:to-orange-500 {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .lg\:to-orange-600 {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .lg\:to-orange-700 {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .lg\:to-orange-800 {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .lg\:to-orange-900 {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .lg\:to-gitpod-black {
     --tw-gradient-to: #161616 !important;
   }
@@ -106314,6 +113048,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .lg\:to-gitpod-kumquat-darker {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .lg\:to-gitpod-kumquat-gradient {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -106753,6 +113491,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:hover\:from-orange-50:hover {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-100:hover {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-200:hover {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-300:hover {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-400:hover {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-500:hover {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-600:hover {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-700:hover {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-800:hover {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:hover\:from-orange-900:hover {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:hover\:from-gitpod-black:hover {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -106778,6 +113566,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:hover\:from-gitpod-kumquat-darker:hover {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:hover\:from-gitpod-kumquat-gradient:hover {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -107131,6 +113924,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:hover\:via-orange-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:hover\:via-orange-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:hover\:via-gitpod-black:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -107151,6 +113984,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:hover\:via-gitpod-kumquat-darker:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:hover\:via-gitpod-kumquat-gradient:hover {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -107503,6 +114340,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .lg\:hover\:to-orange-50:hover {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .lg\:hover\:to-orange-100:hover {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .lg\:hover\:to-orange-200:hover {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .lg\:hover\:to-orange-300:hover {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .lg\:hover\:to-orange-400:hover {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .lg\:hover\:to-orange-500:hover {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .lg\:hover\:to-orange-600:hover {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .lg\:hover\:to-orange-700:hover {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .lg\:hover\:to-orange-800:hover {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .lg\:hover\:to-orange-900:hover {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .lg\:hover\:to-gitpod-black:hover {
     --tw-gradient-to: #161616 !important;
   }
@@ -107523,6 +114400,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .lg\:hover\:to-gitpod-kumquat-darker:hover {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .lg\:hover\:to-gitpod-kumquat-gradient:hover {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -107962,6 +114843,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:focus\:from-orange-50:focus {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-100:focus {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-200:focus {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-300:focus {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-400:focus {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-500:focus {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-600:focus {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-700:focus {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-800:focus {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:focus\:from-orange-900:focus {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:focus\:from-gitpod-black:focus {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -107987,6 +114918,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:focus\:from-gitpod-kumquat-darker:focus {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:focus\:from-gitpod-kumquat-gradient:focus {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -108340,6 +115276,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .lg\:focus\:via-orange-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .lg\:focus\:via-orange-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .lg\:focus\:via-gitpod-black:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -108360,6 +115336,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .lg\:focus\:via-gitpod-kumquat-darker:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .lg\:focus\:via-gitpod-kumquat-gradient:focus {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -108712,6 +115692,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .lg\:focus\:to-orange-50:focus {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .lg\:focus\:to-orange-100:focus {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .lg\:focus\:to-orange-200:focus {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .lg\:focus\:to-orange-300:focus {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .lg\:focus\:to-orange-400:focus {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .lg\:focus\:to-orange-500:focus {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .lg\:focus\:to-orange-600:focus {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .lg\:focus\:to-orange-700:focus {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .lg\:focus\:to-orange-800:focus {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .lg\:focus\:to-orange-900:focus {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .lg\:focus\:to-gitpod-black:focus {
     --tw-gradient-to: #161616 !important;
   }
@@ -108732,6 +115752,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .lg\:focus\:to-gitpod-kumquat-darker:focus {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .lg\:focus\:to-gitpod-kumquat-gradient:focus {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -109549,6 +116573,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -109574,6 +116648,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -110011,6 +117090,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -110036,6 +117165,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -110473,6 +117607,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:focus-within\:border-orange-50:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-100:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-200:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-300:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-400:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-500:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-600:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-700:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-800:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus-within\:border-orange-900:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:focus-within\:border-gitpod-black:focus-within {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -110498,6 +117682,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:focus-within\:border-gitpod-kumquat-darker:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:focus-within\:border-gitpod-kumquat-gradient:focus-within {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -110935,6 +118124,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:hover\:border-orange-50:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-100:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-200:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-300:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-400:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-500:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-600:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-700:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-800:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:hover\:border-orange-900:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:hover\:border-gitpod-black:hover {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -110960,6 +118199,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:hover\:border-gitpod-kumquat-darker:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:hover\:border-gitpod-kumquat-gradient:hover {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -111397,6 +118641,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:focus\:border-orange-50:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-100:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-200:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-300:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-400:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-500:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-600:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-700:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-800:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .lg\:focus\:border-orange-900:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:focus\:border-gitpod-black:focus {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -111422,6 +118716,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .lg\:focus\:border-gitpod-kumquat-darker:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .lg\:focus\:border-gitpod-kumquat-gradient:focus {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -118802,6 +126101,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .lg\:placeholder-orange-50::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-50::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-50::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-100::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-100::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-100::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-200::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-200::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-200::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-300::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-300::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-300::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-400::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-400::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-400::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-500::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-500::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-500::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-600::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-600::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-600::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-700::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-700::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-700::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-800::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-800::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-800::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-900::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-900::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-orange-900::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .lg\:placeholder-gitpod-black::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -118902,6 +126401,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .lg\:placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:placeholder-gitpod-kumquat-darker::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .lg\:placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -120650,6 +128169,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .lg\:focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-50:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-100:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-200:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-300:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-400:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-500:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-600:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-700:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-800:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-orange-900:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .lg\:focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -120750,6 +128469,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .lg\:focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .lg\:focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .lg\:focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -124764,6 +132503,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .lg\:ring-offset-orange-50 {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .lg\:ring-offset-orange-100 {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .lg\:ring-offset-orange-200 {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .lg\:ring-offset-orange-300 {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .lg\:ring-offset-orange-400 {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .lg\:ring-offset-orange-500 {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .lg\:ring-offset-orange-600 {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .lg\:ring-offset-orange-700 {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .lg\:ring-offset-orange-800 {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .lg\:ring-offset-orange-900 {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .lg\:ring-offset-gitpod-black {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -124784,6 +132563,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .lg\:ring-offset-gitpod-kumquat-darker {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .lg\:ring-offset-gitpod-kumquat-gradient {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -125136,6 +132919,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .lg\:focus-within\:ring-offset-orange-50:focus-within {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-100:focus-within {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-200:focus-within {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-300:focus-within {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-400:focus-within {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-500:focus-within {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-600:focus-within {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-700:focus-within {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-800:focus-within {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .lg\:focus-within\:ring-offset-orange-900:focus-within {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .lg\:focus-within\:ring-offset-gitpod-black:focus-within {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -125156,6 +132979,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .lg\:focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .lg\:focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -125508,6 +133335,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .lg\:focus\:ring-offset-orange-50:focus {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-100:focus {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-200:focus {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-300:focus {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-400:focus {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-500:focus {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-600:focus {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-700:focus {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-800:focus {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .lg\:focus\:ring-offset-orange-900:focus {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .lg\:focus\:ring-offset-gitpod-black:focus {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -125528,6 +133395,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .lg\:focus\:ring-offset-gitpod-kumquat-darker:focus {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .lg\:focus\:ring-offset-gitpod-kumquat-gradient:focus {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -126025,6 +133896,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:ring-orange-50 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-100 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-200 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-300 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-400 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-500 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-600 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-700 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-800 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:ring-orange-900 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:ring-gitpod-black {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -126050,6 +133971,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:ring-gitpod-kumquat-darker {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:ring-gitpod-kumquat-gradient {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -126487,6 +134413,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:focus-within\:ring-orange-50:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-100:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-200:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-300:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-400:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-500:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-600:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-700:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-800:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus-within\:ring-orange-900:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:focus-within\:ring-gitpod-black:focus-within {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -126512,6 +134488,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:focus-within\:ring-gitpod-kumquat-darker:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:focus-within\:ring-gitpod-kumquat-gradient:focus-within {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -126949,6 +134930,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:focus\:ring-orange-50:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-100:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-200:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-300:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-400:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-500:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-600:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-700:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-800:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .lg\:focus\:ring-orange-900:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:focus\:ring-gitpod-black:focus {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -126974,6 +135005,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .lg\:focus\:ring-gitpod-kumquat-darker:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .lg\:focus\:ring-gitpod-kumquat-gradient:focus {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -127635,6 +135671,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -127660,6 +135746,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -128097,6 +136188,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .lg\:group-hover\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -128122,6 +136263,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .lg\:group-hover\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .lg\:group-hover\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -128559,6 +136705,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:focus-within\:text-orange-50:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-100:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-200:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-300:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-400:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-500:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-600:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-700:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-800:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus-within\:text-orange-900:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:focus-within\:text-gitpod-black:focus-within {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -128584,6 +136780,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:focus-within\:text-gitpod-kumquat-darker:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:focus-within\:text-gitpod-kumquat-gradient:focus-within {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -129021,6 +137222,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:hover\:text-orange-50:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-100:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-200:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-300:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-400:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-500:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-600:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-700:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-800:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:hover\:text-orange-900:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:hover\:text-gitpod-black:hover {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -129046,6 +137297,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:hover\:text-gitpod-kumquat-darker:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:hover\:text-gitpod-kumquat-gradient:hover {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -129483,6 +137739,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:focus\:text-orange-50:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-100:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-200:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-300:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-400:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-500:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-600:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-700:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-800:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .lg\:focus\:text-orange-900:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:focus\:text-gitpod-black:focus {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -129508,6 +137814,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .lg\:focus\:text-gitpod-kumquat-darker:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .lg\:focus\:text-gitpod-kumquat-gradient:focus {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -135762,6 +144073,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
   }
 
+  .xl\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+  }
+
+  .xl\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+  }
+
   .xl\:divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -135787,6 +144148,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
   }
 
+  .xl\:divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+  }
+
   .xl\:divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -136408,6 +144774,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -136433,6 +144849,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -136870,6 +145291,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -136895,6 +145366,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -137332,6 +145808,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:focus-within\:bg-orange-50:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-100:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-200:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-300:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-400:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-500:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-600:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-700:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-800:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus-within\:bg-orange-900:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:focus-within\:bg-gitpod-black:focus-within {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -137357,6 +145883,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:focus-within\:bg-gitpod-kumquat-darker:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:focus-within\:bg-gitpod-kumquat-gradient:focus-within {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -137794,6 +146325,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-100:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-200:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-300:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-400:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-500:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-600:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-700:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-800:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:hover\:bg-orange-900:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:hover\:bg-gitpod-black:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -137819,6 +146400,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:hover\:bg-gitpod-kumquat-darker:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:hover\:bg-gitpod-kumquat-gradient:hover {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -138256,6 +146842,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:focus\:bg-orange-50:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-100:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-200:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-300:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-400:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-500:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-600:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-700:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-800:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .xl\:focus\:bg-orange-900:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:focus\:bg-gitpod-black:focus {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -138281,6 +146917,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .xl\:focus\:bg-gitpod-kumquat-darker:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .xl\:focus\:bg-gitpod-kumquat-gradient:focus {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -138756,6 +147397,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:from-orange-50 {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:from-orange-100 {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:from-orange-200 {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:from-orange-300 {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:from-orange-400 {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:from-orange-500 {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:from-orange-600 {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:from-orange-700 {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:from-orange-800 {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:from-orange-900 {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:from-gitpod-black {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -138781,6 +147472,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:from-gitpod-kumquat-darker {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:from-gitpod-kumquat-gradient {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -139134,6 +147830,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:via-orange-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:via-orange-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:via-orange-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:via-orange-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:via-orange-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:via-orange-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:via-orange-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:via-orange-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:via-orange-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:via-orange-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:via-gitpod-black {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -139154,6 +147890,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:via-gitpod-kumquat-darker {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:via-gitpod-kumquat-gradient {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -139506,6 +148246,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .xl\:to-orange-50 {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .xl\:to-orange-100 {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .xl\:to-orange-200 {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .xl\:to-orange-300 {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .xl\:to-orange-400 {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .xl\:to-orange-500 {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .xl\:to-orange-600 {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .xl\:to-orange-700 {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .xl\:to-orange-800 {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .xl\:to-orange-900 {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .xl\:to-gitpod-black {
     --tw-gradient-to: #161616 !important;
   }
@@ -139526,6 +148306,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .xl\:to-gitpod-kumquat-darker {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .xl\:to-gitpod-kumquat-gradient {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -139965,6 +148749,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:hover\:from-orange-50:hover {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-100:hover {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-200:hover {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-300:hover {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-400:hover {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-500:hover {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-600:hover {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-700:hover {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-800:hover {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:hover\:from-orange-900:hover {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:hover\:from-gitpod-black:hover {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -139990,6 +148824,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:hover\:from-gitpod-kumquat-darker:hover {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:hover\:from-gitpod-kumquat-gradient:hover {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -140343,6 +149182,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:hover\:via-orange-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:hover\:via-orange-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:hover\:via-gitpod-black:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -140363,6 +149242,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:hover\:via-gitpod-kumquat-darker:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:hover\:via-gitpod-kumquat-gradient:hover {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -140715,6 +149598,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .xl\:hover\:to-orange-50:hover {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .xl\:hover\:to-orange-100:hover {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .xl\:hover\:to-orange-200:hover {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .xl\:hover\:to-orange-300:hover {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .xl\:hover\:to-orange-400:hover {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .xl\:hover\:to-orange-500:hover {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .xl\:hover\:to-orange-600:hover {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .xl\:hover\:to-orange-700:hover {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .xl\:hover\:to-orange-800:hover {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .xl\:hover\:to-orange-900:hover {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .xl\:hover\:to-gitpod-black:hover {
     --tw-gradient-to: #161616 !important;
   }
@@ -140735,6 +149658,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .xl\:hover\:to-gitpod-kumquat-darker:hover {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .xl\:hover\:to-gitpod-kumquat-gradient:hover {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -141174,6 +150101,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:focus\:from-orange-50:focus {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-100:focus {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-200:focus {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-300:focus {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-400:focus {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-500:focus {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-600:focus {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-700:focus {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-800:focus {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:focus\:from-orange-900:focus {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:focus\:from-gitpod-black:focus {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -141199,6 +150176,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:focus\:from-gitpod-kumquat-darker:focus {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:focus\:from-gitpod-kumquat-gradient:focus {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -141552,6 +150534,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .xl\:focus\:via-orange-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .xl\:focus\:via-orange-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .xl\:focus\:via-gitpod-black:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -141572,6 +150594,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .xl\:focus\:via-gitpod-kumquat-darker:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .xl\:focus\:via-gitpod-kumquat-gradient:focus {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -141924,6 +150950,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .xl\:focus\:to-orange-50:focus {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .xl\:focus\:to-orange-100:focus {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .xl\:focus\:to-orange-200:focus {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .xl\:focus\:to-orange-300:focus {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .xl\:focus\:to-orange-400:focus {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .xl\:focus\:to-orange-500:focus {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .xl\:focus\:to-orange-600:focus {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .xl\:focus\:to-orange-700:focus {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .xl\:focus\:to-orange-800:focus {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .xl\:focus\:to-orange-900:focus {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .xl\:focus\:to-gitpod-black:focus {
     --tw-gradient-to: #161616 !important;
   }
@@ -141944,6 +151010,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .xl\:focus\:to-gitpod-kumquat-darker:focus {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .xl\:focus\:to-gitpod-kumquat-gradient:focus {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -142761,6 +151831,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -142786,6 +151906,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -143223,6 +152348,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -143248,6 +152423,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -143685,6 +152865,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:focus-within\:border-orange-50:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-100:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-200:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-300:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-400:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-500:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-600:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-700:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-800:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus-within\:border-orange-900:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:focus-within\:border-gitpod-black:focus-within {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -143710,6 +152940,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:focus-within\:border-gitpod-kumquat-darker:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:focus-within\:border-gitpod-kumquat-gradient:focus-within {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -144147,6 +153382,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:hover\:border-orange-50:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-100:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-200:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-300:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-400:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-500:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-600:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-700:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-800:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:hover\:border-orange-900:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:hover\:border-gitpod-black:hover {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -144172,6 +153457,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:hover\:border-gitpod-kumquat-darker:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:hover\:border-gitpod-kumquat-gradient:hover {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -144609,6 +153899,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:focus\:border-orange-50:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-100:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-200:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-300:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-400:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-500:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-600:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-700:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-800:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .xl\:focus\:border-orange-900:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:focus\:border-gitpod-black:focus {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -144634,6 +153974,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .xl\:focus\:border-gitpod-kumquat-darker:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .xl\:focus\:border-gitpod-kumquat-gradient:focus {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -152014,6 +161359,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .xl\:placeholder-orange-50::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-50::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-50::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-100::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-100::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-100::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-200::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-200::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-200::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-300::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-300::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-300::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-400::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-400::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-400::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-500::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-500::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-500::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-600::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-600::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-600::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-700::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-700::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-700::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-800::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-800::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-800::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-900::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-900::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-orange-900::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .xl\:placeholder-gitpod-black::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -152114,6 +161659,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .xl\:placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:placeholder-gitpod-kumquat-darker::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .xl\:placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -153862,6 +163427,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .xl\:focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-50:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .xl\:focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -153962,6 +163727,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .xl\:focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .xl\:focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .xl\:focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -157976,6 +167761,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .xl\:ring-offset-orange-50 {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .xl\:ring-offset-orange-100 {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .xl\:ring-offset-orange-200 {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .xl\:ring-offset-orange-300 {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .xl\:ring-offset-orange-400 {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .xl\:ring-offset-orange-500 {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .xl\:ring-offset-orange-600 {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .xl\:ring-offset-orange-700 {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .xl\:ring-offset-orange-800 {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .xl\:ring-offset-orange-900 {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .xl\:ring-offset-gitpod-black {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -157996,6 +167821,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .xl\:ring-offset-gitpod-kumquat-darker {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .xl\:ring-offset-gitpod-kumquat-gradient {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -158348,6 +168177,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .xl\:focus-within\:ring-offset-orange-50:focus-within {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-100:focus-within {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-200:focus-within {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-300:focus-within {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-400:focus-within {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-500:focus-within {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-600:focus-within {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-700:focus-within {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-800:focus-within {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .xl\:focus-within\:ring-offset-orange-900:focus-within {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .xl\:focus-within\:ring-offset-gitpod-black:focus-within {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -158368,6 +168237,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .xl\:focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .xl\:focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -158720,6 +168593,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .xl\:focus\:ring-offset-orange-50:focus {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-100:focus {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-200:focus {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-300:focus {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-400:focus {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-500:focus {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-600:focus {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-700:focus {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-800:focus {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .xl\:focus\:ring-offset-orange-900:focus {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .xl\:focus\:ring-offset-gitpod-black:focus {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -158740,6 +168653,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .xl\:focus\:ring-offset-gitpod-kumquat-darker:focus {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .xl\:focus\:ring-offset-gitpod-kumquat-gradient:focus {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -159237,6 +169154,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:ring-orange-50 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-100 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-200 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-300 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-400 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-500 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-600 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-700 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-800 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:ring-orange-900 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:ring-gitpod-black {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -159262,6 +169229,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:ring-gitpod-kumquat-darker {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:ring-gitpod-kumquat-gradient {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -159699,6 +169671,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:focus-within\:ring-orange-50:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-100:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-200:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-300:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-400:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-500:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-600:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-700:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-800:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus-within\:ring-orange-900:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:focus-within\:ring-gitpod-black:focus-within {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -159724,6 +169746,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:focus-within\:ring-gitpod-kumquat-darker:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:focus-within\:ring-gitpod-kumquat-gradient:focus-within {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -160161,6 +170188,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:focus\:ring-orange-50:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-100:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-200:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-300:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-400:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-500:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-600:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-700:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-800:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .xl\:focus\:ring-orange-900:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:focus\:ring-gitpod-black:focus {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -160186,6 +170263,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .xl\:focus\:ring-gitpod-kumquat-darker:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .xl\:focus\:ring-gitpod-kumquat-gradient:focus {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -160847,6 +170929,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -160872,6 +171004,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -161309,6 +171446,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .xl\:group-hover\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -161334,6 +171521,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .xl\:group-hover\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .xl\:group-hover\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -161771,6 +171963,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:focus-within\:text-orange-50:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-100:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-200:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-300:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-400:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-500:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-600:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-700:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-800:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus-within\:text-orange-900:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:focus-within\:text-gitpod-black:focus-within {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -161796,6 +172038,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:focus-within\:text-gitpod-kumquat-darker:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:focus-within\:text-gitpod-kumquat-gradient:focus-within {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -162233,6 +172480,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:hover\:text-orange-50:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-100:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-200:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-300:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-400:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-500:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-600:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-700:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-800:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:hover\:text-orange-900:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:hover\:text-gitpod-black:hover {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -162258,6 +172555,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:hover\:text-gitpod-kumquat-darker:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:hover\:text-gitpod-kumquat-gradient:hover {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -162695,6 +172997,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:focus\:text-orange-50:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-100:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-200:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-300:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-400:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-500:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-600:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-700:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-800:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .xl\:focus\:text-orange-900:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:focus\:text-gitpod-black:focus {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -162720,6 +173072,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .xl\:focus\:text-gitpod-kumquat-darker:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .xl\:focus\:text-gitpod-kumquat-gradient:focus {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -168974,6 +179331,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-divide-opacity)) !important;
   }
 
+  .\32xl\:divide-orange-50 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-100 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-200 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-300 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-400 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-500 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-600 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-700 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-800 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-divide-opacity)) !important;
+  }
+
+  .\32xl\:divide-orange-900 > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-divide-opacity)) !important;
+  }
+
   .\32xl\:divide-gitpod-black > :not([hidden]) ~ :not([hidden]) {
     --tw-divide-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-divide-opacity)) !important;
@@ -168999,6 +179406,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-divide-opacity)) !important;
   }
 
+  .\32xl\:divide-gitpod-kumquat-darker > :not([hidden]) ~ :not([hidden]) {
+    --tw-divide-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-divide-opacity)) !important;
+  }
+
   .\32xl\:divide-gitpod-kumquat-gradient > :not([hidden]) ~ :not([hidden]) {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -169620,6 +180032,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -169645,6 +180107,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -170082,6 +180549,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:bg-orange-50 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-100 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-200 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-300 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-400 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-500 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-600 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-700 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-800 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:bg-orange-900 {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:bg-gitpod-black {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -170107,6 +180624,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:bg-gitpod-kumquat-darker {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:bg-gitpod-kumquat-gradient {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -170544,6 +181066,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:bg-orange-50:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-100:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-200:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-300:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-400:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-500:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-600:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-700:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-800:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:bg-orange-900:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:bg-gitpod-black:focus-within {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -170569,6 +181141,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:bg-gitpod-kumquat-darker:focus-within {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:bg-gitpod-kumquat-gradient:focus-within {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -171006,6 +181583,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:hover\:bg-orange-50:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-100:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-200:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-300:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-400:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-500:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-600:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-700:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-800:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:hover\:bg-orange-900:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:hover\:bg-gitpod-black:hover {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -171031,6 +181658,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:hover\:bg-gitpod-kumquat-darker:hover {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:hover\:bg-gitpod-kumquat-gradient:hover {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -171468,6 +182100,56 @@ input[disabled] {
     background-color: rgba(131, 24, 67, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:focus\:bg-orange-50:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(255, 251, 235, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-100:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(254, 243, 199, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-200:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(253, 230, 138, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-300:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(252, 211, 77, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-400:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(251, 191, 36, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-500:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(245, 158, 11, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-600:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(217, 119, 6, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-700:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(180, 83, 9, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-800:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(146, 64, 14, var(--tw-bg-opacity)) !important;
+  }
+
+  .\32xl\:focus\:bg-orange-900:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(120, 53, 15, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:focus\:bg-gitpod-black:focus {
     --tw-bg-opacity: 1 !important;
     background-color: rgba(22, 22, 22, var(--tw-bg-opacity)) !important;
@@ -171493,6 +182175,11 @@ input[disabled] {
     background-color: rgba(255, 138, 0, var(--tw-bg-opacity)) !important;
   }
 
+  .\32xl\:focus\:bg-gitpod-kumquat-darker:focus {
+    --tw-bg-opacity: 1 !important;
+    background-color: rgba(242, 131, 0, var(--tw-bg-opacity)) !important;
+  }
+
   .\32xl\:focus\:bg-gitpod-kumquat-gradient:focus {
     background-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -171968,6 +182655,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:from-orange-50 {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:from-orange-100 {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:from-orange-200 {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:from-orange-300 {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:from-orange-400 {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:from-orange-500 {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:from-orange-600 {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:from-orange-700 {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:from-orange-800 {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:from-orange-900 {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:from-gitpod-black {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -171993,6 +182730,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:from-gitpod-kumquat-darker {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:from-gitpod-kumquat-gradient {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -172346,6 +183088,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:via-orange-50 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:via-orange-100 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:via-orange-200 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:via-orange-300 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:via-orange-400 {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:via-orange-500 {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:via-orange-600 {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:via-orange-700 {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:via-orange-800 {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:via-orange-900 {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:via-gitpod-black {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -172366,6 +183148,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:via-gitpod-kumquat-darker {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:via-gitpod-kumquat-gradient {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -172718,6 +183504,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .\32xl\:to-orange-50 {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .\32xl\:to-orange-100 {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .\32xl\:to-orange-200 {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .\32xl\:to-orange-300 {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .\32xl\:to-orange-400 {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .\32xl\:to-orange-500 {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .\32xl\:to-orange-600 {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .\32xl\:to-orange-700 {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .\32xl\:to-orange-800 {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .\32xl\:to-orange-900 {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .\32xl\:to-gitpod-black {
     --tw-gradient-to: #161616 !important;
   }
@@ -172738,6 +183564,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .\32xl\:to-gitpod-kumquat-darker {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .\32xl\:to-gitpod-kumquat-gradient {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -173177,6 +184007,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:hover\:from-orange-50:hover {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-100:hover {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-200:hover {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-300:hover {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-400:hover {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-500:hover {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-600:hover {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-700:hover {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-800:hover {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:hover\:from-orange-900:hover {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:hover\:from-gitpod-black:hover {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -173202,6 +184082,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:hover\:from-gitpod-kumquat-darker:hover {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:hover\:from-gitpod-kumquat-gradient:hover {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -173555,6 +184440,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:hover\:via-orange-50:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-100:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-200:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-300:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-400:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-500:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-600:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-700:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-800:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:hover\:via-orange-900:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:hover\:via-gitpod-black:hover {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -173575,6 +184500,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:hover\:via-gitpod-kumquat-darker:hover {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:hover\:via-gitpod-kumquat-gradient:hover {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -173927,6 +184856,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .\32xl\:hover\:to-orange-50:hover {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .\32xl\:hover\:to-orange-100:hover {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .\32xl\:hover\:to-orange-200:hover {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .\32xl\:hover\:to-orange-300:hover {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .\32xl\:hover\:to-orange-400:hover {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .\32xl\:hover\:to-orange-500:hover {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .\32xl\:hover\:to-orange-600:hover {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .\32xl\:hover\:to-orange-700:hover {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .\32xl\:hover\:to-orange-800:hover {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .\32xl\:hover\:to-orange-900:hover {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .\32xl\:hover\:to-gitpod-black:hover {
     --tw-gradient-to: #161616 !important;
   }
@@ -173947,6 +184916,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .\32xl\:hover\:to-gitpod-kumquat-darker:hover {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .\32xl\:hover\:to-gitpod-kumquat-gradient:hover {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -174386,6 +185359,56 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:focus\:from-orange-50:focus {
+    --tw-gradient-from: #fffbeb !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-100:focus {
+    --tw-gradient-from: #fef3c7 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-200:focus {
+    --tw-gradient-from: #fde68a !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-300:focus {
+    --tw-gradient-from: #fcd34d !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-400:focus {
+    --tw-gradient-from: #fbbf24 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-500:focus {
+    --tw-gradient-from: #f59e0b !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-600:focus {
+    --tw-gradient-from: #d97706 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-700:focus {
+    --tw-gradient-from: #b45309 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-800:focus {
+    --tw-gradient-from: #92400e !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:focus\:from-orange-900:focus {
+    --tw-gradient-from: #78350f !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:focus\:from-gitpod-black:focus {
     --tw-gradient-from: #161616 !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
@@ -174411,6 +185434,11 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:focus\:from-gitpod-kumquat-darker:focus {
+    --tw-gradient-from: #f28300 !important;
+    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:focus\:from-gitpod-kumquat-gradient:focus {
     --tw-gradient-from: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
     --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
@@ -174764,6 +185792,46 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #831843, var(--tw-gradient-to, rgba(131, 24, 67, 0)) !important;
   }
 
+  .\32xl\:focus\:via-orange-50:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fffbeb, var(--tw-gradient-to, rgba(255, 251, 235, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-100:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fef3c7, var(--tw-gradient-to, rgba(254, 243, 199, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-200:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fde68a, var(--tw-gradient-to, rgba(253, 230, 138, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-300:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fcd34d, var(--tw-gradient-to, rgba(252, 211, 77, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-400:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #fbbf24, var(--tw-gradient-to, rgba(251, 191, 36, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-500:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f59e0b, var(--tw-gradient-to, rgba(245, 158, 11, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-600:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #d97706, var(--tw-gradient-to, rgba(217, 119, 6, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-700:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #b45309, var(--tw-gradient-to, rgba(180, 83, 9, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-800:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #92400e, var(--tw-gradient-to, rgba(146, 64, 14, 0)) !important;
+  }
+
+  .\32xl\:focus\:via-orange-900:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #78350f, var(--tw-gradient-to, rgba(120, 53, 15, 0)) !important;
+  }
+
   .\32xl\:focus\:via-gitpod-black:focus {
     --tw-gradient-stops: var(--tw-gradient-from), #161616, var(--tw-gradient-to, rgba(22, 22, 22, 0)) !important;
   }
@@ -174784,6 +185852,10 @@ input[disabled] {
     --tw-gradient-stops: var(--tw-gradient-from), #FF8A00, var(--tw-gradient-to, rgba(255, 138, 0, 0)) !important;
   }
 
+  .\32xl\:focus\:via-gitpod-kumquat-darker:focus {
+    --tw-gradient-stops: var(--tw-gradient-from), #f28300, var(--tw-gradient-to, rgba(242, 131, 0, 0)) !important;
+  }
+
   .\32xl\:focus\:via-gitpod-kumquat-gradient:focus {
     --tw-gradient-stops: var(--tw-gradient-from), linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%), var(--tw-gradient-to, rgba(255, 255, 255, 0)) !important;
   }
@@ -175136,6 +186208,46 @@ input[disabled] {
     --tw-gradient-to: #831843 !important;
   }
 
+  .\32xl\:focus\:to-orange-50:focus {
+    --tw-gradient-to: #fffbeb !important;
+  }
+
+  .\32xl\:focus\:to-orange-100:focus {
+    --tw-gradient-to: #fef3c7 !important;
+  }
+
+  .\32xl\:focus\:to-orange-200:focus {
+    --tw-gradient-to: #fde68a !important;
+  }
+
+  .\32xl\:focus\:to-orange-300:focus {
+    --tw-gradient-to: #fcd34d !important;
+  }
+
+  .\32xl\:focus\:to-orange-400:focus {
+    --tw-gradient-to: #fbbf24 !important;
+  }
+
+  .\32xl\:focus\:to-orange-500:focus {
+    --tw-gradient-to: #f59e0b !important;
+  }
+
+  .\32xl\:focus\:to-orange-600:focus {
+    --tw-gradient-to: #d97706 !important;
+  }
+
+  .\32xl\:focus\:to-orange-700:focus {
+    --tw-gradient-to: #b45309 !important;
+  }
+
+  .\32xl\:focus\:to-orange-800:focus {
+    --tw-gradient-to: #92400e !important;
+  }
+
+  .\32xl\:focus\:to-orange-900:focus {
+    --tw-gradient-to: #78350f !important;
+  }
+
   .\32xl\:focus\:to-gitpod-black:focus {
     --tw-gradient-to: #161616 !important;
   }
@@ -175156,6 +186268,10 @@ input[disabled] {
     --tw-gradient-to: #FF8A00 !important;
   }
 
+  .\32xl\:focus\:to-gitpod-kumquat-darker:focus {
+    --tw-gradient-to: #f28300 !important;
+  }
+
   .\32xl\:focus\:to-gitpod-kumquat-gradient:focus {
     --tw-gradient-to: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -175973,6 +187089,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -175998,6 +187164,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -176435,6 +187606,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:border-orange-50 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-100 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-200 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-300 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-400 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-500 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-600 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-700 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-800 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:border-orange-900 {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:border-gitpod-black {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -176460,6 +187681,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:border-gitpod-kumquat-darker {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:border-gitpod-kumquat-gradient {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -176897,6 +188123,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:border-orange-50:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-100:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-200:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-300:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-400:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-500:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-600:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-700:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-800:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:border-orange-900:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:border-gitpod-black:focus-within {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -176922,6 +188198,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:border-gitpod-kumquat-darker:focus-within {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:border-gitpod-kumquat-gradient:focus-within {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -177359,6 +188640,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:hover\:border-orange-50:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-100:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-200:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-300:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-400:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-500:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-600:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-700:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-800:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:hover\:border-orange-900:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:hover\:border-gitpod-black:hover {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -177384,6 +188715,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:hover\:border-gitpod-kumquat-darker:hover {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:hover\:border-gitpod-kumquat-gradient:hover {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -177821,6 +189157,56 @@ input[disabled] {
     border-color: rgba(131, 24, 67, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:focus\:border-orange-50:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(255, 251, 235, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-100:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(254, 243, 199, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-200:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(253, 230, 138, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-300:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(252, 211, 77, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-400:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(251, 191, 36, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-500:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(245, 158, 11, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-600:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(217, 119, 6, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-700:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(180, 83, 9, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-800:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(146, 64, 14, var(--tw-border-opacity)) !important;
+  }
+
+  .\32xl\:focus\:border-orange-900:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(120, 53, 15, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:focus\:border-gitpod-black:focus {
     --tw-border-opacity: 1 !important;
     border-color: rgba(22, 22, 22, var(--tw-border-opacity)) !important;
@@ -177846,6 +189232,11 @@ input[disabled] {
     border-color: rgba(255, 138, 0, var(--tw-border-opacity)) !important;
   }
 
+  .\32xl\:focus\:border-gitpod-kumquat-darker:focus {
+    --tw-border-opacity: 1 !important;
+    border-color: rgba(242, 131, 0, var(--tw-border-opacity)) !important;
+  }
+
   .\32xl\:focus\:border-gitpod-kumquat-gradient:focus {
     border-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -185226,6 +196617,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .\32xl\:placeholder-orange-50::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-50:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-50::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-50::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-100::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-100:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-100::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-100::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-200::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-200:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-200::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-200::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-300::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-300:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-300::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-300::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-400::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-400:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-400::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-400::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-500::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-500:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-500::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-500::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-600::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-600:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-600::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-600::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-700::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-700:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-700::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-700::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-800::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-800:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-800::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-800::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-900::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-900:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-900::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-orange-900::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .\32xl\:placeholder-gitpod-black::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -185326,6 +196917,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .\32xl\:placeholder-gitpod-kumquat-darker::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-gitpod-kumquat-darker:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-gitpod-kumquat-darker::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:placeholder-gitpod-kumquat-darker::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .\32xl\:placeholder-gitpod-kumquat-gradient::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -187074,6 +198685,206 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-placeholder-opacity)) !important;
   }
 
+  .\32xl\:focus\:placeholder-orange-50:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-50:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-50:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-50:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-100:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-100:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-100:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-100:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-200:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-200:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-200:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-200:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-300:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-300:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-300:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-300:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-400:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-400:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-400:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-400:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-500:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-500:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-500:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-500:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-600:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-600:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-600:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-600:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-700:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-700:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-700:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-700:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-800:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-800:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-800:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-800:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-900:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-900:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-900:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-orange-900:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-placeholder-opacity)) !important;
+  }
+
   .\32xl\:focus\:placeholder-gitpod-black:focus::-webkit-input-placeholder {
     --tw-placeholder-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-placeholder-opacity)) !important;
@@ -187174,6 +198985,26 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-placeholder-opacity)) !important;
   }
 
+  .\32xl\:focus\:placeholder-gitpod-kumquat-darker:focus::-webkit-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-gitpod-kumquat-darker:focus:-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-gitpod-kumquat-darker:focus::-ms-input-placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
+  .\32xl\:focus\:placeholder-gitpod-kumquat-darker:focus::placeholder {
+    --tw-placeholder-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-placeholder-opacity)) !important;
+  }
+
   .\32xl\:focus\:placeholder-gitpod-kumquat-gradient:focus::-webkit-input-placeholder {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -191188,6 +203019,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .\32xl\:ring-offset-orange-50 {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .\32xl\:ring-offset-orange-100 {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .\32xl\:ring-offset-orange-200 {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .\32xl\:ring-offset-orange-300 {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .\32xl\:ring-offset-orange-400 {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .\32xl\:ring-offset-orange-500 {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .\32xl\:ring-offset-orange-600 {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .\32xl\:ring-offset-orange-700 {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .\32xl\:ring-offset-orange-800 {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .\32xl\:ring-offset-orange-900 {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .\32xl\:ring-offset-gitpod-black {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -191208,6 +203079,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .\32xl\:ring-offset-gitpod-kumquat-darker {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .\32xl\:ring-offset-gitpod-kumquat-gradient {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -191560,6 +203435,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .\32xl\:focus-within\:ring-offset-orange-50:focus-within {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-100:focus-within {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-200:focus-within {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-300:focus-within {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-400:focus-within {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-500:focus-within {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-600:focus-within {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-700:focus-within {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-800:focus-within {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .\32xl\:focus-within\:ring-offset-orange-900:focus-within {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .\32xl\:focus-within\:ring-offset-gitpod-black:focus-within {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -191580,6 +203495,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .\32xl\:focus-within\:ring-offset-gitpod-kumquat-darker:focus-within {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .\32xl\:focus-within\:ring-offset-gitpod-kumquat-gradient:focus-within {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -191932,6 +203851,46 @@ input[disabled] {
     --tw-ring-offset-color: #831843 !important;
   }
 
+  .\32xl\:focus\:ring-offset-orange-50:focus {
+    --tw-ring-offset-color: #fffbeb !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-100:focus {
+    --tw-ring-offset-color: #fef3c7 !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-200:focus {
+    --tw-ring-offset-color: #fde68a !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-300:focus {
+    --tw-ring-offset-color: #fcd34d !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-400:focus {
+    --tw-ring-offset-color: #fbbf24 !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-500:focus {
+    --tw-ring-offset-color: #f59e0b !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-600:focus {
+    --tw-ring-offset-color: #d97706 !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-700:focus {
+    --tw-ring-offset-color: #b45309 !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-800:focus {
+    --tw-ring-offset-color: #92400e !important;
+  }
+
+  .\32xl\:focus\:ring-offset-orange-900:focus {
+    --tw-ring-offset-color: #78350f !important;
+  }
+
   .\32xl\:focus\:ring-offset-gitpod-black:focus {
     --tw-ring-offset-color: #161616 !important;
   }
@@ -191952,6 +203911,10 @@ input[disabled] {
     --tw-ring-offset-color: #FF8A00 !important;
   }
 
+  .\32xl\:focus\:ring-offset-gitpod-kumquat-darker:focus {
+    --tw-ring-offset-color: #f28300 !important;
+  }
+
   .\32xl\:focus\:ring-offset-gitpod-kumquat-gradient:focus {
     --tw-ring-offset-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -192449,6 +204412,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:ring-orange-50 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-100 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-200 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-300 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-400 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-500 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-600 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-700 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-800 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:ring-orange-900 {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:ring-gitpod-black {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -192474,6 +204487,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:ring-gitpod-kumquat-darker {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:ring-gitpod-kumquat-gradient {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -192911,6 +204929,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:ring-orange-50:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-100:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-200:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-300:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-400:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-500:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-600:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-700:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-800:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:ring-orange-900:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:ring-gitpod-black:focus-within {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -192936,6 +205004,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:ring-gitpod-kumquat-darker:focus-within {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:ring-gitpod-kumquat-gradient:focus-within {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -193373,6 +205446,56 @@ input[disabled] {
     --tw-ring-color: rgba(131, 24, 67, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:focus\:ring-orange-50:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(255, 251, 235, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-100:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(254, 243, 199, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-200:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(253, 230, 138, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-300:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(252, 211, 77, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-400:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(251, 191, 36, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-500:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(245, 158, 11, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-600:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(217, 119, 6, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-700:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(180, 83, 9, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-800:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(146, 64, 14, var(--tw-ring-opacity)) !important;
+  }
+
+  .\32xl\:focus\:ring-orange-900:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(120, 53, 15, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:focus\:ring-gitpod-black:focus {
     --tw-ring-opacity: 1 !important;
     --tw-ring-color: rgba(22, 22, 22, var(--tw-ring-opacity)) !important;
@@ -193398,6 +205521,11 @@ input[disabled] {
     --tw-ring-color: rgba(255, 138, 0, var(--tw-ring-opacity)) !important;
   }
 
+  .\32xl\:focus\:ring-gitpod-kumquat-darker:focus {
+    --tw-ring-opacity: 1 !important;
+    --tw-ring-color: rgba(242, 131, 0, var(--tw-ring-opacity)) !important;
+  }
+
   .\32xl\:focus\:ring-gitpod-kumquat-gradient:focus {
     --tw-ring-color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -194059,6 +206187,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -194084,6 +206262,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -194521,6 +206704,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:text-orange-50 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-100 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-200 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-300 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-400 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-500 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-600 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-700 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-800 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .group:hover .\32xl\:group-hover\:text-orange-900 {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:text-gitpod-black {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -194546,6 +206779,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .group:hover .\32xl\:group-hover\:text-gitpod-kumquat-darker {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .group:hover .\32xl\:group-hover\:text-gitpod-kumquat-gradient {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -194983,6 +207221,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:text-orange-50:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-100:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-200:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-300:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-400:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-500:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-600:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-700:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-800:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus-within\:text-orange-900:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:text-gitpod-black:focus-within {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -195008,6 +207296,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:focus-within\:text-gitpod-kumquat-darker:focus-within {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:focus-within\:text-gitpod-kumquat-gradient:focus-within {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -195445,6 +207738,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:hover\:text-orange-50:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-100:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-200:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-300:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-400:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-500:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-600:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-700:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-800:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:hover\:text-orange-900:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:hover\:text-gitpod-black:hover {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -195470,6 +207813,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:hover\:text-gitpod-kumquat-darker:hover {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:hover\:text-gitpod-kumquat-gradient:hover {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
@@ -195907,6 +208255,56 @@ input[disabled] {
     color: rgba(131, 24, 67, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:focus\:text-orange-50:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(255, 251, 235, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-100:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(254, 243, 199, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-200:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(253, 230, 138, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-300:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(252, 211, 77, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-400:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(251, 191, 36, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-500:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(245, 158, 11, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-600:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(217, 119, 6, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-700:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(180, 83, 9, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-800:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(146, 64, 14, var(--tw-text-opacity)) !important;
+  }
+
+  .\32xl\:focus\:text-orange-900:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(120, 53, 15, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:focus\:text-gitpod-black:focus {
     --tw-text-opacity: 1 !important;
     color: rgba(22, 22, 22, var(--tw-text-opacity)) !important;
@@ -195932,6 +208330,11 @@ input[disabled] {
     color: rgba(255, 138, 0, var(--tw-text-opacity)) !important;
   }
 
+  .\32xl\:focus\:text-gitpod-kumquat-darker:focus {
+    --tw-text-opacity: 1 !important;
+    color: rgba(242, 131, 0, var(--tw-text-opacity)) !important;
+  }
+
   .\32xl\:focus\:text-gitpod-kumquat-gradient:focus {
     color: linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%) !important;
   }
diff --git a/components/dashboard/src/workspaces/WorkspaceEntry.tsx b/components/dashboard/src/workspaces/WorkspaceEntry.tsx
index 45b9e1179127cf..4a15f59d1bcb0c 100644
--- a/components/dashboard/src/workspaces/WorkspaceEntry.tsx
+++ b/components/dashboard/src/workspaces/WorkspaceEntry.tsx
@@ -150,7 +150,7 @@ export function WorkspaceEntry({ desc, model }: { desc: WorkspaceInfo, model: Wo
                     </div>
                 </div>
                 <div className="flex justify-end mt-5">
-                    <button className="cursor-pointer px-3 py-2 text-white text-sm rounded-md border-2 border-red-800 bg-red-600 hover:bg-red-800"
+                    <button className="danger"
                         onClick={() => model.deleteWorkspace(ws.id)}>
                         Delete Workspace
                     </button>
diff --git a/components/dashboard/src/workspaces/Workspaces.tsx b/components/dashboard/src/workspaces/Workspaces.tsx
index 8a0fd632a5c0ea..0f79a0e0350017 100644
--- a/components/dashboard/src/workspaces/Workspaces.tsx
+++ b/components/dashboard/src/workspaces/Workspaces.tsx
@@ -96,7 +96,7 @@ export class Workspaces extends React.Component<WorkspacesProps, WorkspacesState
                     }]} />
                 </div>
                 {wsModel && this.state?.workspaces.length > 0 ? 
-                 <button onClick={this.showStartWSModal} className="ml-2 font-medium">New Workspace</button>
+                 <button onClick={this.showStartWSModal} className="ml-2">New Workspace</button>
                  : null
                 }
             </div>
@@ -146,7 +146,7 @@ export class Workspaces extends React.Component<WorkspacesProps, WorkspacesState
                             <div className="flex flex-col items-center w-96 m-auto">
                                 <h3 className="text-center pb-3">No Active Workspaces</h3>
                                 <div className="text-center pb-6 text-gray-500">Prefix any git repository URL with gitpod.io/# or start a new workspace for a recently used project. <a className="text-gray-400 underline underline-thickness-thin underline-offset-small hover:text-gray-600" href="https://www.gitpod.io/docs/getting-started/">Learn more</a></div>
-                                <button onClick={this.showStartWSModal} className="font-medium">New Workspace</button>
+                                <button onClick={this.showStartWSModal}>New Workspace</button>
                             </div>
                         </div>
                     </div>
diff --git a/components/dashboard/tailwind.config.js b/components/dashboard/tailwind.config.js
index 6cc9e4c5c3395f..2ba87896384104 100644
--- a/components/dashboard/tailwind.config.js
+++ b/components/dashboard/tailwind.config.js
@@ -14,6 +14,7 @@ module.exports = {
             colors: {
                 gray: colors.warmGray,
                 green: colors.lime,
+                orange: colors.amber,
                 blue: {
                     light: '#75A9EC',
                     DEFAULT: '#5C8DD6',
@@ -24,6 +25,7 @@ module.exports = {
                 'gitpod-kumquat-light': '#FFE4BC',
                 'gitpod-kumquat': '#FFB45B',
                 'gitpod-kumquat-dark': '#FF8A00',
+                'gitpod-kumquat-darker': '#f28300',
                 'gitpod-kumquat-gradient': 'linear-gradient(137.41deg, #FFAD33 14.37%, #FF8A00 91.32%)',
             },
             container: {