From f4d90fa2042da8d10e6212571705611ba2ebec4d Mon Sep 17 00:00:00 2001
From: Diego Imbert <diegoimbert@protonmail.com>
Date: Thu, 10 Apr 2025 13:08:19 +0200
Subject: [PATCH] tailwind 4 upgrade tool

---
 frontend/package-lock.json                    | 640 +-----------------
 frontend/package.json                         |   2 +-
 frontend/src/app.html                         |   2 +-
 frontend/src/lib/assets/app.css               |  47 +-
 .../src/lib/components/ApiConnectForm.svelte  |   8 +-
 .../src/lib/components/AppConnectInner.svelte |   6 +-
 frontend/src/lib/components/ArgEnum.svelte    |   4 +-
 frontend/src/lib/components/ArgInput.svelte   |  32 +-
 .../lib/components/AssignableTagsInner.svelte |   2 +-
 .../src/lib/components/Auth0Setting.svelte    |   2 +-
 .../src/lib/components/AuthSettings.svelte    |   4 +-
 .../src/lib/components/AutheliaSetting.svelte |   2 +-
 .../lib/components/AuthentikSetting.svelte    |   2 +-
 .../components/AutoscalingConfigEditor.svelte |   6 +-
 frontend/src/lib/components/Badge.svelte      |   2 +-
 frontend/src/lib/components/CronInput.svelte  |   6 +-
 .../src/lib/components/CustomPopover.svelte   |   2 +-
 frontend/src/lib/components/DateInput.svelte  |   2 +-
 .../src/lib/components/DateTimeInput.svelte   |   4 +-
 .../src/lib/components/DefaultScripts.svelte  |   2 +-
 .../lib/components/DefaultTagsInner.svelte    |   2 +-
 .../src/lib/components/DeployButton.svelte    |   2 +-
 frontend/src/lib/components/Dev.svelte        |   2 +-
 .../src/lib/components/DisplayResult.svelte   |   6 +-
 frontend/src/lib/components/DropdownV2.svelte |   4 +-
 .../src/lib/components/DropdownV2Inner.svelte |   4 +-
 .../lib/components/EditableSchemaForm.svelte  |   6 +-
 frontend/src/lib/components/Editor.svelte     |   2 +-
 frontend/src/lib/components/EditorBar.svelte  |  18 +-
 .../components/ErrorOrRecoveryHandler.svelte  |   6 +-
 .../src/lib/components/FieldHeader.svelte     |   2 +-
 .../src/lib/components/FirstStepInputs.svelte |   2 +-
 .../src/lib/components/FlowBuilder.svelte     |   6 +-
 .../lib/components/FlowGraphViewerStep.svelte |   4 +-
 .../components/FlowHistoryJobPicker.svelte    |   2 +-
 .../src/lib/components/FlowJobResult.svelte   |   2 +-
 .../src/lib/components/FlowMetadata.svelte    |   2 +-
 .../lib/components/FlowPreviewContent.svelte  |  10 +-
 .../components/FlowStatusViewerInner.svelte   |   8 +-
 .../src/lib/components/FlowTimeline.svelte    |   2 +-
 .../src/lib/components/FolderEditor.svelte    |   6 +-
 .../src/lib/components/GroupEditor.svelte     |   2 +-
 .../src/lib/components/IdEditorInput.svelte   |   4 +-
 .../lib/components/InstanceGroupEditor.svelte |   2 +-
 .../lib/components/InstanceNameEditor.svelte  |   6 +-
 .../src/lib/components/InstanceSetting.svelte |   6 +-
 frontend/src/lib/components/JsonInputs.svelte |   2 +-
 .../src/lib/components/KanidmSetting.svelte   |   2 +-
 .../src/lib/components/KeycloakSetting.svelte |   2 +-
 .../lib/components/LogSnippetViewer.svelte    |   2 +-
 frontend/src/lib/components/LogViewer.svelte  |  12 +-
 frontend/src/lib/components/Login.svelte      |  10 +-
 .../src/lib/components/ManualPopover.svelte   |   2 +-
 .../src/lib/components/OAuthSetting.svelte    |   8 +-
 .../ObjectStoreConfigSettings.svelte          |   4 +-
 .../src/lib/components/OktaSetting.svelte     |   2 +-
 frontend/src/lib/components/PageHeader.svelte |   4 +-
 .../components/ParqetCsvTableRenderer.svelte  |   2 +-
 frontend/src/lib/components/Password.svelte   |  12 +-
 frontend/src/lib/components/Path.svelte       |  10 +-
 .../components/PersistentScriptDrawer.svelte  |   4 +-
 frontend/src/lib/components/Popover.svelte    |   2 +-
 .../src/lib/components/PrimarySchedule.svelte |   2 +-
 .../lib/components/QueueMetricsDrawer.svelte  |   8 +-
 .../src/lib/components/RadioButton.svelte     |   2 +-
 frontend/src/lib/components/Range.svelte      |   2 +-
 .../src/lib/components/ResourceEditor.svelte  |   4 +-
 .../lib/components/ResourceTypePicker.svelte  |   4 +-
 frontend/src/lib/components/RunForm.svelte    |   6 +-
 .../src/lib/components/SavedInputs.svelte     |  16 +-
 .../lib/components/SavedInputsPicker.svelte   |   2 +-
 .../src/lib/components/SavedInputsV2.svelte   |   2 +-
 .../lib/components/ScheduleEditorInner.svelte |   8 +-
 .../components/SchemaFormWithArgPicker.svelte |   4 +-
 .../src/lib/components/ScriptBuilder.svelte   |  10 +-
 .../src/lib/components/ScriptEditor.svelte    |  18 +-
 .../components/ScriptVersionHistory.svelte    |  14 +-
 frontend/src/lib/components/Scrollable.svelte |   2 +-
 .../src/lib/components/SimpleEditor.svelte    |   2 +-
 .../src/lib/components/SupabaseConnect.svelte |   4 +-
 .../src/lib/components/TemplateEditor.svelte  |   4 +-
 .../src/lib/components/TestConnection.svelte  |   4 +-
 .../src/lib/components/TimelineBar.svelte     |   2 +-
 frontend/src/lib/components/Toast.svelte      |   8 +-
 frontend/src/lib/components/Toggle.svelte     |   2 +-
 .../src/lib/components/UserSettings.svelte    |   4 +-
 .../src/lib/components/VariableEditor.svelte  |   4 +-
 .../src/lib/components/WorkerGroup.svelte     |  20 +-
 .../src/lib/components/ZitadelSetting.svelte  |   2 +-
 .../apps/components/buttons/AppButton.svelte  |   2 +-
 .../apps/components/buttons/AppForm.svelte    |   2 +-
 .../components/buttons/AppFormButton.svelte   |   4 +-
 .../display/AppAccordionList.svelte           |   2 +-
 .../components/display/AppNavbarItem.svelte   |   2 +-
 .../apps/components/display/AppText.svelte    |   4 +-
 .../table/AppAggridTableActions.svelte        |   2 +-
 .../components/display/table/AppCell.svelte   |   2 +-
 .../components/display/table/AppTable.svelte  |   8 +-
 .../helpers/ComponentErrorHandler.svelte      |   2 +-
 .../components/helpers/DebouncedInput.svelte  |   2 +-
 .../helpers/RunnableComponent.svelte          |   4 +-
 .../inputs/AppDateSliderInput.svelte          |   2 +-
 .../components/inputs/AppMultiSelect.svelte   |   2 +-
 .../apps/components/inputs/AppSelect.svelte   |   2 +-
 .../components/inputs/AppSliderInputs.svelte  |   2 +-
 .../components/inputs/AppTextInput.svelte     |  12 +-
 .../apps/components/layout/AppDrawer.svelte   |   2 +-
 .../apps/components/layout/AppStepper.svelte  |   2 +-
 .../apps/components/layout/AppTabs.svelte     |   4 +-
 .../components/apps/editor/AppEditor.svelte   |   6 +-
 .../apps/editor/AppEditorHeader.svelte        |   8 +-
 .../components/apps/editor/AppPreview.svelte  |   2 +-
 .../components/apps/editor/AppTimeline.svelte |   4 +-
 .../apps/editor/ComponentHeader.svelte        |  20 +-
 .../apps/editor/DecisionTreeDebug.svelte      |   2 +-
 .../apps/editor/DeploymentHistory.svelte      |  10 +-
 .../components/apps/editor/GridEditor.svelte  |   6 +-
 .../apps/editor/GridEditorMenu.svelte         |   2 +-
 .../apps/editor/RecomputeAllButton.svelte     |   2 +-
 .../apps/editor/RecomputeAllWrapper.svelte    |   2 +-
 .../apps/editor/RunnableJobPanel.svelte       |   2 +-
 .../components/apps/editor/TabsDebug.svelte   |   2 +-
 .../editor/component/ComponentRendered.svelte |   2 +-
 .../editor/componentsPanel/CssProperty.svelte |   4 +-
 .../editor/componentsPanel/ListItem.svelte    |   2 +-
 .../componentsPanel/QuickStyleMenu.svelte     |   6 +-
 .../componentsPanel/QuickStyleProperty.svelte |  20 +-
 .../componentsPanel/ThemeCodePreview.svelte   |   2 +-
 .../editor/componentsPanel/ThemeDrawer.svelte |   2 +-
 .../apps/editor/componentsPanel/cssUtils.ts   |   2 +-
 .../componentsPanel/quickStyleProperties.ts   |   2 +-
 .../editor/componentsPanel/tailwindUtils.ts   |  28 +-
 .../contextPanel/ComponentOutputViewer.svelte |   2 +-
 .../contextPanel/components/IdEditor.svelte   |   2 +-
 .../components/OutputHeader.svelte            |  10 +-
 .../InlineScriptEditor.svelte                 |   4 +-
 .../InlineScriptRunnableByPath.svelte         |   2 +-
 .../InlineScriptsPanel.svelte                 |   2 +-
 .../InlineScriptsPanelList.svelte             |   4 +-
 .../inlineScriptsPanel/RunButton.svelte       |   4 +-
 .../ArrayStaticInputEditor.svelte             |   2 +-
 .../settingsPanel/CSSMigrationModal.svelte    |   2 +-
 .../settingsPanel/ComponentPanel.svelte       |   8 +-
 .../DecisionTreeGraphHeader.svelte            |   4 +-
 .../DecisionTreeGraphNode.svelte              |   4 +-
 .../apps/editor/settingsPanel/DocLink.svelte  |   2 +-
 .../editor/settingsPanel/GridNavbar.svelte    |   2 +-
 .../editor/settingsPanel/HideButton.svelte    |   6 +-
 .../settingsPanel/InputsSpecEditor.svelte     |   2 +-
 .../decisionTree/DecisionTreePreview.svelte   |   2 +-
 .../InsertDecisionTreeNode.svelte             |   4 +-
 .../inputEditor/ColorInput.svelte             |   2 +-
 .../inputEditor/EvalV2InputEditor.svelte      |   8 +-
 .../inputEditor/IconSelectInput.svelte        |   2 +-
 .../inputEditor/StaticInputEditor.svelte      |   2 +-
 .../inputEditor/TabSelectInput.svelte         |   4 +-
 .../script/shared/ScriptSettingHeader.svelte  |   2 +-
 .../script/shared/ScriptTriggers.svelte       |   4 +-
 .../apps/svelte-select/lib/Select.svelte      |  10 +-
 .../apps/svelte-select/lib/tailwind.css       |  18 +-
 .../auditLogs/AuditLogDetails.svelte          |   2 +-
 .../auditLogs/AuditLogsFilters.svelte         |   6 +-
 .../common/actionRow/ActionRow.svelte         |   2 +-
 .../lib/components/common/badge/Badge.svelte  |   2 +-
 .../common/breadcrumb/Breadcrumb.svelte       |   2 +-
 .../components/common/button/Button.svelte    |  12 +-
 .../components/common/button/UndoRedo.svelte  |   4 +-
 .../src/lib/components/common/button/model.ts |   8 +-
 .../calendarPicker/CalendarPicker.svelte      |   2 +-
 .../clearableInput/ClearableInput.svelte      |   2 +-
 .../ConfirmationModal.svelte                  |   2 +-
 .../common/drawer/DrawerContent.svelte        |   4 +-
 .../common/fileInput/FileInput.svelte         |   2 +-
 .../common/fileUpload/FileUploadModal.svelte  |   2 +-
 .../src/lib/components/common/kbd/Kbd.svelte  |   8 +-
 .../common/layout/ListElement.svelte          |   2 +-
 .../lib/components/common/menu/Menu.svelte    |   2 +-
 .../common/modal/AlwaysMountedModal.svelte    |   4 +-
 .../lib/components/common/modal/Modal.svelte  |   2 +-
 .../lib/components/common/modal/Modal2.svelte |   4 +-
 .../common/seconds/SecondsInput.svelte        |   8 +-
 .../common/skeleton/Skeleton.svelte           |   2 +-
 .../lib/components/common/table/Row.svelte    |   4 +-
 .../src/lib/components/copilot/CronGen.svelte |   2 +-
 .../copilot/FlowCopilotStatus.svelte          |   4 +-
 .../lib/components/copilot/MetadataGen.svelte |   8 +-
 .../components/copilot/PredicateGen.svelte    |   2 +-
 .../lib/components/copilot/RegexGen.svelte    |   2 +-
 .../lib/components/copilot/ScriptGen.svelte   |  18 +-
 .../components/copilot/StepGenQuick.svelte    |   2 +-
 .../copilot/chat/AIChatDisplay.svelte         |   6 +-
 .../copilot/chat/AssistantMessage.svelte      |   2 +-
 .../copilot/chat/ChatQuickActions.svelte      |   6 +-
 frontend/src/lib/components/copilot/shared.ts |   2 +-
 .../components/details/ClipboardPanel.svelte  |   2 +-
 .../details/EmailTriggerConfigSection.svelte  |   2 +-
 .../components/details/createAppFromScript.ts |   4 +-
 .../lib/components/display/PdfViewer.svelte   |  18 +-
 .../components/flows/FlowHistoryInner.svelte  |  10 +-
 .../components/flows/common/FlowCard.svelte   |   2 +-
 .../flows/content/DynamicInputHelpBox.svelte  |   2 +-
 .../flows/content/FlowBranchOneWrapper.svelte |   2 +-
 .../flows/content/FlowInputsQuick.svelte      |   2 +-
 .../flows/content/FlowModuleComponent.svelte  |   6 +-
 .../flows/content/FlowModuleHeader.svelte     |  14 +-
 .../flows/content/FlowModuleMock.svelte       |   2 +-
 .../FlowModuleMockTransitionMessage.svelte    |  22 +-
 .../content/FlowModuleWorkerTagSelect.svelte  |   2 +-
 .../flows/content/FlowRetries.svelte          |  14 +-
 .../flows/content/FlowSettings.svelte         |   6 +-
 .../flows/content/GenAiQuick.svelte           |   2 +-
 .../flows/map/FlowConstantsItem.svelte        |   2 +-
 .../flows/map/FlowErrorHandlerItem.svelte     |   6 +-
 .../components/flows/map/FlowJobsMenu.svelte  |   6 +-
 .../flows/map/FlowModuleSchemaItem.svelte     |  26 +-
 .../map/FlowModuleSchemaItemViewer.svelte     |  10 +-
 .../flows/map/FlowModuleSchemaMap.svelte      |   2 +-
 .../flows/map/FlowSettingsItem.svelte         |   2 +-
 .../flows/map/InsertModuleButton.svelte       |   2 +-
 .../components/flows/map/VirtualItem.svelte   |   8 +-
 .../flows/map/VirtualItemWrapper.svelte       |   4 +-
 .../pickers/FlowScriptPickerQuick.svelte      |   2 +-
 .../flows/pickers/PickHubScript.svelte        |   2 +-
 .../flows/pickers/PickHubScriptQuick.svelte   |   2 +-
 .../flows/pickers/TopLevelNode.svelte         |   2 +-
 .../pickers/WorkspaceScriptPickerQuick.svelte |   2 +-
 .../flows/propPicker/OutputPickerInner.svelte |   4 +-
 .../flows/propPicker/PropPickerWrapper.svelte |   6 +-
 .../lib/components/graph/FlowGraphV2.svelte   |   6 +-
 .../graph/renderers/edges/BaseEdge.svelte     |   2 +-
 .../graph/renderers/nodes/ModuleNode.svelte   |   2 +-
 .../graph/renderers/nodes/NodeWrapper.svelte  |   2 +-
 .../renderers/triggers/TriggersWrapper.svelte |   2 +-
 .../src/lib/components/home/ItemsList.svelte  |   2 +-
 .../lib/components/meltComponents/Menu.svelte |   2 +-
 .../components/meltComponents/Popover.svelte  |   6 +-
 .../meltComponents/SideBarTab.svelte          |   2 +-
 .../components/meltComponents/Tooltip.svelte  |   2 +-
 .../components/multiselect/MultiSelect.svelte |   2 +-
 .../multiselect/MultiSelectWrapper.svelte     |   4 +-
 .../propertyPicker/ObjectViewer.svelte        |   6 +-
 .../propertyPicker/PropPicker.svelte          |   2 +-
 .../src/lib/components/runs/RunRow.svelte     |  18 +-
 .../src/lib/components/runs/RunsFilter.svelte |  54 +-
 .../src/lib/components/runs/RunsQueue.svelte  |   4 +-
 .../schema/EditableSchemaWrapper.svelte       |   8 +-
 .../schema/FlowPropertyEditor.svelte          |   4 +-
 .../schema/RunningJobSchemaPicker.svelte      |   2 +-
 .../lib/components/schema/SchemaPicker.svelte |   2 +-
 .../search/GlobalSearchModal.svelte           |   8 +-
 .../components/search/QuickMenuItem.svelte    |  10 +-
 .../settings/WorkspaceUserSettings.svelte     |   2 +-
 .../sidebar/CriticalAlertTable.svelte         |   2 +-
 .../components/sidebar/FavoriteMenu.svelte    |   4 +-
 .../lib/components/sidebar/MenuButton.svelte  |   6 +-
 .../lib/components/sidebar/MenuLink.svelte    |  10 +-
 .../components/sidebar/OperatorMenu.svelte    |  18 +-
 .../components/sidebar/SidebarContent.svelte  |  18 +-
 .../lib/components/sidebar/UserMenu.svelte    |   8 +-
 .../components/sidebar/WorkspaceMenu.svelte   |  12 +-
 .../SplitPanesOrColumnOnMobile.svelte         |   2 +-
 .../lib/components/table/AutoDataTable.svelte |  14 +-
 frontend/src/lib/components/table/Cell.svelte |   2 +-
 .../src/lib/components/table/DataTable.svelte |   2 +-
 .../components/triggers/CaptureButton.svelte  |   2 +-
 .../http/RouteEditorConfigSection.svelte      |   4 +-
 .../triggers/http/RouteEditorInner.svelte     |   2 +-
 .../PostgresEditorConfigSection.svelte        |   6 +-
 .../PostgresTriggerEditorInner.svelte         |   6 +-
 .../triggers/postgres/RelationPicker.svelte   |  12 +-
 .../scheduled/ScheduledPollPanel.svelte       |   4 +-
 .../sqs/SqsTriggerEditorConfigSection.svelte  |   6 +-
 .../webhook/WebhooksConfigSection.svelte      |   2 +-
 .../tutorials/app/AppTutorial.svelte          |   2 +-
 .../src/lib/components/tutorials/utils.ts     |   2 +-
 .../workspaceSettings/AISettings.svelte       |   2 +-
 .../src/routes/(root)/(logged)/+layout.svelte |  38 +-
 .../(root)/(logged)/apps/add/+page.svelte     |   2 +-
 .../(root)/(logged)/audit_logs/+page.svelte   |   2 +-
 .../(logged)/flows/get/[...path]/+page.svelte |   4 +-
 .../(root)/(logged)/resources/+page.svelte    |   4 +-
 .../(root)/(logged)/run/[...run]/+page.svelte |   8 +-
 .../(logged)/runs/[...path]/+page.svelte      |   4 +-
 .../scripts/get/[...hash]/+page.svelte        |   2 +-
 .../(root)/(logged)/service_logs/+page.svelte |   4 +-
 .../svix/create-webhook/+page@(root).svelte   |   4 +-
 .../user/(user)/accept_invite/+page.svelte    |   2 +-
 .../(root)/(logged)/variables/+page.svelte    |   4 +-
 .../(root)/(logged)/workers/+page.svelte      |  12 +-
 frontend/static/tailwind_full.css             |   2 +-
 290 files changed, 789 insertions(+), 1404 deletions(-)

diff --git a/frontend/package-lock.json b/frontend/package-lock.json
index 6157c7d0ed..dc2dea4316 100644
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -129,7 +129,7 @@
 				"svelte-range-slider-pips": "^2.3.1",
 				"svelte-splitpanes": "^8.0.9",
 				"svelte2tsx": "^0.6.16",
-				"tailwindcss": "^3.4.1",
+				"tailwindcss": "^4.1.3",
 				"tslib": "^2.6.1",
 				"typescript": "^5.5.0",
 				"vite": "^6.2.1",
@@ -145,17 +145,6 @@
 				"svelte": "^4.0.0"
 			}
 		},
-		"node_modules/@alloc/quick-lru": {
-			"version": "5.2.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
 		"node_modules/@ampproject/remapping": {
 			"version": "2.3.0",
 			"license": "Apache-2.0",
@@ -917,68 +906,6 @@
 				"@swc/helpers": "^0.5.0"
 			}
 		},
-		"node_modules/@isaacs/cliui": {
-			"version": "8.0.2",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"string-width": "^5.1.2",
-				"string-width-cjs": "npm:string-width@^4.2.0",
-				"strip-ansi": "^7.0.1",
-				"strip-ansi-cjs": "npm:strip-ansi@^6.0.1",
-				"wrap-ansi": "^8.1.0",
-				"wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0"
-			},
-			"engines": {
-				"node": ">=12"
-			}
-		},
-		"node_modules/@isaacs/cliui/node_modules/ansi-regex": {
-			"version": "6.1.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
-			}
-		},
-		"node_modules/@isaacs/cliui/node_modules/emoji-regex": {
-			"version": "9.2.2",
-			"dev": true,
-			"license": "MIT"
-		},
-		"node_modules/@isaacs/cliui/node_modules/string-width": {
-			"version": "5.1.2",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"eastasianwidth": "^0.2.0",
-				"emoji-regex": "^9.2.2",
-				"strip-ansi": "^7.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/@isaacs/cliui/node_modules/strip-ansi": {
-			"version": "7.1.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"ansi-regex": "^6.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
-			}
-		},
 		"node_modules/@jridgewell/gen-mapping": {
 			"version": "0.3.8",
 			"license": "MIT",
@@ -1158,15 +1085,6 @@
 			"version": "3.9.2",
 			"license": "MIT"
 		},
-		"node_modules/@pkgjs/parseargs": {
-			"version": "0.11.0",
-			"dev": true,
-			"license": "MIT",
-			"optional": true,
-			"engines": {
-				"node": ">=14"
-			}
-		},
 		"node_modules/@playwright/test": {
 			"version": "1.51.0",
 			"dev": true,
@@ -2387,11 +2305,6 @@
 				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
 			}
 		},
-		"node_modules/any-promise": {
-			"version": "1.3.0",
-			"dev": true,
-			"license": "MIT"
-		},
 		"node_modules/anymatch": {
 			"version": "3.1.3",
 			"dev": true,
@@ -2404,11 +2317,6 @@
 				"node": ">= 8"
 			}
 		},
-		"node_modules/arg": {
-			"version": "5.0.2",
-			"dev": true,
-			"license": "MIT"
-		},
 		"node_modules/argparse": {
 			"version": "2.0.1",
 			"dev": true,
@@ -2756,14 +2664,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/camelcase-css": {
-			"version": "2.0.1",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">= 6"
-			}
-		},
 		"node_modules/camelcase-keys": {
 			"version": "7.0.2",
 			"dev": true,
@@ -3573,11 +3473,6 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
-		"node_modules/didyoumean": {
-			"version": "1.2.2",
-			"dev": true,
-			"license": "Apache-2.0"
-		},
 		"node_modules/diff": {
 			"version": "7.0.0",
 			"license": "BSD-3-Clause",
@@ -3596,11 +3491,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/dlv": {
-			"version": "1.1.3",
-			"dev": true,
-			"license": "MIT"
-		},
 		"node_modules/doctrine": {
 			"version": "3.0.0",
 			"dev": true,
@@ -3694,11 +3584,6 @@
 			"version": "2.2.4",
 			"license": "ISC"
 		},
-		"node_modules/eastasianwidth": {
-			"version": "0.2.0",
-			"dev": true,
-			"license": "MIT"
-		},
 		"node_modules/easy-reactive": {
 			"version": "1.0.4",
 			"license": "Apache-2.0",
@@ -3716,7 +3601,8 @@
 		"node_modules/emoji-regex": {
 			"version": "8.0.0",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/encoding-down": {
 			"version": "6.3.0",
@@ -4375,21 +4261,6 @@
 				}
 			}
 		},
-		"node_modules/foreground-child": {
-			"version": "3.3.1",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"cross-spawn": "^7.0.6",
-				"signal-exit": "^4.0.1"
-			},
-			"engines": {
-				"node": ">=14"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
 		"node_modules/form-data": {
 			"version": "4.0.2",
 			"license": "MIT",
@@ -5133,6 +5004,7 @@
 			"version": "2.16.1",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"hasown": "^2.0.2"
 			},
@@ -5169,6 +5041,7 @@
 			"version": "3.0.0",
 			"dev": true,
 			"license": "MIT",
+			"peer": true,
 			"engines": {
 				"node": ">=8"
 			}
@@ -5254,20 +5127,6 @@
 				"url": "https://github.com/sponsors/dmonad"
 			}
 		},
-		"node_modules/jackspeak": {
-			"version": "3.4.3",
-			"dev": true,
-			"license": "BlueOak-1.0.0",
-			"dependencies": {
-				"@isaacs/cliui": "^8.0.2"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			},
-			"optionalDependencies": {
-				"@pkgjs/parseargs": "^0.11.0"
-			}
-		},
 		"node_modules/javascript-lp-solver": {
 			"version": "0.4.24",
 			"dev": true,
@@ -5532,7 +5391,8 @@
 		"node_modules/lines-and-columns": {
 			"version": "1.2.4",
 			"dev": true,
-			"license": "MIT"
+			"license": "MIT",
+			"peer": true
 		},
 		"node_modules/locate-character": {
 			"version": "3.0.0",
@@ -7295,16 +7155,6 @@
 			"version": "2.1.3",
 			"license": "MIT"
 		},
-		"node_modules/mz": {
-			"version": "2.7.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"any-promise": "^1.0.0",
-				"object-assign": "^4.0.1",
-				"thenify-all": "^1.0.0"
-			}
-		},
 		"node_modules/napi-macros": {
 			"version": "2.0.0",
 			"license": "MIT",
@@ -7463,22 +7313,6 @@
 			"dev": true,
 			"license": "MIT"
 		},
-		"node_modules/object-assign": {
-			"version": "4.1.1",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/object-hash": {
-			"version": "3.0.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">= 6"
-			}
-		},
 		"node_modules/object-is": {
 			"version": "1.1.6",
 			"license": "MIT",
@@ -7644,11 +7478,6 @@
 				"url": "https://github.com/sponsors/sindresorhus"
 			}
 		},
-		"node_modules/package-json-from-dist": {
-			"version": "1.0.1",
-			"dev": true,
-			"license": "BlueOak-1.0.0"
-		},
 		"node_modules/pako": {
 			"version": "2.1.0",
 			"license": "(MIT AND Zlib)"
@@ -7747,31 +7576,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/path-parse": {
-			"version": "1.0.7",
-			"dev": true,
-			"license": "MIT"
-		},
-		"node_modules/path-scurry": {
-			"version": "1.11.1",
-			"dev": true,
-			"license": "BlueOak-1.0.0",
-			"dependencies": {
-				"lru-cache": "^10.2.0",
-				"minipass": "^5.0.0 || ^6.0.2 || ^7.0.0"
-			},
-			"engines": {
-				"node": ">=16 || 14 >=14.18"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/path-scurry/node_modules/lru-cache": {
-			"version": "10.4.3",
-			"dev": true,
-			"license": "ISC"
-		},
 		"node_modules/path-type": {
 			"version": "4.0.0",
 			"dev": true,
@@ -7856,22 +7660,6 @@
 				"url": "https://github.com/sponsors/jonschlinkert"
 			}
 		},
-		"node_modules/pify": {
-			"version": "2.3.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=0.10.0"
-			}
-		},
-		"node_modules/pirates": {
-			"version": "4.0.6",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">= 6"
-			}
-		},
 		"node_modules/pkg-types": {
 			"version": "1.3.1",
 			"dev": true,
@@ -8060,40 +7848,6 @@
 				"postcss": "^8.4.31"
 			}
 		},
-		"node_modules/postcss-import": {
-			"version": "15.1.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"postcss-value-parser": "^4.0.0",
-				"read-cache": "^1.0.0",
-				"resolve": "^1.1.7"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			},
-			"peerDependencies": {
-				"postcss": "^8.0.0"
-			}
-		},
-		"node_modules/postcss-js": {
-			"version": "4.0.1",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"camelcase-css": "^2.0.1"
-			},
-			"engines": {
-				"node": "^12 || ^14 || >= 16"
-			},
-			"funding": {
-				"type": "opencollective",
-				"url": "https://opencollective.com/postcss/"
-			},
-			"peerDependencies": {
-				"postcss": "^8.4.21"
-			}
-		},
 		"node_modules/postcss-load-config": {
 			"version": "4.0.2",
 			"dev": true,
@@ -8244,42 +7998,6 @@
 				"node": ">=4"
 			}
 		},
-		"node_modules/postcss-nested": {
-			"version": "6.2.0",
-			"dev": true,
-			"funding": [
-				{
-					"type": "opencollective",
-					"url": "https://opencollective.com/postcss/"
-				},
-				{
-					"type": "github",
-					"url": "https://github.com/sponsors/ai"
-				}
-			],
-			"license": "MIT",
-			"dependencies": {
-				"postcss-selector-parser": "^6.1.1"
-			},
-			"engines": {
-				"node": ">=12.0"
-			},
-			"peerDependencies": {
-				"postcss": "^8.2.14"
-			}
-		},
-		"node_modules/postcss-nested/node_modules/postcss-selector-parser": {
-			"version": "6.1.2",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"cssesc": "^3.0.0",
-				"util-deprecate": "^1.0.2"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
 		"node_modules/postcss-normalize-charset": {
 			"version": "6.0.2",
 			"dev": true,
@@ -8710,14 +8428,6 @@
 				"destr": "^2.0.3"
 			}
 		},
-		"node_modules/read-cache": {
-			"version": "1.0.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"pify": "^2.3.0"
-			}
-		},
 		"node_modules/read-pkg": {
 			"version": "6.0.0",
 			"dev": true,
@@ -8929,25 +8639,6 @@
 				"node": ">=0.10.0"
 			}
 		},
-		"node_modules/resolve": {
-			"version": "1.22.10",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"is-core-module": "^2.16.0",
-				"path-parse": "^1.0.7",
-				"supports-preserve-symlinks-flag": "^1.0.0"
-			},
-			"bin": {
-				"resolve": "bin/resolve"
-			},
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
 		"node_modules/resolve-from": {
 			"version": "4.0.0",
 			"dev": true,
@@ -9163,6 +8854,7 @@
 			"version": "4.1.0",
 			"dev": true,
 			"license": "ISC",
+			"peer": true,
 			"engines": {
 				"node": ">=14"
 			},
@@ -9302,20 +8994,7 @@
 			"version": "4.2.3",
 			"dev": true,
 			"license": "MIT",
-			"dependencies": {
-				"emoji-regex": "^8.0.0",
-				"is-fullwidth-code-point": "^3.0.0",
-				"strip-ansi": "^6.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
-		"node_modules/string-width-cjs": {
-			"name": "string-width",
-			"version": "4.2.3",
-			"dev": true,
-			"license": "MIT",
+			"peer": true,
 			"dependencies": {
 				"emoji-regex": "^8.0.0",
 				"is-fullwidth-code-point": "^3.0.0",
@@ -9336,18 +9015,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/strip-ansi-cjs": {
-			"name": "strip-ansi",
-			"version": "6.0.1",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"ansi-regex": "^5.0.1"
-			},
-			"engines": {
-				"node": ">=8"
-			}
-		},
 		"node_modules/strip-indent": {
 			"version": "4.0.0",
 			"dev": true,
@@ -9552,76 +9219,6 @@
 				"node": ">=8"
 			}
 		},
-		"node_modules/sucrase": {
-			"version": "3.35.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@jridgewell/gen-mapping": "^0.3.2",
-				"commander": "^4.0.0",
-				"glob": "^10.3.10",
-				"lines-and-columns": "^1.1.6",
-				"mz": "^2.7.0",
-				"pirates": "^4.0.1",
-				"ts-interface-checker": "^0.1.9"
-			},
-			"bin": {
-				"sucrase": "bin/sucrase",
-				"sucrase-node": "bin/sucrase-node"
-			},
-			"engines": {
-				"node": ">=16 || 14 >=14.17"
-			}
-		},
-		"node_modules/sucrase/node_modules/commander": {
-			"version": "4.1.1",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/sucrase/node_modules/glob": {
-			"version": "10.4.5",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"foreground-child": "^3.1.0",
-				"jackspeak": "^3.1.2",
-				"minimatch": "^9.0.4",
-				"minipass": "^7.1.2",
-				"package-json-from-dist": "^1.0.0",
-				"path-scurry": "^1.11.1"
-			},
-			"bin": {
-				"glob": "dist/esm/bin.mjs"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/sucrase/node_modules/minimatch": {
-			"version": "9.0.5",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"brace-expansion": "^2.0.1"
-			},
-			"engines": {
-				"node": ">=16 || 14 >=14.17"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/isaacs"
-			}
-		},
-		"node_modules/sucrase/node_modules/minipass": {
-			"version": "7.1.2",
-			"dev": true,
-			"license": "ISC",
-			"engines": {
-				"node": ">=16 || 14 >=14.17"
-			}
-		},
 		"node_modules/supports-color": {
 			"version": "7.2.0",
 			"dev": true,
@@ -9649,17 +9246,6 @@
 				"url": "https://github.com/chalk/supports-hyperlinks?sponsor=1"
 			}
 		},
-		"node_modules/supports-preserve-symlinks-flag": {
-			"version": "1.0.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">= 0.4"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/ljharb"
-			}
-		},
 		"node_modules/svelte": {
 			"version": "5.22.6",
 			"license": "MIT",
@@ -10058,97 +9644,11 @@
 			}
 		},
 		"node_modules/tailwindcss": {
-			"version": "3.4.17",
+			"version": "4.1.3",
+			"resolved": "https://registry.npmjs.org/tailwindcss/-/tailwindcss-4.1.3.tgz",
+			"integrity": "sha512-2Q+rw9vy1WFXu5cIxlvsabCwhU2qUwodGq03ODhLJ0jW4ek5BUtoCsnLB0qG+m8AHgEsSJcJGDSDe06FXlP74g==",
 			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"@alloc/quick-lru": "^5.2.0",
-				"arg": "^5.0.2",
-				"chokidar": "^3.6.0",
-				"didyoumean": "^1.2.2",
-				"dlv": "^1.1.3",
-				"fast-glob": "^3.3.2",
-				"glob-parent": "^6.0.2",
-				"is-glob": "^4.0.3",
-				"jiti": "^1.21.6",
-				"lilconfig": "^3.1.3",
-				"micromatch": "^4.0.8",
-				"normalize-path": "^3.0.0",
-				"object-hash": "^3.0.0",
-				"picocolors": "^1.1.1",
-				"postcss": "^8.4.47",
-				"postcss-import": "^15.1.0",
-				"postcss-js": "^4.0.1",
-				"postcss-load-config": "^4.0.2",
-				"postcss-nested": "^6.2.0",
-				"postcss-selector-parser": "^6.1.2",
-				"resolve": "^1.22.8",
-				"sucrase": "^3.35.0"
-			},
-			"bin": {
-				"tailwind": "lib/cli.js",
-				"tailwindcss": "lib/cli.js"
-			},
-			"engines": {
-				"node": ">=14.0.0"
-			}
-		},
-		"node_modules/tailwindcss/node_modules/chokidar": {
-			"version": "3.6.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"anymatch": "~3.1.2",
-				"braces": "~3.0.2",
-				"glob-parent": "~5.1.2",
-				"is-binary-path": "~2.1.0",
-				"is-glob": "~4.0.1",
-				"normalize-path": "~3.0.0",
-				"readdirp": "~3.6.0"
-			},
-			"engines": {
-				"node": ">= 8.10.0"
-			},
-			"funding": {
-				"url": "https://paulmillr.com/funding/"
-			},
-			"optionalDependencies": {
-				"fsevents": "~2.3.2"
-			}
-		},
-		"node_modules/tailwindcss/node_modules/chokidar/node_modules/glob-parent": {
-			"version": "5.1.2",
-			"dev": true,
-			"license": "ISC",
-			"dependencies": {
-				"is-glob": "^4.0.1"
-			},
-			"engines": {
-				"node": ">= 6"
-			}
-		},
-		"node_modules/tailwindcss/node_modules/postcss-selector-parser": {
-			"version": "6.1.2",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"cssesc": "^3.0.0",
-				"util-deprecate": "^1.0.2"
-			},
-			"engines": {
-				"node": ">=4"
-			}
-		},
-		"node_modules/tailwindcss/node_modules/readdirp": {
-			"version": "3.6.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"picomatch": "^2.2.1"
-			},
-			"engines": {
-				"node": ">=8.10.0"
-			}
+			"license": "MIT"
 		},
 		"node_modules/tar": {
 			"version": "6.2.1",
@@ -10171,25 +9671,6 @@
 			"dev": true,
 			"license": "MIT"
 		},
-		"node_modules/thenify": {
-			"version": "3.3.1",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"any-promise": "^1.0.0"
-			}
-		},
-		"node_modules/thenify-all": {
-			"version": "1.6.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"thenify": ">= 3.1.0 < 4"
-			},
-			"engines": {
-				"node": ">=0.8"
-			}
-		},
 		"node_modules/tinyexec": {
 			"version": "0.3.2",
 			"dev": true,
@@ -10246,11 +9727,6 @@
 				"url": "https://github.com/sponsors/wooorm"
 			}
 		},
-		"node_modules/ts-interface-checker": {
-			"version": "0.1.13",
-			"dev": true,
-			"license": "Apache-2.0"
-		},
 		"node_modules/tslib": {
 			"version": "2.8.1",
 			"license": "0BSD"
@@ -10797,96 +10273,6 @@
 			"dev": true,
 			"license": "MIT"
 		},
-		"node_modules/wrap-ansi": {
-			"version": "8.1.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"ansi-styles": "^6.1.0",
-				"string-width": "^5.0.1",
-				"strip-ansi": "^7.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-			}
-		},
-		"node_modules/wrap-ansi-cjs": {
-			"name": "wrap-ansi",
-			"version": "7.0.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"ansi-styles": "^4.0.0",
-				"string-width": "^4.1.0",
-				"strip-ansi": "^6.0.0"
-			},
-			"engines": {
-				"node": ">=10"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/wrap-ansi?sponsor=1"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/ansi-regex": {
-			"version": "6.1.0",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-regex?sponsor=1"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/ansi-styles": {
-			"version": "6.2.1",
-			"dev": true,
-			"license": "MIT",
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/ansi-styles?sponsor=1"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/emoji-regex": {
-			"version": "9.2.2",
-			"dev": true,
-			"license": "MIT"
-		},
-		"node_modules/wrap-ansi/node_modules/string-width": {
-			"version": "5.1.2",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"eastasianwidth": "^0.2.0",
-				"emoji-regex": "^9.2.2",
-				"strip-ansi": "^7.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/sponsors/sindresorhus"
-			}
-		},
-		"node_modules/wrap-ansi/node_modules/strip-ansi": {
-			"version": "7.1.0",
-			"dev": true,
-			"license": "MIT",
-			"dependencies": {
-				"ansi-regex": "^6.0.1"
-			},
-			"engines": {
-				"node": ">=12"
-			},
-			"funding": {
-				"url": "https://github.com/chalk/strip-ansi?sponsor=1"
-			}
-		},
 		"node_modules/wrappy": {
 			"version": "1.0.2",
 			"dev": true,
diff --git a/frontend/package.json b/frontend/package.json
index 8cdfe1df4e..c768bfc4e4 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -64,7 +64,7 @@
 		"svelte-range-slider-pips": "^2.3.1",
 		"svelte-splitpanes": "^8.0.9",
 		"svelte2tsx": "^0.6.16",
-		"tailwindcss": "^3.4.1",
+		"tailwindcss": "^4.1.3",
 		"tslib": "^2.6.1",
 		"typescript": "^5.5.0",
 		"vite": "^6.2.1",
diff --git a/frontend/src/app.html b/frontend/src/app.html
index 718800105a..1ced1ff662 100644
--- a/frontend/src/app.html
+++ b/frontend/src/app.html
@@ -25,7 +25,7 @@
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
 		%sveltekit.head%
 	</head>
-	<body data-sveltekit-preload-code="viewport" class="outline-none focus:outline-none">
+	<body data-sveltekit-preload-code="viewport" class="outline-hidden focus:outline-hidden">
 		<div style="display: contents">
 			<div id="svelte-global-loader">
 				<div id="mainbg" style="position: absolute; bottom: 0; left: 0; width: 100%; height: 100vh">
diff --git a/frontend/src/lib/assets/app.css b/frontend/src/lib/assets/app.css
index 6084940236..ce921fa6eb 100644
--- a/frontend/src/lib/assets/app.css
+++ b/frontend/src/lib/assets/app.css
@@ -1,9 +1,21 @@
+@import 'tailwindcss';
+
 @config "../../../tailwind.config.cjs";
 
 /* Write your global styles here, in PostCSS syntax */
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+
+@utility no-scrollbar {
+  @layer utilities {
+    /* Hide scrollbar for Chrome, Safari and Opera */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+
+    /* Hide scrollbar for IE, Edge and Firefox */
+    -ms-overflow-style: none; /* IE and Edge */
+    scrollbar-width: none; /* Firefox */
+  }
+}
 
 @layer base {
 	*,
@@ -49,38 +61,23 @@
 	}
 
 	.autocomplete-list-item-create {
-		@apply !text-primary-inverse !bg-surface-inverse;
+		@apply text-primary-inverse! bg-surface-inverse!;
 	}
 
 	.autocomplete-list-item {
-		@apply !text-primary !bg-surface text-xs;
+		@apply text-primary! bg-surface! text-xs;
 	}
 
 	.autocomplete-list-item.selected {
-		@apply !text-primary-inverse !bg-surface-inverse;
+		@apply text-primary-inverse! bg-surface-inverse!;
 	}
 
 	.autocomplete-list-item.selected.confirmed {
-		@apply !text-primary-inverse !bg-surface-inverse;
+		@apply text-primary-inverse! bg-surface-inverse!;
 	}
 
 	.autocomplete-list {
-		@apply !bg-surface;
-	}
-}
-
-@layer utilities {
-	@variants responsive {
-		/* Hide scrollbar for Chrome, Safari and Opera */
-		.no-scrollbar::-webkit-scrollbar {
-			display: none;
-		}
-
-		/* Hide scrollbar for IE, Edge and Firefox */
-		.no-scrollbar {
-			-ms-overflow-style: none; /* IE and Edge */
-			scrollbar-width: none; /* Firefox */
-		}
+		@apply bg-surface!;
 	}
 }
 
@@ -118,10 +115,10 @@ svelte-virtual-list-contents > * + * {
 }
 
 .app-editor-input {
-	@apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 focus:dark:border-gray-500 focus:!ring-1 focus:!ring-blue-300;
+	@apply rounded-component border border-gray-300 dark:border-gray-500 focus:border-gray-300 dark:focus:border-gray-500 focus:ring-1! focus:ring-blue-300!;
 	@apply placeholder:text-gray-400 dark:placeholder:text-gray-200;
 	@apply bg-surface;
-	@apply disabled:placeholder:text-gray-200 disabled:placeholder:dark:text-gray-500 disabled:text-gray-200 disabled:dark:text-gray-500 disabled:border-gray-200 disabled:dark:border-gray-600;
+	@apply disabled:placeholder:text-gray-200 dark:disabled:placeholder:text-gray-500 disabled:text-gray-200 dark:disabled:text-gray-500 disabled:border-gray-200 dark:disabled:border-gray-600;
 }
 
 .nonmain-editor .cursor.monaco-mouse-cursor-text {
diff --git a/frontend/src/lib/components/ApiConnectForm.svelte b/frontend/src/lib/components/ApiConnectForm.svelte
index 877a5aef08..ea09c1c381 100644
--- a/frontend/src/lib/components/ApiConnectForm.svelte
+++ b/frontend/src/lib/components/ApiConnectForm.svelte
@@ -518,7 +518,7 @@
 																	<td class="py-2">
 																		{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
 																			<span
-																				class="inline-flex items-center px-2 py-0.5 rounded text-xs"
+																				class="inline-flex items-center px-2 py-0.5 rounded-xs text-xs"
 																				style="background-color: {$userWorkspaces.find(
 																					(w) => w.id === installation.workspace_id
 																				)?.color}20; color: {$userWorkspaces.find(
@@ -589,7 +589,7 @@
 																	<td class="py-2">
 																		{#if $userWorkspaces.find((w) => w.id === installation.workspace_id)?.color}
 																			<span
-																				class="inline-flex items-center px-2 py-0.5 rounded text-xs"
+																				class="inline-flex items-center px-2 py-0.5 rounded-xs text-xs"
 																				style="background-color: {$userWorkspaces.find(
 																					(w) => w.id === installation.workspace_id
 																				)?.color}20; color: {$userWorkspaces.find(
@@ -689,7 +689,7 @@
 	{#if !emptyString(error)}<span class="text-red-400 text-xs mb-1 flex flex-row-reverse"
 			>{error}</span
 		>{:else}<div class="py-2"></div>{/if}
-	<div class="h-full w-full border p-1 rounded">
+	<div class="h-full w-full border p-1 rounded-xs">
 		{#await import('$lib/components/SimpleEditor.svelte')}
 			<Loader2 class="animate-spin" />
 		{:then Module}
@@ -707,7 +707,7 @@
 		File content ({resourceTypeInfo.format_extension})
 	</h5>
 	<div class="py-2"></div>
-	<div class="h-full w-full border p-1 rounded">
+	<div class="h-full w-full border p-1 rounded-xs">
 		{#await import('$lib/components/SimpleEditor.svelte')}
 			<Loader2 class="animate-spin" />
 		{:then Module}
diff --git a/frontend/src/lib/components/AppConnectInner.svelte b/frontend/src/lib/components/AppConnectInner.svelte
index 6f73fff916..37fc968c4f 100644
--- a/frontend/src/lib/components/AppConnectInner.svelte
+++ b/frontend/src/lib/components/AppConnectInner.svelte
@@ -416,7 +416,7 @@
 						size="sm"
 						variant="border"
 						color={key === resourceType ? 'blue' : 'light'}
-						btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+						btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
 						on:click={() => {
 							manual = false
 							resourceType = key
@@ -466,7 +466,7 @@
 							size="sm"
 							variant="border"
 							color={key === resourceType ? 'blue' : 'light'}
-							btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+							btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
 							on:click={() => {
 								manual = true
 								resourceType = key
@@ -490,7 +490,7 @@
 							size="sm"
 							variant="border"
 							color={key === resourceType ? 'blue' : 'light'}
-							btnClasses={key === resourceType ? '!border-2' : 'm-[1px]'}
+							btnClasses={key === resourceType ? 'border-2!' : 'm-[1px]'}
 							on:click={() => {
 								manual = true
 								resourceType = key
diff --git a/frontend/src/lib/components/ArgEnum.svelte b/frontend/src/lib/components/ArgEnum.svelte
index 2cd5501c1c..98c0abed5d 100644
--- a/frontend/src/lib/components/ArgEnum.svelte
+++ b/frontend/src/lib/components/ArgEnum.svelte
@@ -40,14 +40,14 @@
 			)}
 			value={value ?? defaultValue}
 			hideArrow={true}
-			dropdownClassName="!text-sm !py-2 !rounded-sm !border-gray-200 !border !shadow-md !bg-surface-primary"
+			dropdownClassName="text-sm! py-2! rounded-xs! border-gray-200! border! shadow-md! bg-surface-primary!"
 			className="w-full"
 			noInputStyles
 			onFocus={() => {
 				dispatch('focus')
 			}}
 			onBlur={() => {
-				dispatch('blur')
+				dispatch('blur-xs')
 			}}
 			{create}
 			{required}
diff --git a/frontend/src/lib/components/ArgInput.svelte b/frontend/src/lib/components/ArgInput.svelte
index c296b047b4..12b520db04 100644
--- a/frontend/src/lib/components/ArgInput.svelte
+++ b/frontend/src/lib/components/ArgInput.svelte
@@ -530,8 +530,8 @@
 					{#if Array.isArray(itemsType?.multiselect) && Array.isArray(value)}
 						<div class="items-start">
 							<Multiselect
-								ulOptionsClass={'p-2 !bg-surface-secondary'}
-								outerDivClass={'dark:!border-gray-500 !border-gray-300'}
+								ulOptionsClass={'p-2 bg-surface-secondary!'}
+								outerDivClass={'dark:border-gray-500! border-gray-300!'}
 								{disabled}
 								bind:selected={value}
 								options={itemsType?.multiselect ?? []}
@@ -544,8 +544,8 @@
 					{:else if itemsType?.enum != undefined && Array.isArray(itemsType?.enum) && Array.isArray(value)}
 						<div class="items-start">
 							<Multiselect
-								ulOptionsClass={'p-2 !bg-surface-secondary'}
-								outerDivClass={'dark:!border-gray-500 !border-gray-300'}
+								ulOptionsClass={'p-2 bg-surface-secondary!'}
+								outerDivClass={'dark:border-gray-500! border-gray-300!'}
 								{disabled}
 								bind:selected={value}
 								options={itemsType?.enum ?? []}
@@ -588,7 +588,7 @@
 															dispatch('focus')
 														}}
 														on:blur={(e) => {
-															dispatch('blur')
+															dispatch('blur-xs')
 														}}
 														{defaultValue}
 														{valid}
@@ -615,7 +615,7 @@
 																dispatch('focus')
 															}}
 															on:blur={(e) => {
-																dispatch('blur')
+																dispatch('blur-xs')
 															}}
 															code={JSON.stringify(v, null, 2)}
 															bind:value={value[i]}
@@ -750,7 +750,7 @@
 								dispatch('focus')
 							}}
 							on:blur={(e) => {
-								dispatch('blur')
+								dispatch('blur-xs')
 							}}
 							code={JSON.stringify(value ?? defaultValue ?? { s3: '' }, null, 2)}
 							on:changeValue={(e) => {
@@ -821,7 +821,7 @@
 							{@const obj = oneOf[objIdx]}
 							{#if obj && obj.properties && Object.keys(obj.properties).length > 0}
 								{#key redraw}
-									<div class="py-4 pr-2 pl-6 border rounded w-full">
+									<div class="py-4 pr-2 pl-6 border rounded-xs w-full">
 										{#if orderEditable}
 											<SchemaFormDnd
 												{nestedClasses}
@@ -886,7 +886,7 @@
 											dispatch('focus')
 										}}
 										on:blur={(e) => {
-											dispatch('blur')
+											dispatch('blur-xs')
 										}}
 										code={rawValue}
 										on:changeValue={(e) => {
@@ -908,7 +908,7 @@
 									dispatch('focus')
 								}}
 								on:blur={(e) => {
-									dispatch('blur')
+									dispatch('blur-xs')
 								}}
 								code={rawValue}
 								on:change={(e) => {
@@ -995,7 +995,7 @@
 							dispatch('focus')
 						}}
 						on:blur={(e) => {
-							dispatch('blur')
+							dispatch('blur-xs')
 						}}
 						code={rawValue}
 						on:changeValue={(e) => {
@@ -1032,7 +1032,7 @@
 						dispatch('focus')
 					}}
 					on:blur={(e) => {
-						dispatch('blur')
+						dispatch('blur-xs')
 					}}
 					enumLabels={extra['enumLabels']}
 				/>
@@ -1056,7 +1056,7 @@
 								dispatch('focus')
 							}}
 							on:blur={(e) => {
-								dispatch('blur')
+								dispatch('blur-xs')
 							}}
 							on:change={(e) => {
 								setNewValueFromCode(e.detail?.code)
@@ -1136,7 +1136,7 @@
 									dispatch('focus')
 								}}
 								on:blur={(e) => {
-									dispatch('blur')
+									dispatch('blur-xs')
 								}}
 								use:autosize
 								on:keydown={onKeyDown}
@@ -1154,14 +1154,14 @@
 						{#if !disabled && itemPicker && extra?.['disableVariablePicker'] != true}
 							<!-- svelte-ignore a11y-click-events-have-key-events -->
 							<button
-								class="absolute right-1 top-1 py-1 min-w-min !px-2 items-center text-gray-800 bg-surface-secondary border rounded center-center hover:bg-gray-300 transition-all cursor-pointer"
+								class="absolute right-1 top-1 py-1 min-w-min px-2! items-center text-gray-800 bg-surface-secondary border rounded-xs center-center hover:bg-gray-300 transition-all cursor-pointer"
 								on:click={() => {
 									pickForField = label
 									itemPicker?.openDrawer?.()
 								}}
 								title="Insert a Variable"
 							>
-								<DollarSign class="!text-tertiary" size={14} />
+								<DollarSign class="text-tertiary!" size={14} />
 							</button>
 						{/if}
 					{/if}
diff --git a/frontend/src/lib/components/AssignableTagsInner.svelte b/frontend/src/lib/components/AssignableTagsInner.svelte
index 1f374fc343..214b81aae7 100644
--- a/frontend/src/lib/components/AssignableTagsInner.svelte
+++ b/frontend/src/lib/components/AssignableTagsInner.svelte
@@ -36,7 +36,7 @@
 		<div class="flex flex-col gap-y-1">
 			{#each customTags as customTag}
 				<div class="flex gap-0.5 items-center"
-					><div class="text-2xs p-1 rounded border text-primary">{customTag}</div>
+					><div class="text-2xs p-1 rounded-xs border text-primary">{customTag}</div>
 					<button
 						class="z-10 rounded-full p-1 duration-200 hover:bg-gray-200"
 						aria-label="Remove item"
diff --git a/frontend/src/lib/components/Auth0Setting.svelte b/frontend/src/lib/components/Auth0Setting.svelte
index e3d4eb46ef..d33c8acea3 100644
--- a/frontend/src/lib/components/Auth0Setting.svelte
+++ b/frontend/src/lib/components/Auth0Setting.svelte
@@ -48,7 +48,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="p-2 rounded border">
+		<div class="p-2 rounded-xs border">
 			<label class="block pb-2">
 				<div class="flex gap-2 items-end">
 					<div>
diff --git a/frontend/src/lib/components/AuthSettings.svelte b/frontend/src/lib/components/AuthSettings.svelte
index 79677dd941..d6b0e48f35 100644
--- a/frontend/src/lib/components/AuthSettings.svelte
+++ b/frontend/src/lib/components/AuthSettings.svelte
@@ -107,7 +107,7 @@
 									}}
 								/>
 							</div>
-							<div class="p-2 border rounded">
+							<div class="p-2 border rounded-xs">
 								<label class="block pb-2">
 									<span class="text-primary font-semibold text-sm">Custom Name</span>
 									<input
@@ -191,7 +191,7 @@
 								}}
 							/>
 						</div>
-						<div class="p-2 border rounded">
+						<div class="p-2 border rounded-xs">
 							<label class="block pb-2">
 								<span class="text-primary font-semibold text-sm">Client Id</span>
 								<input type="text" placeholder="Client Id" bind:value={oauths[k]['id']} />
diff --git a/frontend/src/lib/components/AutheliaSetting.svelte b/frontend/src/lib/components/AutheliaSetting.svelte
index 3392b056b6..b149fa8354 100644
--- a/frontend/src/lib/components/AutheliaSetting.svelte
+++ b/frontend/src/lib/components/AutheliaSetting.svelte
@@ -45,7 +45,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-2">
+		<div class="border rounded-xs p-2">
 			<label class="block pb-2">
 				<span class="text-primary font-semibold text-sm"
 					>Authelia Url ({'AUTHELIA_URL/api/oidc/authorization'})</span
diff --git a/frontend/src/lib/components/AuthentikSetting.svelte b/frontend/src/lib/components/AuthentikSetting.svelte
index 8936905a16..e366f04d0f 100644
--- a/frontend/src/lib/components/AuthentikSetting.svelte
+++ b/frontend/src/lib/components/AuthentikSetting.svelte
@@ -45,7 +45,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-2">
+		<div class="border rounded-xs p-2">
 			<label class="block pb-2">
 				<span class="text-primary font-semibold text-sm"
 					>Authentik Url ({'AUTHENTIK_HOST/application/o/authorize/'})</span
diff --git a/frontend/src/lib/components/AutoscalingConfigEditor.svelte b/frontend/src/lib/components/AutoscalingConfigEditor.svelte
index d25f6a8d01..41ca387543 100644
--- a/frontend/src/lib/components/AutoscalingConfigEditor.svelte
+++ b/frontend/src/lib/components/AutoscalingConfigEditor.svelte
@@ -205,7 +205,7 @@
 						{#if config}
 							{#if config.custom_tags}
 								<MultiSelect
-									outerDivClass="text-secondary !bg-surface-disabled !border-0"
+									outerDivClass="text-secondary bg-surface-disabled! border-0!"
 									selected={config.custom_tags}
 									on:change={(e) => {
 										console.log(e.detail.type, config?.custom_tags)
@@ -232,7 +232,7 @@
 									}}
 									options={worker_tags ?? []}
 									selectedOptionsDraggable={false}
-									ulOptionsClass={'!bg-surface-secondary'}
+									ulOptionsClass={'bg-surface-secondary!'}
 									placeholder="Tags"
 								/>
 							{:else}
@@ -333,7 +333,7 @@
 				<div class="flex flex-row gap-2 mt-4">
 					<Button color="light" size="xs" variant="contained">Test scaling</Button>
 					<div class="flex text-xs flex-row gap-2 items-center">
-						<input class="!w-16" type="number" bind:value={test_input} />
+						<input class="w-16!" type="number" bind:value={test_input} />
 						workers
 					</div>
 				</div>
diff --git a/frontend/src/lib/components/Badge.svelte b/frontend/src/lib/components/Badge.svelte
index 11042b4f1e..2f6ba43eba 100644
--- a/frontend/src/lib/components/Badge.svelte
+++ b/frontend/src/lib/components/Badge.svelte
@@ -5,7 +5,7 @@
 	export let tooltip: string | undefined = undefined
 </script>
 
-<span class="{twBgColor} {twTextColor} text-2xs rounded px-1 whitespace-nowrap">
+<span class="{twBgColor} {twTextColor} text-2xs rounded-xs px-1 whitespace-nowrap">
 	<slot />
 	{#if tooltip && tooltip != ''}
 		<Tooltip>{tooltip}</Tooltip>
diff --git a/frontend/src/lib/components/CronInput.svelte b/frontend/src/lib/components/CronInput.svelte
index 986a26de2e..813fc9046c 100644
--- a/frontend/src/lib/components/CronInput.svelte
+++ b/frontend/src/lib/components/CronInput.svelte
@@ -306,7 +306,7 @@
 										options={monthsOfYearOptions}
 										selectedOptionsDraggable={false}
 										placeholder="Every month"
-										ulOptionsClass={'!bg-surface-secondary'}
+										ulOptionsClass={'bg-surface-secondary!'}
 									/>
 								</div>
 							{/if}
@@ -319,7 +319,7 @@
 										options={daysOfWeekOptions}
 										selectedOptionsDraggable={false}
 										placeholder="Every day"
-										ulOptionsClass={'!bg-surface-secondary'}
+										ulOptionsClass={'bg-surface-secondary!'}
 									/>
 								</div>
 							{/if}
@@ -337,7 +337,7 @@
 												options={daysOfMonthOptions}
 												selectedOptionsDraggable={false}
 												placeholder="Every day"
-												ulOptionsClass={'!bg-surface-secondary'}
+												ulOptionsClass={'bg-surface-secondary!'}
 											/>
 										</div>
 
diff --git a/frontend/src/lib/components/CustomPopover.svelte b/frontend/src/lib/components/CustomPopover.svelte
index 22d58b2813..265acc3df1 100644
--- a/frontend/src/lib/components/CustomPopover.svelte
+++ b/frontend/src/lib/components/CustomPopover.svelte
@@ -74,7 +74,7 @@
 			use:popperContent={popperOptions}
 			on:mouseenter={open}
 			on:mouseleave={close}
-			class="z-[5001] border rounded-lg shadow-lg {noPadding ? '' : 'p-4'} bg-surface"
+			class="z-5001 border rounded-lg shadow-lg {noPadding ? '' : 'p-4'} bg-surface"
 		>
 			<slot name="overlay" />
 		</div>
diff --git a/frontend/src/lib/components/DateInput.svelte b/frontend/src/lib/components/DateInput.svelte
index dec411f6cc..7b73a177d9 100644
--- a/frontend/src/lib/components/DateInput.svelte
+++ b/frontend/src/lib/components/DateInput.svelte
@@ -76,7 +76,7 @@
 		type="date"
 		bind:value={date}
 		{autofocus}
-		class="!w-full app-editor-input"
+		class="w-full! app-editor-input"
 		min={minDate}
 		max={maxDate}
 		on:change={() => {
diff --git a/frontend/src/lib/components/DateTimeInput.svelte b/frontend/src/lib/components/DateTimeInput.svelte
index 3386a0241e..85a7d2a6ab 100644
--- a/frontend/src/lib/components/DateTimeInput.svelte
+++ b/frontend/src/lib/components/DateTimeInput.svelte
@@ -79,14 +79,14 @@
 		bind:value={date}
 		{autofocus}
 		{disabled}
-		class={twMerge('h-8 text-sm !w-3/4 ', inputClass)}
+		class={twMerge('h-8 text-sm w-3/4! ', inputClass)}
 		min={minDate}
 		max={maxDate}
 	/>
 	<input
 		type="time"
 		bind:value={time}
-		class={twMerge('h-8 text-sm !w-1/4 min-w-[100px] ', inputClass)}
+		class={twMerge('h-8 text-sm w-1/4! min-w-[100px] ', inputClass)}
 		{disabled}
 	/>
 	<Button
diff --git a/frontend/src/lib/components/DefaultScripts.svelte b/frontend/src/lib/components/DefaultScripts.svelte
index c53c590954..26851096f4 100644
--- a/frontend/src/lib/components/DefaultScripts.svelte
+++ b/frontend/src/lib/components/DefaultScripts.svelte
@@ -24,7 +24,7 @@
 		startIcon={{ icon: SettingsIcon }}
 		color="light"
 		{size}
-		btnClasses="!text-tertiary"
+		btnClasses="text-tertiary!"
 		variant="contained"
 	>
 		{noText ? '' : 'defaults'}
diff --git a/frontend/src/lib/components/DefaultTagsInner.svelte b/frontend/src/lib/components/DefaultTagsInner.svelte
index bc2fc14fba..7ee7470112 100644
--- a/frontend/src/lib/components/DefaultTagsInner.svelte
+++ b/frontend/src/lib/components/DefaultTagsInner.svelte
@@ -49,7 +49,7 @@
 		<div class="flex flex-col gap-y-1">
 			{#each defaultTags.sort() as tag (tag)}
 				<div class="flex gap-2 items-center"
-					><div class="p-1 text-xs px-2 rounded border text-primary w-32">{tag} </div><div
+					><div class="p-1 text-xs px-2 rounded-xs border text-primary w-32">{tag} </div><div
 						class="flex gap-2 items-center w-92"
 						>&rightarrow;
 						<input
diff --git a/frontend/src/lib/components/DeployButton.svelte b/frontend/src/lib/components/DeployButton.svelte
index 22d0ef473f..53f2cb22f4 100644
--- a/frontend/src/lib/components/DeployButton.svelte
+++ b/frontend/src/lib/components/DeployButton.svelte
@@ -55,7 +55,7 @@
 >
 	Deploy
 	<svelte:fragment slot="tooltip">
-		<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-[5001]">
+		<div class="flex flex-row gap-2 w-80 p-4 bg-surface rounded-lg shadow-lg border z-5001">
 			<input
 				type="text"
 				placeholder="Deployment message"
diff --git a/frontend/src/lib/components/Dev.svelte b/frontend/src/lib/components/Dev.svelte
index 9e72afec65..ca02ed211a 100644
--- a/frontend/src/lib/components/Dev.svelte
+++ b/frontend/src/lib/components/Dev.svelte
@@ -607,7 +607,7 @@
 				>
 			</div>
 
-			<div class="absolute top-2 right-2 !text-tertiary text-xs">
+			<div class="absolute top-2 right-2 text-tertiary! text-xs">
 				{#if $userStore != undefined}
 					As {$userStore?.username} in {$workspaceStore}
 				{:else}
diff --git a/frontend/src/lib/components/DisplayResult.svelte b/frontend/src/lib/components/DisplayResult.svelte
index 09ae37c888..32261fe797 100644
--- a/frontend/src/lib/components/DisplayResult.svelte
+++ b/frontend/src/lib/components/DisplayResult.svelte
@@ -552,7 +552,7 @@
 										Warning
 									</div>
 									<p
-										class="text-tertiary mb-2 text-left border-2 !border-t-0 rounded-b border-red-400 overflow-auto p-1"
+										class="text-tertiary mb-2 text-left border-2 border-t-0! rounded-b border-red-400 overflow-auto p-1"
 										>Rendering HTML can expose you to <a
 											href="https://owasp.org/www-community/attacks/xss/"
 											target="_blank"
@@ -641,7 +641,7 @@
 					</div>
 				{:else if !forceJson && resultKind === 'error' && result?.error}
 					<div class="flex flex-col items-start">
-						<span class="text-red-500 pt-2 font-semibold !text-xs whitespace-pre-wrap"
+						<span class="text-red-500 pt-2 font-semibold text-xs! whitespace-pre-wrap"
 							>{#if result.error.name || result.error.message}{result.error.name}: {result.error
 									.message}{:else}{JSON.stringify(result.error, null, 4)}{/if}</span
 						>
@@ -875,7 +875,7 @@
 						</div>
 					</div>
 				{:else if !forceJson && resultKind === 'markdown'}
-					<div class="prose-xs dark:prose-invert !list-disc !list-outside">
+					<div class="prose-xs dark:prose-invert list-disc! list-outside!">
 						<Markdown md={result?.md ?? result?.markdown} />
 					</div>
 				{:else if largeObject || hasBigInt}
diff --git a/frontend/src/lib/components/DropdownV2.svelte b/frontend/src/lib/components/DropdownV2.svelte
index 7a7f6a3beb..7cb40a7760 100644
--- a/frontend/src/lib/components/DropdownV2.svelte
+++ b/frontend/src/lib/components/DropdownV2.svelte
@@ -106,9 +106,9 @@
 </button>
 
 {#if open && !hidePopup}
-	<div use:melt={$menu} data-menu class="z-[6000]">
+	<div use:melt={$menu} data-menu class="z-6000">
 		<div
-			class="bg-surface border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto py-1 max-h-[50vh]"
+			class="bg-surface border w-56 origin-top-right rounded-md shadow-md focus:outline-hidden overflow-y-auto py-1 max-h-[50vh]"
 		>
 			<DropdownV2Inner items={computeItems} meltItem={item} />
 		</div>
diff --git a/frontend/src/lib/components/DropdownV2Inner.svelte b/frontend/src/lib/components/DropdownV2Inner.svelte
index 1566e146d0..85adc5faf7 100644
--- a/frontend/src/lib/components/DropdownV2Inner.svelte
+++ b/frontend/src/lib/components/DropdownV2Inner.svelte
@@ -28,12 +28,12 @@
 				disabled={item?.disabled}
 				class={twMerge(
 					'px-4 py-2 text-primary font-semibold hover:bg-surface-hover cursor-pointer text-xs transition-all',
-					'data-[highlighted]:bg-surface-hover',
+					'data-highlighted:bg-surface-hover',
 					'flex flex-row gap-2 items-center',
 					item?.disabled && 'text-gray-400 cursor-not-allowed',
 					item?.type === 'delete' &&
 						!item?.disabled &&
-						'text-red-500 hover:bg-red-100 hover:text-red-500 data-[highlighted]:text-red-500 data-[highlighted]:bg-red-100'
+						'text-red-500 hover:bg-red-100 hover:text-red-500 data-highlighted:text-red-500 data-highlighted:bg-red-100'
 				)}
 				item={meltItem}
 			>
diff --git a/frontend/src/lib/components/EditableSchemaForm.svelte b/frontend/src/lib/components/EditableSchemaForm.svelte
index d472779945..6a0627f7d1 100644
--- a/frontend/src/lib/components/EditableSchemaForm.svelte
+++ b/frontend/src/lib/components/EditableSchemaForm.svelte
@@ -246,7 +246,7 @@
 </script>
 
 <div class="w-full h-full">
-	<div class="relative z-[100000]">
+	<div class="relative z-100000">
 		<div
 			class="absolute"
 			style="right: calc({editPanelSize}% - 1px - {pannelExtraButtonWidth}px); top: 0px;"
@@ -389,7 +389,7 @@
 																	<div class="flex flex-col gap-2">
 																		<input
 																			type="text"
-																			class="w-full !bg-surface"
+																			class="w-full bg-surface!"
 																			value={argName}
 																			id={argName + i}
 																			on:keydown={(event) => {
@@ -611,7 +611,7 @@
 						</div>
 					{:else}
 						<div class="p-2">
-							<div class="border rounded h-full">
+							<div class="border rounded-xs h-full">
 								<SimpleEditor
 									bind:this={editor}
 									small
diff --git a/frontend/src/lib/components/Editor.svelte b/frontend/src/lib/components/Editor.svelte
index c03666b2fe..d42634bbc3 100644
--- a/frontend/src/lib/components/Editor.svelte
+++ b/frontend/src/lib/components/Editor.svelte
@@ -1186,7 +1186,7 @@
 		})
 
 		editor?.onDidBlurEditorText(() => {
-			dispatch('blur')
+			dispatch('blur-xs')
 		})
 
 		editor?.onDidFocusEditorText(() => {
diff --git a/frontend/src/lib/components/EditorBar.svelte b/frontend/src/lib/components/EditorBar.svelte
index 14fe08e45e..1ee3f964b5 100644
--- a/frontend/src/lib/components/EditorBar.svelte
+++ b/frontend/src/lib/components/EditorBar.svelte
@@ -598,7 +598,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 					color="light"
 					on:click={contextualVariablePicker.openDrawer}
 					size="xs"
-					btnClasses="!font-medium text-tertiary"
+					btnClasses="font-medium! text-tertiary"
 					spacingSize="md"
 					startIcon={{ icon: DollarSign }}
 					{iconOnly}
@@ -609,7 +609,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 				<Button
 					title="Add variable"
 					color="light"
-					btnClasses="!font-medium text-tertiary"
+					btnClasses="font-medium! text-tertiary"
 					on:click={variablePicker.openDrawer}
 					size="xs"
 					spacingSize="md"
@@ -623,7 +623,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{#if showResourcePicker && customUi?.resource != false}
 				<Button
 					title="Add resource"
-					btnClasses="!font-medium text-tertiary"
+					btnClasses="font-medium! text-tertiary"
 					size="xs"
 					spacingSize="md"
 					color="light"
@@ -638,7 +638,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{#if showResourceTypePicker && customUi?.type != false}
 				<Button
 					title="Add resource type"
-					btnClasses="!font-medium text-tertiary"
+					btnClasses="font-medium! text-tertiary"
 					size="xs"
 					spacingSize="md"
 					color="light"
@@ -653,7 +653,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{#if customUi?.reset != false}
 				<Button
 					title="Reset Content"
-					btnClasses="!font-medium text-tertiary"
+					btnClasses="font-medium! text-tertiary"
 					size="xs"
 					spacingSize="md"
 					color="light"
@@ -668,7 +668,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 			{#if customUi?.assistants != false}
 				{#if lang == 'deno' || lang == 'python3' || lang == 'go' || lang == 'bash' || lang == 'nu'}
 					<Button
-						btnClasses="!font-medium text-tertiary"
+						btnClasses="font-medium! text-tertiary"
 						size="xs"
 						spacingSize="md"
 						color="light"
@@ -733,7 +733,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 					{#if collabLive}
 						<button
 							title="Show invite link"
-							class="p-1 rounded hover:bg-gray-400 mx-1 border"
+							class="p-1 rounded-xs hover:bg-gray-400 mx-1 border"
 							on:click={() => dispatch('collabPopup')}><Link size={14} /></button
 						>
 						<div class="isolate flex -space-x-2 pl-2">
@@ -764,7 +764,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 		<slot name="right" />
 		{#if scriptPath && !noHistory}
 			<Button
-				btnClasses="!font-medium text-tertiary"
+				btnClasses="font-medium! text-tertiary"
 				size="xs"
 				spacingSize="md"
 				color="light"
@@ -778,7 +778,7 @@ JsonNode ${windmillPathToCamelCaseName(path)} = JsonNode.Parse(await client.GetS
 		{/if}
 		{#if SCRIPT_EDITOR_SHOW_EXPLORE_OTHER_SCRIPTS && customUi?.library != false}
 			<Button
-				btnClasses="!font-medium text-tertiary"
+				btnClasses="font-medium! text-tertiary"
 				size="xs"
 				spacingSize="md"
 				color="light"
diff --git a/frontend/src/lib/components/ErrorOrRecoveryHandler.svelte b/frontend/src/lib/components/ErrorOrRecoveryHandler.svelte
index 6c3b4790ba..ddd2a443d2 100644
--- a/frontend/src/lib/components/ErrorOrRecoveryHandler.svelte
+++ b/frontend/src/lib/components/ErrorOrRecoveryHandler.svelte
@@ -440,11 +440,11 @@
 	</span>
 	{#if workspaceConnectedToTeams}
 		<div class="w-2/3 flex flex-row items-center gap-2">
-			<div class="pt-1 flex-shrink-0">
+			<div class="pt-1 shrink-0">
 				<MsTeamsIcon height="24px" width="24px" />
 			</div>
 			<p class="text-sm">Teams Channel</p>
-			<div class="flex-grow">
+			<div class="grow">
 				<select class="w-full" bind:value={handlerExtraArgs['channel']}>
 					{#if teams_channels.length === 0}
 						<option value="" disabled selected>Bot not connected to any channel</option>
@@ -458,7 +458,7 @@
 					{/if}
 				</select>
 			</div>
-			<div class="flex-shrink-0">
+			<div class="shrink-0">
 				<button on:click={loadTeamsResources} class="flex items-center gap-1 mt-2">
 					<RefreshCcw size={16} class={isFetching ? 'animate-spin' : ''} />
 				</button>
diff --git a/frontend/src/lib/components/FieldHeader.svelte b/frontend/src/lib/components/FieldHeader.svelte
index 2bbbacf198..136df578b4 100644
--- a/frontend/src/lib/components/FieldHeader.svelte
+++ b/frontend/src/lib/components/FieldHeader.svelte
@@ -33,7 +33,7 @@
 		{/if}
 	</span>
 	{#if !disabled}
-		<Required {required} class="!ml-0" />
+		<Required {required} class="ml-0!" />
 	{/if}
 
 	{#if displayType}
diff --git a/frontend/src/lib/components/FirstStepInputs.svelte b/frontend/src/lib/components/FirstStepInputs.svelte
index e492e762f1..56b29b7306 100644
--- a/frontend/src/lib/components/FirstStepInputs.svelte
+++ b/frontend/src/lib/components/FirstStepInputs.svelte
@@ -73,7 +73,7 @@
 	{#if schema && mod}
 		<button
 			class={twMerge(
-				'w-full shadow-md rounded-sm',
+				'w-full shadow-md rounded-xs',
 				selected ? 'bg-surface-selected' : 'hover:bg-surface-hover'
 			)}
 			disabled={!schema}
diff --git a/frontend/src/lib/components/FlowBuilder.svelte b/frontend/src/lib/components/FlowBuilder.svelte
index 8854901c0f..b4ad4e62a3 100644
--- a/frontend/src/lib/components/FlowBuilder.svelte
+++ b/frontend/src/lib/components/FlowBuilder.svelte
@@ -1291,7 +1291,7 @@
 				class="justify-between flex flex-row items-center pl-2.5 pr-6 space-x-4 scrollbar-hidden overflow-x-auto max-h-12 h-full relative"
 			>
 				{#if $copilotCurrentStepStore !== undefined}
-					<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-[900] !m-0"
+					<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-900 m-0!"
 					></div>
 				{/if}
 				<div class="flex w-full max-w-md gap-4 items-center">
@@ -1363,7 +1363,7 @@
 								>
 									<Badge
 										color="gray"
-										class="center-center !bg-gray-300 !text-tertiary dark:!bg-gray-700 dark:!text-gray-300 !h-[28px]  !w-[70px] rounded-r-none"
+										class="center-center bg-gray-300! text-tertiary! dark:bg-gray-700! dark:text-gray-300! h-[28px]!  w-[70px]! rounded-r-none"
 									>
 										<Pen size={12} class="mr-2" /> Path
 									</Badge>
@@ -1373,7 +1373,7 @@
 								type="text"
 								readonly
 								value={$pathStore && $pathStore != '' ? $pathStore : 'Choose a path'}
-								class="font-mono !text-xs !min-w-[96px] !max-w-[300px] !w-full !h-[28px] !my-0 !py-0 !border-l-0 !rounded-l-none"
+								class="font-mono text-xs! min-w-[96px]! max-w-[300px]! w-full! h-[28px]! my-0! py-0! border-l-0! rounded-l-none!"
 								on:focus={({ currentTarget }) => {
 									currentTarget.select()
 								}}
diff --git a/frontend/src/lib/components/FlowGraphViewerStep.svelte b/frontend/src/lib/components/FlowGraphViewerStep.svelte
index 9c75ca1336..34e8d9c2cd 100644
--- a/frontend/src/lib/components/FlowGraphViewerStep.svelte
+++ b/frontend/src/lib/components/FlowGraphViewerStep.svelte
@@ -63,7 +63,7 @@
 				</div>
 
 				<h3 class="mb-2">Code</h3>
-				<span class="!text-xs">
+				<span class="text-xs!">
 					<HighlightCode language={stepDetail.value.language} code={stepDetail.value.content} />
 				</span>
 				<h3 class="mt-4 mb-2">Lockfile</h3>
@@ -186,7 +186,7 @@
 							>{stepDetail.value.lock}</pre
 						>
 					{:else}
-						<p class="bg-surface-secondary text-sm p-2 rounded">
+						<p class="bg-surface-secondary text-sm p-2 rounded-xs">
 							There is no lockfile for this inline script
 						</p>
 					{/if}
diff --git a/frontend/src/lib/components/FlowHistoryJobPicker.svelte b/frontend/src/lib/components/FlowHistoryJobPicker.svelte
index 5a9a661a74..b93e8797b5 100644
--- a/frontend/src/lib/components/FlowHistoryJobPicker.svelte
+++ b/frontend/src/lib/components/FlowHistoryJobPicker.svelte
@@ -33,7 +33,7 @@
 		<HistoryIcon size={14} />
 	</svelte:fragment>
 	<svelte:fragment slot="content">
-		<div class="p-2 h-[400px] overflow-hidden w-80 border shadow-sm">
+		<div class="p-2 h-[400px] overflow-hidden w-80 border shadow-2xs">
 			<HistoricInputs
 				on:select={(e) => {
 					if (e.detail) {
diff --git a/frontend/src/lib/components/FlowJobResult.svelte b/frontend/src/lib/components/FlowJobResult.svelte
index ca071370a4..e96b5fc7a1 100644
--- a/frontend/src/lib/components/FlowJobResult.svelte
+++ b/frontend/src/lib/components/FlowJobResult.svelte
@@ -76,7 +76,7 @@
 	class:border={!noBorder}
 	class="grid {!col
 		? 'grid-cols-2'
-		: 'grid-rows-2 max-h-screen'} shadow border border-tertiary-inverse grow overflow-hidden"
+		: 'grid-rows-2 max-h-screen'} shadow-xs border border-tertiary-inverse grow overflow-hidden"
 >
 	<div class="bg-surface {col ? '' : 'max-h-80'} p-1 overflow-auto relative">
 		<span class="text-tertiary">Result</span>
diff --git a/frontend/src/lib/components/FlowMetadata.svelte b/frontend/src/lib/components/FlowMetadata.svelte
index 3ab5d3d416..bc3528ca14 100644
--- a/frontend/src/lib/components/FlowMetadata.svelte
+++ b/frontend/src/lib/components/FlowMetadata.svelte
@@ -16,7 +16,7 @@
 </script>
 
 <div
-	class="rounded-md p-3 bg-surface-secondary shadow-sm sm:text-sm md:text-base overflow-x-auto"
+	class="rounded-md p-3 bg-surface-secondary shadow-2xs sm:text-sm md:text-base overflow-x-auto"
 	style="min-height: 150px;"
 >
 	<JobStatus {job} />
diff --git a/frontend/src/lib/components/FlowPreviewContent.svelte b/frontend/src/lib/components/FlowPreviewContent.svelte
index 30edf25691..5da5f3e693 100644
--- a/frontend/src/lib/components/FlowPreviewContent.svelte
+++ b/frontend/src/lib/components/FlowPreviewContent.svelte
@@ -310,13 +310,13 @@
 												type="number"
 												min="0"
 												bind:value={branchOrIterationN}
-												class="!w-32 grow"
+												class="w-32! grow"
 												on:click|stopPropagation={() => {}}
 											/>
 										{:else}
 											<select
 												bind:value={branchOrIterationN}
-												class="!w-32 grow"
+												class="w-32! grow"
 												on:click|stopPropagation={() => {}}
 											>
 												{#each restartBranchNames as [branchIdx, branchName]}
@@ -328,7 +328,7 @@
 											size="xs"
 											color="blue"
 											buttonType="button"
-											btnClasses="!p-1 !w-[34px] !ml-1"
+											btnClasses="p-1! w-[34px]! ml-1!"
 											aria-label="Restart flow"
 											on:click|once={() => {
 												runPreview($previewArgs, {
@@ -365,7 +365,7 @@
 		{#if lastPreviewFlow && JSON.stringify($flowStore) != lastPreviewFlow}
 			<div class="pt-1">
 				<div
-					class="bg-orange-200 text-orange-600 border border-orange-600 p-2 flex items-center gap-2 rounded"
+					class="bg-orange-200 text-orange-600 border border-orange-600 p-2 flex items-center gap-2 rounded-xs"
 				>
 					<AlertTriangle size={14} /> Flow changed since last preview
 					<div class="flex"></div>
@@ -474,7 +474,7 @@
 						on:click={() => {
 							initial = false
 						}}
-						class="cursor-pointer h-full hover:bg-gray-500/20 dark:hover:bg-gray-500/20 dark:bg-gray-500/80 rounded bg-gray-500/40 absolute top-0 left-0 w-full z-50"
+						class="cursor-pointer h-full hover:bg-gray-500/20 dark:hover:bg-gray-500/20 dark:bg-gray-500/80 rounded-xs bg-gray-500/40 absolute top-0 left-0 w-full z-50"
 					>
 						<div class="text-center text-primary text-lg py-2 pt-20"
 							><span class="font-bold border p-2 bg-surface-secondary rounded-md"
diff --git a/frontend/src/lib/components/FlowStatusViewerInner.svelte b/frontend/src/lib/components/FlowStatusViewerInner.svelte
index 4e64417e5a..07dbdf4154 100644
--- a/frontend/src/lib/components/FlowStatusViewerInner.svelte
+++ b/frontend/src/lib/components/FlowStatusViewerInner.svelte
@@ -902,7 +902,7 @@
 				</p>
 			{/if}
 			{#if render}
-				<div class="w-full h-full border rounded-sm bg-surface p-1 overflow-auto">
+				<div class="w-full h-full border rounded-xs bg-surface p-1 overflow-auto">
 					<DisplayResult
 						workspaceId={job?.workspace_id}
 						{jobId}
@@ -912,7 +912,7 @@
 				</div>
 			{/if}
 		{:else if render}
-			<div class={'border rounded-md shadow p-2'}>
+			<div class={'border rounded-md shadow-xs p-2'}>
 				<FlowPreviewStatus {job} />
 				{#if !job}
 					<div>
@@ -1026,7 +1026,7 @@
 								}}
 								endIcon={{
 									icon: ChevronDown,
-									classes: forloop_selected == loopJobId ? '!rotate-180' : ''
+									classes: forloop_selected == loopJobId ? 'rotate-180!' : ''
 								}}
 							>
 								<span class="truncate font-mono">
@@ -1119,7 +1119,7 @@
 										}}
 										endIcon={{
 											icon: ChevronDown,
-											classes: retry_selected == failedRetry ? '!rotate-180' : ''
+											classes: retry_selected == failedRetry ? 'rotate-180!' : ''
 										}}
 									>
 										<span class="truncate font-mono">
diff --git a/frontend/src/lib/components/FlowTimeline.svelte b/frontend/src/lib/components/FlowTimeline.svelte
index a5a444ac54..17ec13d008 100644
--- a/frontend/src/lib/components/FlowTimeline.svelte
+++ b/frontend/src/lib/components/FlowTimeline.svelte
@@ -163,7 +163,7 @@
 				{#if ($durationStatuses?.[k]?.iteration_from ?? 0) > 0}
 					<div class="w-full flex flex-row-reverse sticky top-0">
 						<button
-							class="!text-secondary underline mr-2 text-2xs text-right whitespace-nowrap"
+							class="text-secondary! underline mr-2 text-2xs text-right whitespace-nowrap"
 							on:click={() => {
 								let r = $durationStatuses[k]
 								if (r.iteration_from) {
diff --git a/frontend/src/lib/components/FolderEditor.svelte b/frontend/src/lib/components/FolderEditor.svelte
index 22229d8f8e..2522f73111 100644
--- a/frontend/src/lib/components/FolderEditor.svelte
+++ b/frontend/src/lib/components/FolderEditor.svelte
@@ -206,7 +206,7 @@
 					{#if ownerKind == 'group'}
 						<Button
 							title="View Group"
-							btnClasses="!p-1.5"
+							btnClasses="p-1.5!"
 							variant="border"
 							size="xs"
 							disabled={!ownerItem || ownerItem == ''}
@@ -216,7 +216,7 @@
 						/>
 						<Button
 							title="New Group"
-							btnClasses="!p-1.5"
+							btnClasses="p-1.5!"
 							variant="border"
 							on:click={newGroup.openDrawer}
 							size="xs"
@@ -386,7 +386,7 @@
 						variant="contained"
 						color="blue"
 						size="sm"
-						btnClasses="!ml-4"
+						btnClasses="ml-4!"
 						on:click={addToManagingFolder}
 					>
 						Add folder managing this folder
diff --git a/frontend/src/lib/components/GroupEditor.svelte b/frontend/src/lib/components/GroupEditor.svelte
index fbe03bd9f0..a87f971303 100644
--- a/frontend/src/lib/components/GroupEditor.svelte
+++ b/frontend/src/lib/components/GroupEditor.svelte
@@ -130,7 +130,7 @@
 	{#if can_write}
 		<div class="flex items-start">
 			<AutoComplete required noInputStyles items={usernames} bind:selectedItem={username} />
-			<Button variant="contained" color="blue" size="sm" btnClasses="!ml-4" on:click={addToGroup}>
+			<Button variant="contained" color="blue" size="sm" btnClasses="ml-4!" on:click={addToGroup}>
 				Add member
 			</Button>
 		</div>
diff --git a/frontend/src/lib/components/IdEditorInput.svelte b/frontend/src/lib/components/IdEditorInput.svelte
index 1f390d517a..f637f7d7c4 100644
--- a/frontend/src/lib/components/IdEditorInput.svelte
+++ b/frontend/src/lib/components/IdEditorInput.svelte
@@ -10,7 +10,7 @@
 	export let label: string = 'Component ID'
 	export let value = initialId
 	export let buttonText = ''
-	export let btnClasses = '!p-1 !w-[34px] !ml-1'
+	export let btnClasses = 'p-1! w-[34px]! ml-1!'
 	export let acceptUnderScores = false
 
 	let error = ''
@@ -49,7 +49,7 @@
 			bind:this={inputDiv}
 			type="text"
 			bind:value
-			class="!w-auto grow"
+			class="w-auto! grow"
 			on:click|stopPropagation={() => {}}
 			on:keydown|stopPropagation={({ key }) => {
 				if (key === 'Enter' && error === '' && value !== initialId) {
diff --git a/frontend/src/lib/components/InstanceGroupEditor.svelte b/frontend/src/lib/components/InstanceGroupEditor.svelte
index d9a84cf32e..f48c7f6bff 100644
--- a/frontend/src/lib/components/InstanceGroupEditor.svelte
+++ b/frontend/src/lib/components/InstanceGroupEditor.svelte
@@ -70,7 +70,7 @@
 				variant="contained"
 				color="blue"
 				size="sm"
-				btnClasses="!ml-4"
+				btnClasses="ml-4!"
 				on:click={async () => {
 					await GroupService.addUserToInstanceGroup({
 						name,
diff --git a/frontend/src/lib/components/InstanceNameEditor.svelte b/frontend/src/lib/components/InstanceNameEditor.svelte
index b79a4bce7c..9c4e14cb51 100644
--- a/frontend/src/lib/components/InstanceNameEditor.svelte
+++ b/frontend/src/lib/components/InstanceNameEditor.svelte
@@ -59,7 +59,7 @@
 					<input
 						type="text"
 						bind:value
-						class="!w-auto grow"
+						class="w-auto! grow"
 						on:click|stopPropagation={() => {}}
 						on:keydown|stopPropagation
 						on:keypress|stopPropagation={({ key }) => {
@@ -88,7 +88,7 @@
 					<input
 						type="password"
 						bind:value={password}
-						class="!w-auto grow"
+						class="w-auto! grow"
 						on:click|stopPropagation={() => {}}
 						on:keydown|stopPropagation
 						on:keypress|stopPropagation={({ key }) => {
@@ -122,7 +122,7 @@
 					<input
 						type="text"
 						bind:value={login_type}
-						class="!w-auto grow"
+						class="w-auto! grow"
 						on:click|stopPropagation={() => {}}
 						on:keydown|stopPropagation
 						on:keypress|stopPropagation={({ key }) => {
diff --git a/frontend/src/lib/components/InstanceSetting.svelte b/frontend/src/lib/components/InstanceSetting.svelte
index 91de218469..db68e374b4 100644
--- a/frontend/src/lib/components/InstanceSetting.svelte
+++ b/frontend/src/lib/components/InstanceSetting.svelte
@@ -218,7 +218,7 @@
 						type="text"
 						placeholder={setting.placeholder}
 						class={hasError
-							? 'border !border-red-700 !border-opacity-30 !focus:border-red-700 !focus:border-opacity-30'
+							? 'border border-red-700! border-opacity-30! !focus:border-red-700 !focus:border-opacity-30'
 							: ''}
 						bind:value={$values[setting.key]}
 					/>
@@ -751,7 +751,7 @@
 						{/if}
 					</div>
 				{:else if setting.fieldType == 'smtp_connect'}
-					<div class="flex flex-col gap-4 border rounded p-4">
+					<div class="flex flex-col gap-4 border rounded-xs p-4">
 						{#if $values[setting.key]}
 							<div class="flex gap-4"
 								><input type="email" bind:value={to} placeholder="contact@windmill.dev" />
@@ -843,7 +843,7 @@
 						{/if}
 					</div>
 				{:else if setting.fieldType == 'otel'}
-					<div class="flex flex-col gap-4 border rounded p-4">
+					<div class="flex flex-col gap-4 border rounded-xs p-4">
 						{#if $values[setting.key]}
 							<div class="flex gap-8">
 								<Toggle
diff --git a/frontend/src/lib/components/JsonInputs.svelte b/frontend/src/lib/components/JsonInputs.svelte
index 346e8d6b9a..a4f5f071c1 100644
--- a/frontend/src/lib/components/JsonInputs.svelte
+++ b/frontend/src/lib/components/JsonInputs.svelte
@@ -60,7 +60,7 @@
 		}}
 		on:blur={async () => {
 			if (updateOnBlur) {
-				dispatch('blur')
+				dispatch('blur-xs')
 			}
 		}}
 		on:change={(e) => {
diff --git a/frontend/src/lib/components/KanidmSetting.svelte b/frontend/src/lib/components/KanidmSetting.svelte
index c15ab6e022..49814f25eb 100644
--- a/frontend/src/lib/components/KanidmSetting.svelte
+++ b/frontend/src/lib/components/KanidmSetting.svelte
@@ -55,7 +55,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-2">
+		<div class="border rounded-xs p-2">
 			<label class="block pb-2">
 				<span class="text-primary font-semibold text-sm">Kanidm Url ({'KANIDM_URL/ui/oauth2'})</span
 				>
diff --git a/frontend/src/lib/components/KeycloakSetting.svelte b/frontend/src/lib/components/KeycloakSetting.svelte
index 214b26d288..a7b96d852a 100644
--- a/frontend/src/lib/components/KeycloakSetting.svelte
+++ b/frontend/src/lib/components/KeycloakSetting.svelte
@@ -45,7 +45,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-2">
+		<div class="border rounded-xs p-2">
 			<label class="block pb-2">
 				<span class="text-primary font-semibold text-sm"
 					>Realm Url ({'REALM_URL/protocol/openid-connect/auth'})</span
diff --git a/frontend/src/lib/components/LogSnippetViewer.svelte b/frontend/src/lib/components/LogSnippetViewer.svelte
index 693522ed33..7b390b91b6 100644
--- a/frontend/src/lib/components/LogSnippetViewer.svelte
+++ b/frontend/src/lib/components/LogSnippetViewer.svelte
@@ -30,7 +30,7 @@
 	let html = highlightSnippet(content)
 </script>
 
-<button on:click class="font-light !m-0 !p-0">
+<button on:click class="font-light m-0! p-0!">
 <pre
 	class="bg-surface-secondary hover:bg-surface px-2 py-1 text-secondary text-xs w-[100%] whitespace-pre border min-w-full text-start" >
 {@html html}
diff --git a/frontend/src/lib/components/LogViewer.svelte b/frontend/src/lib/components/LogViewer.svelte
index 6dc1026f11..a02d49d02b 100644
--- a/frontend/src/lib/components/LogViewer.svelte
+++ b/frontend/src/lib/components/LogViewer.svelte
@@ -213,8 +213,8 @@
 				{#if !noAutoScroll}
 					<div
 						class="{small ? '' : 'py-2'} pr-2 {small
-							? '!text-2xs'
-							: '!text-xs'} flex gap-2 text-tertiary items-center"
+							? 'text-2xs!'
+							: 'text-xs!'} flex gap-2 text-tertiary items-center"
 					>
 						Auto scroll
 						<input class="windmillapp" type="checkbox" bind:checked={scroll} />
@@ -227,26 +227,26 @@
 				<Loader2 class="animate-spin" />
 				{#if tag}
 					<div class="flex flex-row items-center gap-1">
-						<div class="text-secondary {small ? '!text-2xs' : '!text-xs'}">tag: {tag}</div>
+						<div class="text-secondary {small ? 'text-2xs!' : 'text-xs!'}">tag: {tag}</div>
 						<NoWorkerWithTagWarning {tag} />
 					</div>
 				{/if}
 			</div>
 		{:else if duration}
 			<span
-				class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
+				class="absolute {small ? 'text-2xs!' : 'text-xs!'} text-tertiary dark:text-gray-400 {small
 					? 'top-0'
 					: 'top-2'} left-2">took {duration}ms</span
 			>
 		{/if}
 		{#if mem}
 			<span
-				class="absolute {small ? '!text-2xs' : '!text-xs'} text-tertiary dark:text-gray-400 {small
+				class="absolute {small ? 'text-2xs!' : 'text-xs!'} text-tertiary dark:text-gray-400 {small
 					? 'top-0'
 					: 'top-2'}  left-36">mem peak: {(mem / 1024).toPrecision(4)}MB</span
 			>
 		{/if}
-		<pre class="whitespace-pre break-words {small ? '!text-2xs' : '!text-xs'} w-full p-2"
+		<pre class="whitespace-pre break-words {small ? 'text-2xs!' : 'text-xs!'} w-full p-2"
 			>{#if content}{@const len =
 					(content?.length ?? 0) +
 					(loadedFromObjectStore?.length ?? 0)}{#if downloadStartUrl}<button on:click={getStoreLogs}
diff --git a/frontend/src/lib/components/Login.svelte b/frontend/src/lib/components/Login.svelte
index 73dab2a3eb..649bd4a8bb 100644
--- a/frontend/src/lib/components/Login.svelte
+++ b/frontend/src/lib/components/Login.svelte
@@ -254,7 +254,7 @@
 	$: error && sendUserToast(error, true)
 </script>
 
-<div class="bg-surface px-4 py-8 shadow md:border sm:rounded-lg sm:px-10">
+<div class="bg-surface px-4 py-8 shadow-xs md:border sm:rounded-lg sm:px-10">
 	<div class="grid {logins && logins.length > 2 ? 'grid-cols-2' : ''} gap-4">
 		{#if !logins}
 			{#each Array(4) as _}
@@ -307,7 +307,7 @@
 				size="xs"
 				color="blue"
 				variant="border"
-				btnClasses="!border-none"
+				btnClasses="border-none!"
 				on:click={() => {
 					showPassword = !showPassword
 				}}
@@ -341,7 +341,7 @@
 							bind:value={email}
 							id="email"
 							autocomplete="email"
-							class="block w-full rounded-md border-0 py-1.5 text-primary shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
+							class="block w-full rounded-md border-0 py-1.5 text-primary shadow-2xs ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
 						/>
 					</div>
 				</div>
@@ -357,7 +357,7 @@
 							id="password"
 							type="password"
 							autocomplete="current-password"
-							class="block w-full rounded-md border-0 py-1.5 text-shadow shadow-sm ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
+							class="block w-full rounded-md border-0 py-1.5 text-shadow shadow-2xs ring-1 ring-inset placeholder:text-secondary focus:ring-2 focus:ring-inset focus:ring-frost-600 sm:text-sm sm:leading-6"
 						/>
 					</div>
 				</div>
@@ -366,7 +366,7 @@
 					<button
 						on:click={login}
 						disabled={!email || !password}
-						class="flex w-full justify-center rounded-md bg-frost-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-frost-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-frost-600"
+						class="flex w-full justify-center rounded-md bg-frost-600 px-3 py-2 text-sm font-semibold text-white shadow-2xs hover:bg-frost-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-frost-600"
 					>
 						Sign in
 					</button>
diff --git a/frontend/src/lib/components/ManualPopover.svelte b/frontend/src/lib/components/ManualPopover.svelte
index ddeadf79cc..009035c80f 100644
--- a/frontend/src/lib/components/ManualPopover.svelte
+++ b/frontend/src/lib/components/ManualPopover.svelte
@@ -30,7 +30,7 @@
 	<Portal name="manual-popover">
 		<div
 			use:popperContent
-			class={twMerge('z-[901] rounded-lg shadow-md border p-4 bg-surface', $$props.class)}
+			class={twMerge('z-901 rounded-lg shadow-md border p-4 bg-surface', $$props.class)}
 			transition:fade={{ duration: 200 }}
 		>
 			<slot name="content" />
diff --git a/frontend/src/lib/components/OAuthSetting.svelte b/frontend/src/lib/components/OAuthSetting.svelte
index 5d25c26ead..99ce27d60f 100644
--- a/frontend/src/lib/components/OAuthSetting.svelte
+++ b/frontend/src/lib/components/OAuthSetting.svelte
@@ -65,7 +65,7 @@
 <div class="flex flex-col">
 	<!-- svelte-ignore a11y-label-has-associated-control -->
 	<label
-		class="text-sm flex gap-4 items-center font-medium text-primary {enabled ? 'rounded py-2' : ''}"
+		class="text-sm flex gap-4 items-center font-medium text-primary {enabled ? 'rounded-xs py-2' : ''}"
 		><div class="w-[120px]"><IconedResourceType {name} after={true} /></div><Toggle
 			checked={enabled}
 			disabled={eeOnly && !$enterpriseLicense}
@@ -86,7 +86,7 @@
 		{/if}
 	</label>
 	{#if enabled}
-		<div class="p-2 rounded border mb-4">
+		<div class="p-2 rounded-xs border mb-4">
 			{#if name != 'slack' && name != 'teams'}
 				<label class="block pb-2">
 					<span class="text-primary font-semibold text-sm">Custom Name</span>
@@ -125,7 +125,7 @@
 									}}
 								/>
 								<button
-									class="text-primary text-xs rounded hover:bg-surface-hover"
+									class="text-primary text-xs rounded-xs hover:bg-surface-hover"
 									on:click={() => {
 										value['allowed_domains'] = value['allowed_domains']?.filter((d) => d != domain)
 										if (value['allowed_domains'].length == 0) {
@@ -139,7 +139,7 @@
 						{/each}
 						<div class="flex gap-2">
 							<button
-								class="text-primary text-sm border rounded p-1"
+								class="text-primary text-sm border rounded-xs p-1"
 								on:click={() => {
 									value['allowed_domains'] = [...(value['allowed_domains'] ?? []), 'mydomain.com']
 								}}>+ Add domain</button
diff --git a/frontend/src/lib/components/ObjectStoreConfigSettings.svelte b/frontend/src/lib/components/ObjectStoreConfigSettings.svelte
index aa223e3b50..b81487d5e5 100644
--- a/frontend/src/lib/components/ObjectStoreConfigSettings.svelte
+++ b/frontend/src/lib/components/ObjectStoreConfigSettings.svelte
@@ -85,9 +85,9 @@
 				on:click={testConnection}
 			>
 				{#if loading}
-					<Loader2 class="animate-spin mr-2 !h-4 !w-4" />
+					<Loader2 class="animate-spin mr-2 h-4! w-4!" />
 				{:else}
-					<Database class="mr-2 !h-4 !w-4" />
+					<Database class="mr-2 h-4! w-4!" />
 				{/if}
 				Test from a server
 			</Button>
diff --git a/frontend/src/lib/components/OktaSetting.svelte b/frontend/src/lib/components/OktaSetting.svelte
index 49b5b3f72a..4bf4679b38 100644
--- a/frontend/src/lib/components/OktaSetting.svelte
+++ b/frontend/src/lib/components/OktaSetting.svelte
@@ -48,7 +48,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="p-2 rounded border">
+		<div class="p-2 rounded-xs border">
 			<label class="block pb-2">
 				<div class="flex gap-2 items-end">
 					<div>
diff --git a/frontend/src/lib/components/PageHeader.svelte b/frontend/src/lib/components/PageHeader.svelte
index b3c9e10004..135f406ce1 100644
--- a/frontend/src/lib/components/PageHeader.svelte
+++ b/frontend/src/lib/components/PageHeader.svelte
@@ -10,7 +10,7 @@
 <div class="flex flex-row flex-wrap justify-between pb-2 my-4 mr-2">
 	{#if primary}
 		<span class="flex items-center gap-2">
-			<h1 class="!text-2xl font-semibold whitespace-nowrap leading-6 tracking-tight">{title}</h1>
+			<h1 class="text-2xl! font-semibold whitespace-nowrap leading-6 tracking-tight">{title}</h1>
 			{#if tooltip != '' || documentationLink}
 				<Tooltip {documentationLink}>
 					{tooltip}
@@ -19,7 +19,7 @@
 		</span>
 	{:else}
 		<span class="flex items-center gap-2">
-			<h2 class="!text-sm font-semibold">{title}</h2>
+			<h2 class="text-sm! font-semibold">{title}</h2>
 			{#if tooltip != '' || documentationLink}
 				<Tooltip {documentationLink} wrapperClass="mb-0.5">
 					{tooltip}
diff --git a/frontend/src/lib/components/ParqetCsvTableRenderer.svelte b/frontend/src/lib/components/ParqetCsvTableRenderer.svelte
index cf198e92dc..5034cd45ad 100644
--- a/frontend/src/lib/components/ParqetCsvTableRenderer.svelte
+++ b/frontend/src/lib/components/ParqetCsvTableRenderer.svelte
@@ -209,7 +209,7 @@
 		<Loader2 class="animate-spin ml-0.5" size={12} />
 	{/if}
 	<div
-		class="ag-theme-alpine shadow-sm h-full"
+		class="ag-theme-alpine shadow-2xs h-full"
 		class:ag-theme-alpine-dark={darkMode}
 		style="height: 600px;"
 	>
diff --git a/frontend/src/lib/components/Password.svelte b/frontend/src/lib/components/Password.svelte
index 2d031da318..afb0cd742b 100644
--- a/frontend/src/lib/components/Password.svelte
+++ b/frontend/src/lib/components/Password.svelte
@@ -16,16 +16,16 @@
 
 <div class="relative w-full {small ? 'max-w-lg' : ''}">
 	<div class="absolute inset-y-0 right-0 flex items-center px-2">
-		<input bind:checked={hideValue} class="!hidden" id={randomId} type="checkbox" />
+		<input bind:checked={hideValue} class="hidden!" id={randomId} type="checkbox" />
 		<label
-			class="bg-surface-secondary hover:bg-gray-400 rounded px-2 py-1 text-sm text-tertiary font-mono cursor-pointer"
+			class="bg-surface-secondary hover:bg-gray-400 rounded-xs px-2 py-1 text-sm text-tertiary font-mono cursor-pointer"
 			for={randomId}>{hideValue ? 'show' : 'hide'}</label
 		>
 	</div>
 	{#if hideValue}
 		<input
-			class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
-				? '!border-red-500'
+			class="block {small ? 'text-2xs!' : 'w-full'} px-2 py-1 {red
+				? 'border-red-500!'
 				: ''} text-sm h-9"
 			type="password"
 			bind:value={password}
@@ -36,8 +36,8 @@
 		/>
 	{:else}
 		<input
-			class="block {small ? '!text-2xs' : 'w-full'} px-2 py-1 {red
-				? '!border-red-500'
+			class="block {small ? 'text-2xs!' : 'w-full'} px-2 py-1 {red
+				? 'border-red-500!'
 				: ''} text-sm h-9"
 			type="text"
 			bind:value={password}
diff --git a/frontend/src/lib/components/Path.svelte b/frontend/src/lib/components/Path.svelte
index 15688aa026..a4ec69bd18 100644
--- a/frontend/src/lib/components/Path.svelte
+++ b/frontend/src/lib/components/Path.svelte
@@ -450,7 +450,7 @@
 				{#if meta.ownerKind === 'user'}
 					<label class="block shrink min-w-0">
 						<input
-							class="!w-36"
+							class="w-36!"
 							type="text"
 							bind:value={meta.owner}
 							placeholder={$userStore?.username ?? ''}
@@ -471,7 +471,7 @@
 							</select>
 							<Button
 								title="View folder"
-								btnClasses="!p-1.5"
+								btnClasses="p-1.5!"
 								variant="border"
 								color="light"
 								size="xs"
@@ -482,7 +482,7 @@
 							/>
 							<Button
 								title="New folder"
-								btnClasses="!p-1.5"
+								btnClasses="p-1.5!"
 								variant="border"
 								color="light"
 								size="xs"
@@ -520,7 +520,7 @@
 		<div class="flex justify-start w-full">
 			<Badge
 				color="gray"
-				class="center-center !bg-surface-secondary !text-tertiary !w-[70px] !h-[24px] rounded-r-none border"
+				class="center-center bg-surface-secondary! text-tertiary! w-[70px]! h-[24px]! rounded-r-none border"
 			>
 				Full path
 			</Badge>
@@ -529,7 +529,7 @@
 				readonly
 				value={path}
 				size={path?.length || 50}
-				class="font-mono !text-xs max-w-[calc(100%-70px)] !w-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
+				class="font-mono text-xs! max-w-[calc(100%-70px)] w-auto! h-[24px]! py-0! border-l-0! rounded-l-none!"
 				on:focus={({ currentTarget }) => {
 					currentTarget.select()
 				}}
diff --git a/frontend/src/lib/components/PersistentScriptDrawer.svelte b/frontend/src/lib/components/PersistentScriptDrawer.svelte
index 08bf84aeff..396102fe45 100644
--- a/frontend/src/lib/components/PersistentScriptDrawer.svelte
+++ b/frontend/src/lib/components/PersistentScriptDrawer.svelte
@@ -152,11 +152,11 @@
 						</td>
 						<td class="text-xs">
 							{#if status === 'running'}
-								<Badge color="yellow" baseClass="!px-1.5">
+								<Badge color="yellow" baseClass="px-1.5!">
 									<Play size={14} />
 								</Badge>
 							{:else}
-								<Badge baseClass="!px-1.5">
+								<Badge baseClass="px-1.5!">
 									<Hourglass size={14} />
 								</Badge>
 							{/if}
diff --git a/frontend/src/lib/components/Popover.svelte b/frontend/src/lib/components/Popover.svelte
index 28180d553a..c41fcaeb73 100644
--- a/frontend/src/lib/components/Popover.svelte
+++ b/frontend/src/lib/components/Popover.svelte
@@ -78,7 +78,7 @@
 			on:mouseenter={open}
 			on:mouseleave={close}
 			class={twMerge(
-				'z-[5001] py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left',
+				'z-5001 py-2 px-3 rounded-md text-sm font-normal text-gray-300! bg-gray-800 whitespace-normal text-left',
 				popupClass
 			)}
 		>
diff --git a/frontend/src/lib/components/PrimarySchedule.svelte b/frontend/src/lib/components/PrimarySchedule.svelte
index 18544f760a..b010c51379 100644
--- a/frontend/src/lib/components/PrimarySchedule.svelte
+++ b/frontend/src/lib/components/PrimarySchedule.svelte
@@ -34,7 +34,7 @@
 			<div class="flex flex-row gap-2 items-center">
 				<input
 					size="9"
-					class="!text-xs !h-6 !text-primary"
+					class="text-xs! h-6! text-primary!"
 					type="text"
 					id="cron-schedule"
 					name="cron-schedule"
diff --git a/frontend/src/lib/components/QueueMetricsDrawer.svelte b/frontend/src/lib/components/QueueMetricsDrawer.svelte
index d7ed0c6866..dc0ef1911f 100644
--- a/frontend/src/lib/components/QueueMetricsDrawer.svelte
+++ b/frontend/src/lib/components/QueueMetricsDrawer.svelte
@@ -283,7 +283,7 @@
 													<div class="flex flex-wrap gap-1 mb-2">
 														{#each alert.tags_to_monitor as tag}
 															<span
-																class="inline-block bg-blue-100 dark:bg-blue-700 rounded px-2 py-1 text-xs"
+																class="inline-block bg-blue-100 dark:bg-blue-700 rounded-xs px-2 py-1 text-xs"
 															>
 																{tag}
 																<button
@@ -301,7 +301,7 @@
 															placeholder="{workerTags.length === alert.tags_to_monitor.length ? 'All tags already added' : 'Add tag from dropdown' }"
 															on:input={(e) => filterTags(e)}
 															disabled={workerTags.length === alert.tags_to_monitor.length}
-															class="p-1 flex-grow mr-1"
+															class="p-1 grow mr-1"
 														/>
 														<button on:click={() => addTag(index, newTag)} aria-label="Add tag">
 															<PlusCircle size={16} />
@@ -310,7 +310,7 @@
 													<!-- Add the new "Add All Tags" button here -->
 													<button
 														on:click={() => addAllTags(index)}
-														class="text-xs hover:bg-gray-200 dark:hover:bg-gray-700 rounded px-2 py-1 mt-1"
+														class="text-xs hover:bg-gray-200 dark:hover:bg-gray-700 rounded-xs px-2 py-1 mt-1"
 														disabled={workerTags.length === alert.tags_to_monitor.length}
 													>
 														Add All Tags
@@ -338,7 +338,7 @@
 													<div class="flex flex-wrap gap-1">
 														{#each alert.tags_to_monitor as tag}
 															<span
-																class="inline-block bg-blue-100 dark:bg-blue-700 rounded px-2 py-1 text-xs"
+																class="inline-block bg-blue-100 dark:bg-blue-700 rounded-xs px-2 py-1 text-xs"
 																>{tag}</span
 															>
 														{/each}
diff --git a/frontend/src/lib/components/RadioButton.svelte b/frontend/src/lib/components/RadioButton.svelte
index efa9a62b40..2fce4dd330 100644
--- a/frontend/src/lib/components/RadioButton.svelte
+++ b/frontend/src/lib/components/RadioButton.svelte
@@ -19,7 +19,7 @@
 			<label
 				class="text-center text-sm border border-gray-300 h-full rounded-sm cursor-pointer p-2
 				grow whitespace-nowrap duration-200 hover:border-gray-600 hover:bg-surface-hover
-				{val === value ? '!bg-blue-50 !border-blue-500 dark:!bg-frost-900' : ''} {inputClass}"
+				{val === value ? 'bg-blue-50! border-blue-500! dark:bg-frost-900!' : ''} {inputClass}"
 			>
 				<input
 					{disabled}
diff --git a/frontend/src/lib/components/Range.svelte b/frontend/src/lib/components/Range.svelte
index 0e92ac72de..82338b294d 100644
--- a/frontend/src/lib/components/Range.svelte
+++ b/frontend/src/lib/components/Range.svelte
@@ -84,7 +84,7 @@
 	</div>
 
 	{#if !hideInput}
-		<input bind:value type="number" class="!w-16 h-8 !text-xs mb-6" {max} {min} {disabled} />
+		<input bind:value type="number" class="w-16! h-8 text-xs! mb-6" {max} {min} {disabled} />
 	{/if}
 </div>
 
diff --git a/frontend/src/lib/components/ResourceEditor.svelte b/frontend/src/lib/components/ResourceEditor.svelte
index 576d6cf25b..8822fca252 100644
--- a/frontend/src/lib/components/ResourceEditor.svelte
+++ b/frontend/src/lib/components/ResourceEditor.svelte
@@ -243,7 +243,7 @@
 					<h5 class="mt-4 inline-flex items-center gap-4 pb-2">
 						File content ({resourceTypeInfo.format_extension})
 					</h5>
-					<div class="h-full w-full border p-1 rounded">
+					<div class="h-full w-full border p-1 rounded-xs">
 						<SimpleEditor
 							autoHeight
 							class="editor"
@@ -276,7 +276,7 @@
 				{#if !emptyString(jsonError)}<span class="text-red-400 text-xs mb-1 flex flex-row-reverse"
 						>{jsonError}</span
 					>{:else}<div class="py-2"></div>{/if}
-				<div class="h-full w-full border p-1 rounded">
+				<div class="h-full w-full border p-1 rounded-xs">
 					<SimpleEditor
 						autoHeight
 						class="editor"
diff --git a/frontend/src/lib/components/ResourceTypePicker.svelte b/frontend/src/lib/components/ResourceTypePicker.svelte
index 2348ad66db..9e7a8a454f 100644
--- a/frontend/src/lib/components/ResourceTypePicker.svelte
+++ b/frontend/src/lib/components/ResourceTypePicker.svelte
@@ -75,7 +75,7 @@
 									size="sm"
 									variant="border"
 									color={isPicked ? 'blue' : 'dark'}
-									btnClasses={isPicked ? '!border-2' : 'm-[1px]'}
+									btnClasses={isPicked ? 'border-2!' : 'm-[1px]'}
 									disabled={notPickable}
 									on:click={() => {
 										onClick(undefined)
@@ -91,7 +91,7 @@
 									size="sm"
 									variant="border"
 									color={isPicked ? 'blue' : 'light'}
-									btnClasses={isPicked ? '!border-2' : 'm-[1px]'}
+									btnClasses={isPicked ? 'border-2!' : 'm-[1px]'}
 									disabled={notPickable}
 									on:click={() => {
 										onClick(r)
diff --git a/frontend/src/lib/components/RunForm.svelte b/frontend/src/lib/components/RunForm.svelte
index 7b36d50f51..603c984120 100644
--- a/frontend/src/lib/components/RunForm.svelte
+++ b/frontend/src/lib/components/RunForm.svelte
@@ -142,7 +142,7 @@
 	{/if}
 	{#if topButton}
 		<Button
-			btnClasses="!px-6 !py-1 w-full"
+			btnClasses="px-6! py-1! w-full"
 			disabled={!isValid || jsonView}
 			on:click={() => runAction(undefined, args, invisible_to_owner, overrideTag)}
 		>
@@ -196,7 +196,7 @@
 				<Button
 					{loading}
 					color="dark"
-					btnClasses="!px-6 !py-1 !h-8 inline-flex gap-2"
+					btnClasses="px-6! py-1! h-8! inline-flex gap-2"
 					disabled={!isValid || jsonView}
 					on:click={() => runAction(scheduledForStr, args, invisible_to_owner, overrideTag)}
 					shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
@@ -234,7 +234,7 @@
 		</div>
 	{:else if !topButton}
 		<Button
-			btnClasses="!px-6 !py-1 w-full"
+			btnClasses="px-6! py-1! w-full"
 			disabled={!isValid || jsonView}
 			on:click={() => runAction(undefined, args, invisible_to_owner, overrideTag)}
 			shortCut={{ Icon: CornerDownLeft, hide: !viewKeybinding }}
diff --git a/frontend/src/lib/components/SavedInputs.svelte b/frontend/src/lib/components/SavedInputs.svelte
index 1a2adf53ce..56ce922060 100644
--- a/frontend/src/lib/components/SavedInputs.svelte
+++ b/frontend/src/lib/components/SavedInputs.svelte
@@ -169,7 +169,7 @@
 		<Pane>
 			<div class="w-full flex flex-col gap-4 p-2">
 				<div class="w-full flex justify-between items-center gap-4 flex-wrap">
-					<span class="text-sm font-semibold flex-shrink-0"
+					<span class="text-sm font-semibold shrink-0"
 						>Saved Inputs<Tooltip
 							>Shared inputs are available to anyone with access to the script</Tooltip
 						></span
@@ -194,7 +194,7 @@
 						{#each savedInputs as i}
 							<button
 								class={classNames(
-									`w-full flex items-center text-sm group justify-between gap-4 py-1.5 px-4 text-left border rounded-sm hover:bg-surface-hover transition-all`,
+									`w-full flex items-center text-sm group justify-between gap-4 py-1.5 px-4 text-left border rounded-xs hover:bg-surface-hover transition-all`,
 									selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
 								)}
 								on:click={async () => {
@@ -222,7 +222,7 @@
 										</form>
 									{:else}
 										<small
-											class="whitespace-nowrap overflow-hidden text-ellipsis flex-shrink text-left"
+											class="whitespace-nowrap overflow-hidden text-ellipsis shrink text-left"
 										>
 											{i.name}
 										</small>
@@ -295,7 +295,7 @@
 						{#each jobs as i (i.id)}
 							<button
 								class={classNames(
-									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
+									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-xs hover:bg-surface-hover transition-a`,
 									'border-orange-400'
 								)}
 								on:click={async () => {
@@ -329,7 +329,7 @@
 										{i.created_by}
 									</div>
 									<div
-										class="whitespace-nowrap col-span-3 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+										class="whitespace-nowrap col-span-3 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
 									>
 										<TimeAgo noDate date={i.started_at ?? ''} />
 									</div>
@@ -363,7 +363,7 @@
 						{#each previousInputs as i (i.id)}
 							<button
 								class={classNames(
-									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-sm hover:bg-surface-hover transition-a`,
+									`w-full flex items-center justify-between gap-4 py-2 px-4 text-left border rounded-xs hover:bg-surface-hover transition-a`,
 									selectedInput === i ? 'border-blue-500 bg-blue-50 dark:bg-blue-900' : ''
 								)}
 								on:click={async () => {
@@ -385,12 +385,12 @@
 										{i.created_by}
 									</div>
 									<div
-										class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+										class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
 									>
 										{displayDateOnly(new Date(i.created_at))}
 									</div>
 									<div
-										class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+										class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
 									>
 										<TimeAgo noDate date={i.created_at ?? ''} />
 									</div>
diff --git a/frontend/src/lib/components/SavedInputsPicker.svelte b/frontend/src/lib/components/SavedInputsPicker.svelte
index 5ea3bfe28b..de5c4ec140 100644
--- a/frontend/src/lib/components/SavedInputsPicker.svelte
+++ b/frontend/src/lib/components/SavedInputsPicker.svelte
@@ -259,7 +259,7 @@
 									</form>
 								{:else}
 									<small
-										class="whitespace-nowrap overflow-hidden text-ellipsis flex-shrink text-left"
+										class="whitespace-nowrap overflow-hidden text-ellipsis shrink text-left"
 									>
 										{item.name}
 									</small>
diff --git a/frontend/src/lib/components/SavedInputsV2.svelte b/frontend/src/lib/components/SavedInputsV2.svelte
index 98cb4c4e14..82f501c934 100644
--- a/frontend/src/lib/components/SavedInputsV2.svelte
+++ b/frontend/src/lib/components/SavedInputsV2.svelte
@@ -185,7 +185,7 @@
 						<Button
 							size="xs2"
 							color="light"
-							btnClasses="!text-tertiary"
+							btnClasses="text-tertiary!"
 							endIcon={{ icon: ExternalLink }}
 							on:click={() => {
 								window.open(`/runs/${runnableId}`, '_blank')
diff --git a/frontend/src/lib/components/ScheduleEditorInner.svelte b/frontend/src/lib/components/ScheduleEditorInner.svelte
index 2bec0d2673..3a61f3b1b4 100644
--- a/frontend/src/lib/components/ScheduleEditorInner.svelte
+++ b/frontend/src/lib/components/ScheduleEditorInner.svelte
@@ -662,7 +662,7 @@
 							<div class="flex justify-start w-full">
 								<Badge
 									color="gray"
-									class="center-center !bg-surface-secondary !text-tertiary  !h-[24px] rounded-r-none border"
+									class="center-center bg-surface-secondary! text-tertiary!  h-[24px]! rounded-r-none border"
 								>
 									Schedule path (not editable)
 								</Badge>
@@ -671,7 +671,7 @@
 									readonly
 									value={path}
 									size={path?.length || 50}
-									class="font-mono !text-xs grow shrink overflow-x-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
+									class="font-mono text-xs! grow shrink overflow-x-auto h-[24px]! py-0! border-l-0! rounded-l-none!"
 									on:focus={({ currentTarget }) => {
 										currentTarget.select()
 									}}
@@ -921,7 +921,7 @@
 											Triggered when schedule failed</p
 										>
 										<select
-											class="!w-14"
+											class="w-14!"
 											bind:value={failedExact}
 											disabled={!$enterpriseLicense || emptyString(errorHandlerPath)}
 										>
@@ -1027,7 +1027,7 @@
 										<p>Triggered when schedule recovered</p>
 										<input
 											type="number"
-											class="!w-14 mx-2 text-center"
+											class="w-14! mx-2 text-center"
 											bind:value={recoveredTimes}
 											min="1"
 											{disabled}
diff --git a/frontend/src/lib/components/SchemaFormWithArgPicker.svelte b/frontend/src/lib/components/SchemaFormWithArgPicker.svelte
index 1dc44e84c7..8515c38931 100644
--- a/frontend/src/lib/components/SchemaFormWithArgPicker.svelte
+++ b/frontend/src/lib/components/SchemaFormWithArgPicker.svelte
@@ -92,13 +92,13 @@
 </script>
 
 <div class="h-fit">
-	<div class="relative z-[100000] w-full">
+	<div class="relative z-100000 w-full">
 		<div class="absolute" style="right: calc({100 - inputPanelSize}%); top: -1px;">
 			<SideBarTab expandRight={rightPanelOpen} {dropdownItems} fullMenu={true} noTrigger={true} />
 		</div>
 	</div>
 	<Splitpanes class={!rightPanelOpen ? 'splitter-hidden' : ''}>
-		<Pane bind:size={inputPanelSize} class="!overflow-visible" minSize={30}>
+		<Pane bind:size={inputPanelSize} class="overflow-visible!" minSize={30}>
 			<div class="relative w-full h-fit pr-12 pb-4" bind:clientHeight={rightHeight}>
 				<slot />
 			</div>
diff --git a/frontend/src/lib/components/ScriptBuilder.svelte b/frontend/src/lib/components/ScriptBuilder.svelte
index 31f3400ee3..95cef57ad1 100644
--- a/frontend/src/lib/components/ScriptBuilder.svelte
+++ b/frontend/src/lib/components/ScriptBuilder.svelte
@@ -951,7 +951,7 @@
 														variant="border"
 														color={isPicked ? 'blue' : 'light'}
 														btnClasses={isPicked
-															? '!border-2 !bg-blue-50/75 dark:!bg-frost-900/75'
+															? 'border-2! bg-blue-50/75! dark:bg-frost-900/75!'
 															: 'm-[1px]'}
 														on:click={() => {
 															if (lang == 'docker') {
@@ -990,7 +990,7 @@
 														<LanguageIcon {lang} />
 														<span class="ml-2 py-2 truncate">{label}</span>
 														{#if lang === 'ansible' || lang === 'nu'}
-															<span class="text-tertiary !text-xs"> BETA </span>
+															<span class="text-tertiary text-xs!"> BETA </span>
 														{/if}
 													</Button>
 													<svelte:fragment slot="text"
@@ -1293,7 +1293,7 @@
 												<svelte:fragment slot="right">
 													<input
 														type="number"
-														class="!w-16 ml-4"
+														class="w-16! ml-4"
 														disabled={script.priority === undefined}
 														bind:value={script.priority}
 														on:focus
@@ -1520,7 +1520,7 @@
 									>
 										<Badge
 											color="gray"
-											class="center-center !bg-surface-secondary !text-tertiary !h-[28px]  !w-[70px] rounded-none hover:!bg-surface-hover transition-all"
+											class="center-center bg-surface-secondary! text-tertiary! h-[28px]!  w-[70px]! rounded-none hover:bg-surface-hover! transition-all"
 										>
 											<Pen size={12} class="mr-2" /> Path
 										</Badge>
@@ -1532,7 +1532,7 @@
 								readonly
 								value={script.path}
 								size={script.path?.length || 50}
-								class="font-mono !text-xs !min-w-[96px] !max-w-[300px] !w-full !h-[28px] !my-0 !py-0 !border-l-0 !rounded-l-none !border-0 !shadow-none"
+								class="font-mono text-xs! min-w-[96px]! max-w-[300px]! w-full! h-[28px]! my-0! py-0! border-l-0! rounded-l-none! border-0! shadow-none!"
 								on:focus={({ currentTarget }) => {
 									currentTarget.select()
 								}}
diff --git a/frontend/src/lib/components/ScriptEditor.svelte b/frontend/src/lib/components/ScriptEditor.svelte
index 296276a0c2..f68cc47e4d 100644
--- a/frontend/src/lib/components/ScriptEditor.svelte
+++ b/frontend/src/lib/components/ScriptEditor.svelte
@@ -395,7 +395,7 @@
 		/>
 	</div>
 </Modal>
-<div class="border-b shadow-sm px-1 pr-4" bind:clientWidth={width}>
+<div class="border-b shadow-2xs px-1 pr-4" bind:clientWidth={width}>
 	<div class="flex justify-between space-x-2">
 		<EditorBar
 			scriptPath={edit ? path : undefined}
@@ -452,9 +452,9 @@
 	</div>
 </div>
 <SplitPanesWrapper>
-	<Splitpanes class="!overflow-visible">
-		<Pane bind:size={codePanelSize} minSize={10} class="!overflow-visible">
-			<div class="h-full !overflow-visible bg-gray-50 dark:bg-[#272D38] relative">
+	<Splitpanes class="overflow-visible!">
+		<Pane bind:size={codePanelSize} minSize={10} class="overflow-visible!">
+			<div class="h-full overflow-visible! bg-gray-50 dark:bg-[#272D38] relative">
 				<div class="absolute top-2 right-4 z-10 flex flex-row gap-2">
 					{#if aiPanelSize === 0}
 						{#if customUi?.editorBar?.aiGen != false && SUPPORTED_CHAT_SCRIPT_LANGUAGES.includes(lang ?? '')}
@@ -466,7 +466,7 @@
 								size="md"
 								usePopoverOverride={!$copilotInfo.enabled}
 								customHiddenIcon={WandSparkles}
-								btnClasses="!text-violet-800 dark:!text-violet-400 border border-gray-200 dark:border-gray-600 bg-surface"
+								btnClasses="text-violet-800! dark:text-violet-400! border border-gray-200 dark:border-gray-600 bg-surface"
 								on:click={() => {
 									toggleAiPanel()
 								}}
@@ -495,7 +495,7 @@
 								on:click={() => {
 									toggleTestPanel()
 								}}
-								btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
+								btnClasses="bg-marine-400 hover:bg-marine-200 text-primary-inverse! hover:text-primary-inverse! dark:hover:text-primary-inverse! dark:bg-marine-50 dark:hover:bg-marine-50/70"
 								color="marine"
 							/>
 						{/if}
@@ -532,7 +532,7 @@
 							}
 							dispatch('format')
 						}}
-						class="flex flex-1 h-full !overflow-visible"
+						class="flex flex-1 h-full overflow-visible!"
 						lang={scriptLangToEditorLang(lang)}
 						scriptLang={lang}
 						automaticLayout={true}
@@ -597,7 +597,7 @@
 								on:click={() => {
 									toggleTestPanel()
 								}}
-								btnClasses="bg-marine-400 hover:bg-marine-200 !text-primary-inverse hover:!text-primary-inverse hover:dark:!text-primary-inverse dark:bg-marine-50 dark:hover:bg-marine-50/70"
+								btnClasses="bg-marine-400 hover:bg-marine-200 text-primary-inverse! hover:text-primary-inverse! dark:hover:text-primary-inverse! dark:bg-marine-50 dark:hover:bg-marine-50/70"
 								color="marine"
 							/>
 						{/if}
@@ -691,7 +691,7 @@
 						</div>
 					{/if}
 				</div>
-				<Splitpanes horizontal class="!max-h-[calc(100%-43px)]">
+				<Splitpanes horizontal class="max-h-[calc(100%-43px)]!">
 					<Pane size={33}>
 						<div class="px-4">
 							<div class="break-words relative font-sans">
diff --git a/frontend/src/lib/components/ScriptVersionHistory.svelte b/frontend/src/lib/components/ScriptVersionHistory.svelte
index d07f1d716d..80ea30df55 100644
--- a/frontend/src/lib/components/ScriptVersionHistory.svelte
+++ b/frontend/src/lib/components/ScriptVersionHistory.svelte
@@ -59,7 +59,7 @@
 	let previousHash: string | undefined = $state()
 </script>
 
-<Splitpanes class="!overflow-visible">
+<Splitpanes class="overflow-visible!">
 	<Pane size={20}>
 		<div class="flex flex-col gap-2 px-2 pt-2 w-full">
 			{#if !loading}
@@ -133,7 +133,7 @@
 									<input
 										type="text"
 										bind:value={deploymentMsgUpdate}
-										class="!w-auto grow"
+										class="w-auto! grow"
 										onclick={(e) => {
 											e.stopPropagation()
 										}}
@@ -149,7 +149,7 @@
 										size="xs"
 										color="blue"
 										buttonType="button"
-										btnClasses="!p-1 !w-[34px] !ml-1"
+										btnClasses="p-1! w-[34px]! ml-1!"
 										aria-label="Save deployment message"
 										on:click={() => {
 											updateDeploymentMsg(selectedVersion?.script_hash)
@@ -161,7 +161,7 @@
 										size="xs"
 										color="light"
 										buttonType="button"
-										btnClasses="!p-1 !w-[34px] !ml-1"
+										btnClasses="p-1! w-[34px]! ml-1!"
 										aria-label="Abort"
 										on:click={() => {
 											deploymentMsgUpdateMode = false
@@ -183,7 +183,7 @@
 										deploymentMsgUpdateMode = true
 									}}
 									title="Update commit message"
-									class="flex items-center px-1 rounded-sm hover:text-primary text-secondary h-5"
+									class="flex items-center px-1 rounded-xs hover:text-primary text-secondary h-5"
 									aria-label="Update commit message"
 								>
 									<Pencil size={14} />
@@ -208,12 +208,12 @@
 
 								{#if showDiff}
 									<div class="text-xs">Versions:</div>
-									<select bind:value={previousHash} class="!text-xs !w-40">
+									<select bind:value={previousHash} class="text-xs! w-40!">
 										{#each versions?.slice(selectedVersionIndex + 1) ?? [] as version}
 											<option
 												value={version.script_hash}
 												selected={version.script_hash === selectedVersion.script_hash}
-												class="!text-xs"
+												class="text-xs!"
 											>
 												{version.deployment_msg ?? version.script_hash}
 											</option>
diff --git a/frontend/src/lib/components/Scrollable.svelte b/frontend/src/lib/components/Scrollable.svelte
index 37e3ae2933..278df0d93e 100644
--- a/frontend/src/lib/components/Scrollable.svelte
+++ b/frontend/src/lib/components/Scrollable.svelte
@@ -52,7 +52,7 @@
 		<div
 			class="pointer-events-none absolute bottom-0 {shiftedShadow
 				? 'left-2'
-				: 'right-0'} h-14 w-full bg-gradient-to-t from-surface to-transparent"
+				: 'right-0'} h-14 w-full bg-linear-to-t from-surface to-transparent"
 		></div>
 	{/if}
 </div>
diff --git a/frontend/src/lib/components/SimpleEditor.svelte b/frontend/src/lib/components/SimpleEditor.svelte
index cc3f120092..8261e78f95 100644
--- a/frontend/src/lib/components/SimpleEditor.svelte
+++ b/frontend/src/lib/components/SimpleEditor.svelte
@@ -303,7 +303,7 @@
 		})
 
 		editor.onDidBlurEditorText(() => {
-			dispatch('blur')
+			dispatch('blur-xs')
 			code = getCode()
 		})
 
diff --git a/frontend/src/lib/components/SupabaseConnect.svelte b/frontend/src/lib/components/SupabaseConnect.svelte
index 49c6dd7d4f..3659e50341 100644
--- a/frontend/src/lib/components/SupabaseConnect.svelte
+++ b/frontend/src/lib/components/SupabaseConnect.svelte
@@ -122,7 +122,7 @@
 				<div class=" flex flex-col gap-y-2"></div>
 				{#each databases as database}
 					<button
-						class="btn btn-outline-primary mt-2 border p-2 w-full border-secondary-inverse hover:border-secondary rounded"
+						class="btn btn-outline-primary mt-2 border p-2 w-full border-secondary-inverse hover:border-secondary rounded-xs"
 						on:click={() => {
 							selectedDatabase = database
 
@@ -130,7 +130,7 @@
 						}}
 					>
 						<div class="flex flex-row items-center">
-							<div class="flex-grow">
+							<div class="grow">
 								<h3 class="text-lg font-semibold">{database.name}</h3>
 
 								<p class="text-sm text-secondary">id: {database.id} - region: {database.region}</p>
diff --git a/frontend/src/lib/components/TemplateEditor.svelte b/frontend/src/lib/components/TemplateEditor.svelte
index a38a5760fb..897fb92a60 100644
--- a/frontend/src/lib/components/TemplateEditor.svelte
+++ b/frontend/src/lib/components/TemplateEditor.svelte
@@ -495,7 +495,7 @@
 		})
 
 		editor.onDidBlurEditorText(() => {
-			dispatch('blur')
+			dispatch('blur-xs')
 			code = getCode()
 		})
 
@@ -629,7 +629,7 @@
 <div
 	bind:this={divEl}
 	style="height: 18px;"
-	class="{$$props.class ?? ''} border template nonmain-editor rounded min-h-4 mx-0.5 overflow-clip"
+	class="{$$props.class ?? ''} border template nonmain-editor rounded-xs min-h-4 mx-0.5 overflow-clip"
 	bind:clientWidth={width}
 ></div>
 
diff --git a/frontend/src/lib/components/TestConnection.svelte b/frontend/src/lib/components/TestConnection.svelte
index 930a6a72de..1f66b9ca5e 100644
--- a/frontend/src/lib/components/TestConnection.svelte
+++ b/frontend/src/lib/components/TestConnection.svelte
@@ -209,9 +209,9 @@ export async function main(bucket: any) {
 		on:click={testConnection}
 	>
 		{#if loading}
-			<Loader2 class="animate-spin mr-2 !h-4 !w-4" />
+			<Loader2 class="animate-spin mr-2 h-4! w-4!" />
 		{:else}
-			<Database class="mr-2 !h-4 !w-4" />
+			<Database class="mr-2 h-4! w-4!" />
 		{/if}
 		{buttonTextOverride ?? 'Test connection'}
 	</Button>
diff --git a/frontend/src/lib/components/TimelineBar.svelte b/frontend/src/lib/components/TimelineBar.svelte
index a106b2bfc3..35eb82cb86 100644
--- a/frontend/src/lib/components/TimelineBar.svelte
+++ b/frontend/src/lib/components/TimelineBar.svelte
@@ -29,7 +29,7 @@
 			? 'rounded-l-sm'
 			: position == 'right'
 			? 'rounded-r-sm'
-			: 'rounded-sm'} center-center text-white text-2xs whitespace-nowrap hover:outline outline-1 outline-black"
+			: 'rounded-xs'} center-center text-white text-2xs whitespace-nowrap hover:outline outline-1 outline-black"
 	>
 		<svelte:fragment slot="text"
 			><a href="{base}/run/{id}" class="inline-flex items-center gap-1" target="_blank"
diff --git a/frontend/src/lib/components/Toast.svelte b/frontend/src/lib/components/Toast.svelte
index c57a04ac48..dc0f13601b 100644
--- a/frontend/src/lib/components/Toast.svelte
+++ b/frontend/src/lib/components/Toast.svelte
@@ -30,7 +30,7 @@
 >
 	<div class="p-2 min-h-[60px] flex flex-col">
 		<div class="flex items-start w-full">
-			<div class="flex-shrink-0 mt-0.5">
+			<div class="shrink-0 mt-0.5">
 				{#if error}
 					<XCircleIcon class="h-4 w-4 text-red-400" />
 				{:else}
@@ -48,11 +48,11 @@
 				{/if}
 			</div>
 
-			<div class="ml-4 flex flex-shrink-0">
+			<div class="ml-4 flex shrink-0">
 				<button
 					type="button"
 					on:click={handleClose}
-					class="inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-none"
+					class="inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-hidden"
 				>
 					<span class="sr-only">Close</span>
 					<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
@@ -70,7 +70,7 @@
 						action.callback()
 						toast.pop(toastId)
 					}}
-					class="text-sm !text-primary"
+					class="text-sm text-primary!"
 				>
 					{action.label}
 				</Button>
diff --git a/frontend/src/lib/components/Toggle.svelte b/frontend/src/lib/components/Toggle.svelte
index 3edc2e64a6..1d90d344bd 100644
--- a/frontend/src/lib/components/Toggle.svelte
+++ b/frontend/src/lib/components/Toggle.svelte
@@ -104,7 +104,7 @@
 	<slot name="right" />
 </label>
 {#if eeOnly && disabled}
-	<span class="inline-flex text-xs items-center gap-1 !text-yellow-500 whitespace-nowrap ml-8">
+	<span class="inline-flex text-xs items-center gap-1 text-yellow-500! whitespace-nowrap ml-8">
 		<AlertTriangle size={16} />
 		EE only <Tooltip>Enterprise Edition only feature</Tooltip>
 	</span>
diff --git a/frontend/src/lib/components/UserSettings.svelte b/frontend/src/lib/components/UserSettings.svelte
index c02f998331..95271969c7 100644
--- a/frontend/src/lib/components/UserSettings.svelte
+++ b/frontend/src/lib/components/UserSettings.svelte
@@ -158,7 +158,7 @@
 							border
 							border-gray-300
 							shadow-sm
-							focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50
+							focus:border-indigo-300 focus:ring-3 focus:ring-indigo-200 focus:ring-opacity-50
 							text-sm
 							"
 												/>
@@ -308,7 +308,7 @@
 								</select>
 							</div>
 							<div class="flex items-end">
-								<Button btnClasses="!mt-2" on:click={createToken}>New token</Button>
+								<Button btnClasses="mt-2!" on:click={createToken}>New token</Button>
 							</div>
 						</div>
 					</div>
diff --git a/frontend/src/lib/components/VariableEditor.svelte b/frontend/src/lib/components/VariableEditor.svelte
index a81699c020..ff8c06a1fb 100644
--- a/frontend/src/lib/components/VariableEditor.svelte
+++ b/frontend/src/lib/components/VariableEditor.svelte
@@ -197,7 +197,7 @@
 								placeholder="Update variable value"
 							></textarea>
 						{:else if editorKind == 'json'}
-							<div class="border rounded mb-4 w-full">
+							<div class="border rounded-xs mb-4 w-full">
 								{#await import('$lib/components/SimpleEditor.svelte')}
 									<Loader2 class="animate-spin" />
 								{:then Module}
@@ -211,7 +211,7 @@
 								{/await}
 							</div>
 						{:else if editorKind == 'yaml'}
-							<div class="border rounded mb-4 w-full">
+							<div class="border rounded-xs mb-4 w-full">
 								{#await import('$lib/components/SimpleEditor.svelte')}
 									<Loader2 class="animate-spin" />
 								{:then Module}
diff --git a/frontend/src/lib/components/WorkerGroup.svelte b/frontend/src/lib/components/WorkerGroup.svelte
index 978b58b878..3285a7b7ac 100644
--- a/frontend/src/lib/components/WorkerGroup.svelte
+++ b/frontend/src/lib/components/WorkerGroup.svelte
@@ -289,7 +289,7 @@
 					<div class="flex gap-3 gap-y-2 flex-wrap pb-2">
 						{#each config.worker_tags as tag}
 							<div class="flex gap-0.5 items-center"
-								><div class="text-2xs p-1 rounded border text-primary">{tag}</div>
+								><div class="text-2xs p-1 rounded-xs border text-primary">{tag}</div>
 								{#if $superadmin}
 									<button
 										class={'z-10 rounded-full p-1 duration-200 hover:bg-gray-200'}
@@ -323,9 +323,9 @@
 								].filter((x) => !nconfig?.worker_tags?.includes(x))}
 								bind:selectedItem={newTag}
 								hideArrow={true}
-								inputClassName={'flex !font-gray-600 !font-primary !bg-surface-primary"'}
-								dropdownClassName="!text-sm !py-2 !rounded-sm  !border-gray-200 !border !shadow-md"
-								className="w-full !font-gray-600 !font-primary !bg-surface-primary"
+								inputClassName={'flex font-gray-600! font-primary! bg-surface-primary!"'}
+								dropdownClassName="text-sm! py-2! rounded-xs!  border-gray-200! border! shadow-md!"
+								className="w-full font-gray-600! font-primary! bg-surface-primary!"
 								onFocus={() => {
 									dispatch('focus')
 								}}
@@ -433,9 +433,9 @@
 									noInputStyles
 									hideArrow={true}
 									items={workspaces.map((w) => w.id)}
-									inputClassName={'flex !font-gray-600 !font-primary !bg-surface-primary'}
-									dropdownClassName="!text-sm !py-2 !rounded-sm  !border-gray-200 !border !shadow-md"
-									className="!font-gray-600 !font-primary !bg-surface-primary"
+									inputClassName={'flex font-gray-600! font-primary! bg-surface-primary!'}
+									dropdownClassName="text-sm! py-2! rounded-xs!  border-gray-200! border! shadow-md!"
+									className="font-gray-600! font-primary! bg-surface-primary!"
 									create
 									onCreate={(c) => c}
 									placeholder="Workspace ID"
@@ -455,7 +455,7 @@
 										</Tooltip>
 									</svelte:fragment>
 									<Multiselect
-										outerDivClass="text-secondary !bg-surface-disabled !border-0"
+										outerDivClass="text-secondary bg-surface-disabled! border-0!"
 										disabled={!$enterpriseLicense}
 										bind:selected={selectedPriorityTags}
 										on:change={(e) => {
@@ -484,7 +484,7 @@
 										}}
 										options={nconfig?.worker_tags}
 										selectedOptionsDraggable={false}
-										ulOptionsClass={'!bg-surface-secondary'}
+										ulOptionsClass={'bg-surface-secondary!'}
 										placeholder="High priority tags"
 									/>
 								</Label>
@@ -516,7 +516,7 @@
 								<p>Triggered when number of workers in group is lower than</p>
 								<input
 									type="number"
-									class="!w-14 text-center"
+									class="w-14! text-center"
 									disabled={!$enterpriseLicense}
 									min="1"
 									bind:value={nconfig.min_alive_workers_alert_threshold}
diff --git a/frontend/src/lib/components/ZitadelSetting.svelte b/frontend/src/lib/components/ZitadelSetting.svelte
index 16e15a6070..52b8bec9ce 100644
--- a/frontend/src/lib/components/ZitadelSetting.svelte
+++ b/frontend/src/lib/components/ZitadelSetting.svelte
@@ -45,7 +45,7 @@
 		/></label
 	>
 	{#if enabled}
-		<div class="border rounded p-2">
+		<div class="border rounded-xs p-2">
 			<label class="block pb-2">
 				<span class="text-primary font-semibold text-sm"
 					>Zitadel Url ({'ZITADEL_URL/oauth/v2/authorize'})</span
diff --git a/frontend/src/lib/components/apps/components/buttons/AppButton.svelte b/frontend/src/lib/components/apps/components/buttons/AppButton.svelte
index ff3f34097b..b80627de9a 100644
--- a/frontend/src/lib/components/apps/components/buttons/AppButton.svelte
+++ b/frontend/src/lib/components/apps/components/buttons/AppButton.svelte
@@ -228,7 +228,7 @@
 				btnClasses={twMerge(
 					css?.button?.class ?? '',
 					isMenuItem ? 'flex items-center justify-start' : '',
-					isMenuItem ? '!border-0' : '',
+					isMenuItem ? 'border-0!' : '',
 					'wm-button'
 				)}
 				variant={isMenuItem ? 'border' : 'contained'}
diff --git a/frontend/src/lib/components/apps/components/buttons/AppForm.svelte b/frontend/src/lib/components/apps/components/buttons/AppForm.svelte
index b4e3b575be..a0712231c0 100644
--- a/frontend/src/lib/components/apps/components/buttons/AppForm.svelte
+++ b/frontend/src/lib/components/apps/components/buttons/AppForm.svelte
@@ -119,7 +119,7 @@
 						Once a script or flow is chosen, set some <strong>Runnable Inputs</strong> to
 						<strong>
 							User Input
-							<User size={20} class="rounded-sm bg-gray-200 p-1 ml-0.5" />
+							<User size={20} class="rounded-xs bg-gray-200 p-1 ml-0.5" />
 						</strong>
 					</div>
 				{/if}
diff --git a/frontend/src/lib/components/apps/components/buttons/AppFormButton.svelte b/frontend/src/lib/components/apps/components/buttons/AppFormButton.svelte
index 453d964d45..d6841280b2 100644
--- a/frontend/src/lib/components/apps/components/buttons/AppFormButton.svelte
+++ b/frontend/src/lib/components/apps/components/buttons/AppFormButton.svelte
@@ -103,7 +103,7 @@
 				{extraQueryParams}
 				autoRefresh={false}
 				forceSchemaDisplay={true}
-				runnableClass="!block"
+				runnableClass="block!"
 				{outputs}
 				doOnSuccess={resolvedConfig.onSuccess}
 				doOnError={resolvedConfig.onError}
@@ -116,7 +116,7 @@
 						Once a script or flow is chosen, set some <strong>Runnable Inputs</strong> to
 						<strong>
 							User Input
-							<User size={20} class="rounded-sm bg-gray-200 p-1 ml-0.5" />
+							<User size={20} class="rounded-xs bg-gray-200 p-1 ml-0.5" />
 						</strong>
 					</div>
 				{/if}
diff --git a/frontend/src/lib/components/apps/components/display/AppAccordionList.svelte b/frontend/src/lib/components/apps/components/display/AppAccordionList.svelte
index e322e9e783..72ac33fb6b 100644
--- a/frontend/src/lib/components/apps/components/display/AppAccordionList.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppAccordionList.svelte
@@ -98,7 +98,7 @@
 								on:pointerdown|stopPropagation
 								on:click={() => toggleAccordion(index)}
 								class={twMerge(
-									'w-full text-left bg-surface !truncate text-sm hover:text-primary px-1 py-2',
+									'w-full text-left bg-surface truncate! text-sm hover:text-primary px-1 py-2',
 									'wm-tabs-alltabs',
 									activeIndex === index
 										? twMerge('bg-surface text-primary ', 'wm-tabs-selectedTab')
diff --git a/frontend/src/lib/components/apps/components/display/AppNavbarItem.svelte b/frontend/src/lib/components/apps/components/display/AppNavbarItem.svelte
index d06df2a9d8..46b27a8ad3 100644
--- a/frontend/src/lib/components/apps/components/display/AppNavbarItem.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppNavbarItem.svelte
@@ -155,7 +155,7 @@
 			color="light"
 			size="xs"
 			disabled={resolvedDisabled}
-			btnClasses={orientation === 'vertical' ? '!justify-start !whitespace-normal !text-left' : ''}
+			btnClasses={orientation === 'vertical' ? 'justify-start! whitespace-normal! text-left!' : ''}
 		>
 			{#if navbarItem.icon}
 				{#key navbarItem.icon}
diff --git a/frontend/src/lib/components/apps/components/display/AppText.svelte b/frontend/src/lib/components/apps/components/display/AppText.svelte
index aa140273f7..6525b1f9f5 100644
--- a/frontend/src/lib/components/apps/components/display/AppText.svelte
+++ b/frontend/src/lib/components/apps/components/display/AppText.svelte
@@ -178,7 +178,7 @@
 			<AlignWrapper {verticalAlignment}>
 				<textarea
 					class={twMerge(
-						'whitespace-pre-wrap !outline-none !border-0 !bg-transparent !resize-none !ring-0 !p-0',
+						'whitespace-pre-wrap outline-hidden! border-0! bg-transparent! resize-none! ring-0! p-0!',
 						css?.text?.class,
 						'wm-text',
 						classes,
@@ -250,7 +250,7 @@
 									variant="border"
 									size="xs"
 									color="light"
-									btnClasses="!p-1"
+									btnClasses="p-1!"
 									on:click={() => copyToClipboard(result)}
 								>
 									<Clipboard size={14} strokeWidth={2} />
diff --git a/frontend/src/lib/components/apps/components/display/table/AppAggridTableActions.svelte b/frontend/src/lib/components/apps/components/display/table/AppAggridTableActions.svelte
index 732569cb69..8a3ecb70ab 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppAggridTableActions.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppAggridTableActions.svelte
@@ -85,7 +85,7 @@
 					<div
 						title={`Id: ${action.id}`}
 						class={twMerge(
-							'px-2 text-2xs font-bold absolute shadow  -top-2 -left-4 border z-50 rounded-sm w-8 !h-5 flex justify-center items-center',
+							'px-2 text-2xs font-bold absolute shadow-xs  -top-2 -left-4 border z-50 rounded-xs w-8 h-5! flex justify-center items-center',
 							'bg-indigo-500/90 border-indigo-600 text-white',
 							$hoverStore === action.id && $selectedComponent?.[0] !== action.id
 								? 'bg-blue-500/90 border-blue-600'
diff --git a/frontend/src/lib/components/apps/components/display/table/AppCell.svelte b/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
index f4abc40ade..c52bfb6a14 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppCell.svelte
@@ -69,7 +69,7 @@
 			on:input={handleInput}
 			on:blur={saveEdit}
 			id="cell"
-			class="!appearance-none !bg-transparent !border-none !p-0 !m-0 leading-normal !text-xs"
+			class="appearance-none! bg-transparent! border-none! p-0! m-0! leading-normal text-xs!"
 			style="outline: none; box-shadow: none; height: auto; resize: none;"
 			on:keypress={(e) => {
 				if (e.key === 'Enter') {
diff --git a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
index af02b3549c..9f059b73ea 100644
--- a/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
+++ b/frontend/src/lib/components/apps/components/display/table/AppTable.svelte
@@ -414,7 +414,7 @@
 											{#if context}
 												{@const component = renderCell(header.column.columnDef.header, context)}
 												{@const displayName = getDisplayNameById(header.id)}
-												<th class="!p-0">
+												<th class="p-0!">
 													<div
 														class="flex flex-row items-center gap-1 px-4 py-4 text-xs text-primary font-medium border-b"
 													>
@@ -442,7 +442,7 @@
 										{/if}
 									{/each}
 									{#if actionButtons.length > 0}
-										<th class="!p-0">
+										<th class="p-0!">
 											<div
 												class="flex flex-row items-center px-4 py-4 text-xs text-primary font-medium border-b"
 											>
@@ -462,7 +462,7 @@
 								{@const rowIndex = row.original['__index']}
 								<tr
 									class={twMerge(
-										isLastRow ? '!border-b-0' : '',
+										isLastRow ? 'border-b-0!' : '',
 										'divide-x w-full',
 										index % 2 === 0 ? 'bg-gray-50/50' : '',
 										selectedRowIndex === rowIndex
@@ -553,7 +553,7 @@
 																<span
 																	title={`Id: ${actionButton.id}`}
 																	class={classNames(
-																		'px-2 text-2xs font-bold w-fit absolute shadow  -top-2 -left-2 border z-50 rounded-sm',
+																		'px-2 text-2xs font-bold w-fit absolute shadow-xs  -top-2 -left-2 border z-50 rounded-xs',
 																		'bg-indigo-500/90 border-indigo-600 text-white',
 																		$selectedComponent?.includes(actionButton.id) ||
 																			$hoverStore === actionButton.id
diff --git a/frontend/src/lib/components/apps/components/helpers/ComponentErrorHandler.svelte b/frontend/src/lib/components/apps/components/helpers/ComponentErrorHandler.svelte
index b3302dea5b..c589e372d5 100644
--- a/frontend/src/lib/components/apps/components/helpers/ComponentErrorHandler.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/ComponentErrorHandler.svelte
@@ -9,7 +9,7 @@
 
 {#if hasError}
 	<div class={classNames('bg-red-100 w-full h-full flex items-center justify-center text-red-500')}>
-		<Popover notClickable placement="bottom" popupClass="!bg-surface border w-96">
+		<Popover notClickable placement="bottom" popupClass="bg-surface! border w-96">
 			<Bug size={14} />
 			<span slot="text">
 				<div class="bg-surface">
diff --git a/frontend/src/lib/components/apps/components/helpers/DebouncedInput.svelte b/frontend/src/lib/components/apps/components/helpers/DebouncedInput.svelte
index c7ed674efb..91b503350e 100644
--- a/frontend/src/lib/components/apps/components/helpers/DebouncedInput.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/DebouncedInput.svelte
@@ -36,6 +36,6 @@
 	on:pointerdown|stopPropagation
 	on:keyup={debounce}
 	on:keydown|stopPropagation
-	class={twMerge(parentClass, 'mb-1 h-8 !rounded-md !shadow-none')}
+	class={twMerge(parentClass, 'mb-1 h-8 rounded-md! shadow-none!')}
 	{...$$restProps}
 />
diff --git a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
index a6cafda2b9..4beb7454b0 100644
--- a/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
+++ b/frontend/src/lib/components/apps/components/helpers/RunnableComponent.svelte
@@ -811,10 +811,10 @@
 			<div
 				title="Error"
 				class={classNames(
-					'text-red-500 px-1 text-2xs py-0.5 font-bold w-fit absolute border border-red-500 -bottom-2  shadow left-1/2 transform -translate-x-1/2 z-50 cursor-pointer'
+					'text-red-500 px-1 text-2xs py-0.5 font-bold w-fit absolute border border-red-500 -bottom-2  shadow-xs left-1/2 transform -translate-x-1/2 z-50 cursor-pointer'
 				)}
 			>
-				<Popover notClickable placement="bottom" popupClass="!bg-surface border w-96">
+				<Popover notClickable placement="bottom" popupClass="bg-surface! border w-96">
 					<Bug size={14} />
 					<span slot="text">
 						<div class="bg-surface">
diff --git a/frontend/src/lib/components/apps/components/inputs/AppDateSliderInput.svelte b/frontend/src/lib/components/apps/components/inputs/AppDateSliderInput.svelte
index 4e998ed739..0ee67c3015 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppDateSliderInput.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppDateSliderInput.svelte
@@ -106,7 +106,7 @@
 	let width = 0
 
 	const spanClass =
-		'text-center text-sm font-medium bg-blue-100 text-blue-800 rounded px-2.5 py-0.5'
+		'text-center text-sm font-medium bg-blue-100 text-blue-800 rounded-xs px-2.5 py-0.5'
 	function computeWidth() {
 		let maxValue = resolvedConfig.max ?? 0 + (resolvedConfig.step ?? 0)
 
diff --git a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
index 8159968b95..35fafe8918 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppMultiSelect.svelte
@@ -149,7 +149,7 @@
 				bind:outerDiv
 				outerDivClass={`${resolvedConfig.allowOverflow ? '' : 'h-full'}`}
 				ulSelectedClass={`${resolvedConfig.allowOverflow ? '' : 'overflow-auto max-h-full'} `}
-				ulOptionsClass={'p-2 !bg-surface-secondary'}
+				ulOptionsClass={'p-2 bg-surface-secondary!'}
 				--sms-border={'none'}
 				--sms-min-height={'32px'}
 				--sms-focus-border={'none'}
diff --git a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
index 6d7abcaf55..a35f6f9a14 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppSelect.svelte
@@ -290,7 +290,7 @@
 				</Select>
 			{/if}
 		{:else}
-			<Popover notClickable placement="bottom" popupClass="!bg-surface border w-96">
+			<Popover notClickable placement="bottom" popupClass="bg-surface! border w-96">
 				<div
 					class={classNames(
 						'bg-red-100 w-full h-full flex items-center justify-center text-red-500'
diff --git a/frontend/src/lib/components/apps/components/inputs/AppSliderInputs.svelte b/frontend/src/lib/components/apps/components/inputs/AppSliderInputs.svelte
index 7d4adaa877..5a5a429b8e 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppSliderInputs.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppSliderInputs.svelte
@@ -85,7 +85,7 @@
 	}
 
 	const spanClass =
-		'text-center text-sm font-medium bg-blue-100 text-blue-800 rounded px-2.5 py-0.5'
+		'text-center text-sm font-medium bg-blue-100 text-blue-800 rounded-xs px-2.5 py-0.5'
 	function computeWidth() {
 		let maxValue = resolvedConfig.max ?? 0 + (resolvedConfig.step ?? 0)
 
diff --git a/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte b/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
index dadc2d81d1..3c10d3a460 100644
--- a/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
+++ b/frontend/src/lib/components/apps/components/inputs/AppTextInput.svelte
@@ -177,8 +177,8 @@
 					<input
 						class={twMerge(
 							classInput,
-							resolvedConfig.beforeIcon ? '!pl-8' : '',
-							resolvedConfig.afterIcon ? '!pr-8' : ''
+							resolvedConfig.beforeIcon ? 'pl-8!' : '',
+							resolvedConfig.afterIcon ? 'pr-8!' : ''
 						)}
 						style={css?.input?.style ?? ''}
 						on:pointerdown|stopPropagation={(e) =>
@@ -194,8 +194,8 @@
 					<input
 						class={twMerge(
 							classInput,
-							resolvedConfig.beforeIcon ? '!pl-8' : '',
-							resolvedConfig.afterIcon ? '!pr-8' : ''
+							resolvedConfig.beforeIcon ? 'pl-8!' : '',
+							resolvedConfig.afterIcon ? 'pr-8!' : ''
 						)}
 						style={css?.input?.style ?? ''}
 						on:pointerdown|stopPropagation={(e) =>
@@ -210,8 +210,8 @@
 					<input
 						class={twMerge(
 							classInput,
-							resolvedConfig.beforeIcon ? '!pl-8' : '',
-							resolvedConfig.afterIcon ? '!pr-8' : ''
+							resolvedConfig.beforeIcon ? 'pl-8!' : '',
+							resolvedConfig.afterIcon ? 'pr-8!' : ''
 						)}
 						style={css?.input?.style ?? ''}
 						on:pointerdown|stopPropagation={(e) =>
diff --git a/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte b/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
index 4e83813db0..aff697650a 100644
--- a/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
+++ b/frontend/src/lib/components/apps/components/layout/AppDrawer.svelte
@@ -126,7 +126,7 @@
 			bind:this={appDrawer}
 			size="800px"
 			alwaysOpen
-			positionClass={$mode == 'dnd' ? '!absolute' : '!fixed'}
+			positionClass={$mode == 'dnd' ? 'absolute!' : 'fixed!'}
 			shouldUsePortal={false}
 			on:open={() => {
 				outputs?.open.set(true)
diff --git a/frontend/src/lib/components/apps/components/layout/AppStepper.svelte b/frontend/src/lib/components/apps/components/layout/AppStepper.svelte
index eb47b3e928..46f73a6642 100644
--- a/frontend/src/lib/components/apps/components/layout/AppStepper.svelte
+++ b/frontend/src/lib/components/apps/components/layout/AppStepper.svelte
@@ -153,7 +153,7 @@
 	{extraQueryParams}
 	autoRefresh={false}
 	forceSchemaDisplay={true}
-	runnableClass="!block"
+	runnableClass="block!"
 	{outputs}
 	bind:result
 	errorHandledByComponent={true}
diff --git a/frontend/src/lib/components/apps/components/layout/AppTabs.svelte b/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
index 06b11db63a..063a8c6a2c 100644
--- a/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
+++ b/frontend/src/lib/components/apps/components/layout/AppTabs.svelte
@@ -156,7 +156,7 @@
 						on:pointerdown|stopPropagation
 						on:click={() => (selected = res)}
 						class={twMerge(
-							'rounded-sm !truncate text-sm  hover:text-primary px-1 py-2',
+							'rounded-xs truncate! text-sm  hover:text-primary px-1 py-2',
 							css?.allTabs?.class,
 							'wm-tabs-alltabs',
 							selected == res
@@ -184,7 +184,7 @@
 							on:pointerdown|stopPropagation
 							on:click={() => (selected = res)}
 							class={twMerge(
-								'w-full text-left bg-surface !truncate text-sm hover:text-primary px-1 py-2',
+								'w-full text-left bg-surface truncate! text-sm hover:text-primary px-1 py-2',
 								css?.allTabs?.class,
 								'wm-tabs-alltabs',
 								selected == res
diff --git a/frontend/src/lib/components/apps/editor/AppEditor.svelte b/frontend/src/lib/components/apps/editor/AppEditor.svelte
index 3276befa58..ff54c78e81 100644
--- a/frontend/src/lib/components/apps/editor/AppEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/AppEditor.svelte
@@ -901,7 +901,7 @@
 						</div>
 					</Pane>
 					<Pane bind:size={centerPanelSize}>
-						<Splitpanes id="o2" horizontal class="!overflow-visible">
+						<Splitpanes id="o2" horizontal class="overflow-visible!">
 							<Pane bind:size={gridPanelSize} class="ovisible">
 								<div
 									on:pointerdown={(e) => {
@@ -1125,7 +1125,7 @@
 					{:else}
 						<Pane bind:size={rightPanelSize} minSize={15} maxSize={33}>
 							<div bind:clientWidth={$runnableJob.width} class="relative flex flex-col h-full">
-								<Tabs bind:selected={selectedTab} wrapperClass="!min-h-[42px]" class="!h-full">
+								<Tabs bind:selected={selectedTab} wrapperClass="min-h-[42px]!" class="h-full!">
 									<Popover disappearTimeout={0} notClickable placement="bottom">
 										<svelte:fragment slot="text">Component library</svelte:fragment>
 										<Tab
@@ -1195,7 +1195,7 @@
 												/>
 												<SecondaryMenu right />
 											{:else}
-												<div class="min-w-[150px] text-sm !text-secondary text-center py-8 px-2">
+												<div class="min-w-[150px] text-sm text-secondary! text-center py-8 px-2">
 													Select a component to see the settings&nbsp;for&nbsp;it
 												</div>
 											{/if}
diff --git a/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte b/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
index fa171959c4..7f32f4b014 100644
--- a/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/AppEditorHeader.svelte
@@ -1311,7 +1311,7 @@
 		tooltip="Look at latests runs to spot potential bugs."
 		documentationLink="https://www.windmill.dev/docs/apps/app_debugging"
 	>
-		<Splitpanes class="!overflow-visible">
+		<Splitpanes class="overflow-visible!">
 			<Pane size={25}>
 				<PanelSection title="Past Runs">
 					<div class="flex flex-col gap-2 w-full">
@@ -1328,7 +1328,7 @@
 												selectedJob.error ? 'border border-red-500 text-primary' : '',
 												selectedJob.error && $errorByComponent[selectedJob.component]?.id == id
 													? selectedJobId == id
-														? 'bg-red-600 !border-blue-600'
+														? 'bg-red-600 border-blue-600!'
 														: 'bg-red-400'
 													: selectedJobId == id
 														? 'text-blue-600'
@@ -1648,7 +1648,7 @@
 								rightTooltip:
 									'Desktop view is enabled by default. Enable this to customize the layout of the components for the mobile view'
 							}}
-							textClass="text-2xs whitespace-nowrap white !w-full"
+							textClass="text-2xs whitespace-nowrap white w-full!"
 							bind:checked={$app.mobileViewOnSmallerScreens}
 							class="flex flex-row px-2 items-center"
 						/>
@@ -1731,7 +1731,7 @@
 					{#if hasErrors}
 						<Button
 							size="xs"
-							btnClasses="-my-2 !px-1 !py-0"
+							btnClasses="-my-2 px-1! py-0!"
 							color="light"
 							variant="border"
 							on:click={() => errorByComponent.set({})}
diff --git a/frontend/src/lib/components/apps/editor/AppPreview.svelte b/frontend/src/lib/components/apps/editor/AppPreview.svelte
index 2cc07c05bc..eb3c77300d 100644
--- a/frontend/src/lib/components/apps/editor/AppPreview.svelte
+++ b/frontend/src/lib/components/apps/editor/AppPreview.svelte
@@ -184,7 +184,7 @@
 		$breakpoint === 'sm' && $appStore?.mobileViewOnSmallerScreens !== false
 			? 'max-w-[640px]'
 			: 'w-full min-w-[768px]'
-	$: lockedClasses = isLocked ? '!max-h-[400px] overflow-hidden pointer-events-none' : ''
+	$: lockedClasses = isLocked ? 'max-h-[400px]! overflow-hidden pointer-events-none' : ''
 
 	function onThemeChange() {
 		$darkMode = app?.darkMode ?? document.documentElement.classList.contains('dark')
diff --git a/frontend/src/lib/components/apps/editor/AppTimeline.svelte b/frontend/src/lib/components/apps/editor/AppTimeline.svelte
index 7d2f4b06f1..c4b90e46e9 100644
--- a/frontend/src/lib/components/apps/editor/AppTimeline.svelte
+++ b/frontend/src/lib/components/apps/editor/AppTimeline.svelte
@@ -111,12 +111,12 @@
 		<div class="flex gap-4 items-center">
 			<div class="flex gap-2 items-center text-xs">
 				<div>Waiting for executor</div>
-				<div class="h-4 w-4 bg-gray-300 dark:bg-gray-600 rounded"></div>
+				<div class="h-4 w-4 bg-gray-300 dark:bg-gray-600 rounded-xs"></div>
 			</div>
 
 			<div class="flex gap-2 items-center text-xs">
 				<div>Execution</div>
-				<div class="h-4 w-4 bg-blue-500/90 rounded"></div>
+				<div class="h-4 w-4 bg-blue-500/90 rounded-xs"></div>
 			</div>
 		</div>
 	</div>
diff --git a/frontend/src/lib/components/apps/editor/ComponentHeader.svelte b/frontend/src/lib/components/apps/editor/ComponentHeader.svelte
index a4a516b06f..54db7d2cb1 100644
--- a/frontend/src/lib/components/apps/editor/ComponentHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/ComponentHeader.svelte
@@ -122,7 +122,7 @@
 			draggable="false"
 			title={`Id: ${component.id}`}
 			class={twMerge(
-				'py-0.5 text-2xs w-fit h-full min-h-5 rounded z-50 cursor-move flex flex-row flex-nowrap font-semibold items-center shadow',
+				'py-0.5 text-2xs w-fit h-full min-h-5 rounded-xs z-50 cursor-move flex flex-row flex-nowrap font-semibold items-center shadow-xs',
 				selected
 					? 'bg-blue-600/90 text-white'
 					: $connectingInput.opened
@@ -142,7 +142,7 @@
 					<button
 						title="Fill height"
 						class={twMerge(
-							'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full',
+							'px-1 py-0.5 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full',
 							fullHeight
 								? 'bg-blue-300 text-blue-800'
 								: 'text-white hover:bg-blue-400 hover:text-white'
@@ -156,7 +156,7 @@
 					<button
 						title="Lock Position"
 						class={twMerge(
-							'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full',
+							'px-1 py-0.5 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full',
 							locked ? 'bg-blue-300 text-blue-800' : 'text-white hover:bg-blue-400 hover:text-white'
 						)}
 						on:click={() => dispatch('lock')}
@@ -172,7 +172,7 @@
 						<button
 							title="Expand"
 							class={twMerge(
-								'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full text-white hover:bg-blue-400 hover:text-white'
+								'px-1 py-0.5 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full text-white hover:bg-blue-400 hover:text-white'
 							)}
 							on:click={() => dispatch('expand')}
 							on:pointerdown|stopPropagation
@@ -186,7 +186,7 @@
 		{#if selected && !connecting && checkComponentOptions()}
 			<div
 				class={twMerge(
-					'px-1 py-0.5 text-2xs font-semibold w-fit min-h-5 shadow rounded z-50 flex flex-row items-center flex-nowrap',
+					'px-1 py-0.5 text-2xs font-semibold w-fit min-h-5 shadow-xs rounded-xs z-50 flex flex-row items-center flex-nowrap',
 					isManuallySelected || componentIsDebugging
 						? 'bg-red-100 text-red-600 border-red-500'
 						: 'bg-blue-100/90 border-blue-200 text-blue-600'
@@ -196,7 +196,7 @@
 					<button
 						title="Edit"
 						class={twMerge(
-							'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full',
+							'px-1 py-0.5 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full',
 							inlineEditorOpened
 								? 'bg-blue-300 text-blue-800'
 								: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
@@ -226,7 +226,7 @@
 					<button
 						title={'Open Decision Tree Editor'}
 						class={twMerge(
-							'px-1 py-0.5 text-2xs font-bold rounded cursor-pointer w-fit h-full center-center',
+							'px-1 py-0.5 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full center-center',
 							componentIsDebugging
 								? 'text-red-600 hover:bg-red-300 hover:text-red-800'
 								: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
@@ -258,7 +258,7 @@
 					<div
 						title="Fill height"
 						class={classNames(
-							'px-1 text-2xs py-0.5 font-bold w-fit border cursor-pointer rounded-sm',
+							'px-1 text-2xs py-0.5 font-bold w-fit border cursor-pointer rounded-xs',
 							'bg-red-100 text-red-600 border-red-500 hover:bg-red-200 hover:text-red-800'
 						)}
 					>
@@ -278,10 +278,10 @@
 	<span
 		title="Error"
 		class={classNames(
-			'text-red-500 px-1 text-2xs py-0.5 font-bold w-fit absolute border border-red-500 -bottom-1  shadow left-1/2 transform -translate-x-1/2 z-50 cursor-pointer'
+			'text-red-500 px-1 text-2xs py-0.5 font-bold w-fit absolute border border-red-500 -bottom-1  shadow-xs left-1/2 transform -translate-x-1/2 z-50 cursor-pointer'
 		)}
 	>
-		<Popover notClickable placement="bottom" contentClasses="!bg-surface border w-96 p-4">
+		<Popover notClickable placement="bottom" contentClasses="bg-surface! border w-96 p-4">
 			<svelte:fragment slot="trigger">
 				<Bug size={14} />
 			</svelte:fragment>
diff --git a/frontend/src/lib/components/apps/editor/DecisionTreeDebug.svelte b/frontend/src/lib/components/apps/editor/DecisionTreeDebug.svelte
index 9465984854..0ce02da60a 100644
--- a/frontend/src/lib/components/apps/editor/DecisionTreeDebug.svelte
+++ b/frontend/src/lib/components/apps/editor/DecisionTreeDebug.svelte
@@ -101,7 +101,7 @@
 			<button
 				title={'Debug tabs'}
 				class={classNames(
-					'px-1 text-2xs font-bold rounded cursor-pointer w-fit h-full',
+					'px-1 text-2xs font-bold rounded-xs cursor-pointer w-fit h-full',
 					componentIsDebugging
 						? ' hover:bg-red-300 hover:text-red-800'
 						: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
diff --git a/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte b/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
index 6067e6b739..f89f4b18ee 100644
--- a/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
+++ b/frontend/src/lib/components/apps/editor/DeploymentHistory.svelte
@@ -67,7 +67,7 @@
 	loadVersions()
 </script>
 
-<Splitpanes class="!overflow-visible">
+<Splitpanes class="overflow-visible!">
 	<Pane size={20}>
 		<PanelSection title="Past Deployments">
 			<div class="flex flex-col gap-2 w-full">
@@ -114,7 +114,7 @@
 									<input
 										type="text"
 										bind:value={deploymentMsgUpdate}
-										class="!w-auto grow"
+										class="w-auto! grow"
 										on:click|stopPropagation={() => {}}
 										on:keydown|stopPropagation
 										on:keypress|stopPropagation={({ key }) => {
@@ -126,7 +126,7 @@
 										size="xs"
 										color="blue"
 										buttonType="button"
-										btnClasses="!p-1 !w-[34px] !ml-1"
+										btnClasses="p-1! w-[34px]! ml-1!"
 										aria-label="Save deployment message"
 										on:click={() => {
 											updateDeploymentMsg(selected?.id, selectedVersion?.version)
@@ -138,7 +138,7 @@
 										size="xs"
 										color="light"
 										buttonType="button"
-										btnClasses="!p-1 !w-[34px] !ml-1"
+										btnClasses="p-1! w-[34px]! ml-1!"
 										aria-label="Abort"
 										on:click={() => {
 											deploymentMsgUpdateMode = false
@@ -160,7 +160,7 @@
 										deploymentMsgUpdateMode = true
 									}}
 									title="Update commit message"
-									class="flex items-center px-1 rounded-sm hover:text-primary text-secondary h-5"
+									class="flex items-center px-1 rounded-xs hover:text-primary text-secondary h-5"
 									aria-label="Update commit message"
 								>
 									<Pencil size={14} />
diff --git a/frontend/src/lib/components/apps/editor/GridEditor.svelte b/frontend/src/lib/components/apps/editor/GridEditor.svelte
index 5163a92885..67d1692eb9 100644
--- a/frontend/src/lib/components/apps/editor/GridEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/GridEditor.svelte
@@ -119,7 +119,7 @@
 	}
 </script>
 
-<div class="w-full z-[1000] overflow-visible h-full">
+<div class="w-full z-1000 overflow-visible h-full">
 	<div class={$app.hideLegacyTopBar ? 'hidden' : ''}>
 		<div
 			class="w-full sticky top-0 flex justify-between border-b {$componentActive
@@ -135,7 +135,7 @@
 				</div>
 				{#if $bgRuns.length > 0}
 					<Popover notClickable>
-						<span class="!text-2xs text-tertiary inline-flex gap-1 items-center"
+						<span class="text-2xs! text-tertiary inline-flex gap-1 items-center"
 							><Loader2 size={10} class="animate-spin" /> {$bgRuns.length}
 						</span>
 						<span slot="text"
@@ -173,7 +173,7 @@
 		class={twMerge(
 			'p-2 overflow-visible z-50',
 			$app.css?.['app']?.['grid']?.class ?? '',
-			'wm-app-grid !static h-full w-full'
+			'wm-app-grid static! h-full w-full'
 		)}
 		on:pointerdown={() => {
 			$selectedComponent = undefined
diff --git a/frontend/src/lib/components/apps/editor/GridEditorMenu.svelte b/frontend/src/lib/components/apps/editor/GridEditorMenu.svelte
index 9b9a5f66f2..a0dd76a079 100644
--- a/frontend/src/lib/components/apps/editor/GridEditorMenu.svelte
+++ b/frontend/src/lib/components/apps/editor/GridEditorMenu.svelte
@@ -179,7 +179,7 @@
 							<Popover
 								notClickable
 								placement="right"
-								popupClass="z-[7000]"
+								popupClass="z-7000"
 								disablePopup={!item.tooltip}
 								appearTimeout={800}
 							>
diff --git a/frontend/src/lib/components/apps/editor/RecomputeAllButton.svelte b/frontend/src/lib/components/apps/editor/RecomputeAllButton.svelte
index 210979a50b..e32e82e7ef 100644
--- a/frontend/src/lib/components/apps/editor/RecomputeAllButton.svelte
+++ b/frontend/src/lib/components/apps/editor/RecomputeAllButton.svelte
@@ -35,7 +35,7 @@
 			size="xs"
 			variant="border"
 			btnClasses={twMerge(
-				'!rounded-none text-tertiary !text-2xs !border-r border-y-0 border-l-0 group'
+				'rounded-none! text-tertiary text-2xs! border-r! border-y-0 border-l-0 group'
 			)}
 			title="Refresh {componentNumber} component{componentNumber > 1 ? 's' : ''} {interval
 				? `every ${interval / 1000} seconds`
diff --git a/frontend/src/lib/components/apps/editor/RecomputeAllWrapper.svelte b/frontend/src/lib/components/apps/editor/RecomputeAllWrapper.svelte
index 80a1206dd1..933bbe323c 100644
--- a/frontend/src/lib/components/apps/editor/RecomputeAllWrapper.svelte
+++ b/frontend/src/lib/components/apps/editor/RecomputeAllWrapper.svelte
@@ -20,7 +20,7 @@
 	<div class="w-9">
 		{#if $bgRuns.length > 0}
 			<Popover notClickable>
-				<span class="!text-2xs text-tertiary inline-flex gap-1 items-center"
+				<span class="text-2xs! text-tertiary inline-flex gap-1 items-center"
 					><Loader2 size={10} class="animate-spin" /> {$bgRuns.length}
 				</span>
 				<span slot="text"
diff --git a/frontend/src/lib/components/apps/editor/RunnableJobPanel.svelte b/frontend/src/lib/components/apps/editor/RunnableJobPanel.svelte
index f5e905f0c8..cf63390c44 100644
--- a/frontend/src/lib/components/apps/editor/RunnableJobPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/RunnableJobPanel.svelte
@@ -54,7 +54,7 @@
 	<!-- svelte-ignore a11y-no-static-element-interactions -->
 	{#if float}
 		<div
-			class="absolute z-[100] top-0 right-0 border-t h-full"
+			class="absolute z-100 top-0 right-0 border-t h-full"
 			style="width: {$runnableJobEditorPanel.width}px; transform: translateX({$runnableJobEditorPanel.width}px);"
 		>
 			<RunnableJobPanelInner {testIsLoading} {frontendJob} {testJob} />
diff --git a/frontend/src/lib/components/apps/editor/TabsDebug.svelte b/frontend/src/lib/components/apps/editor/TabsDebug.svelte
index 6b9e190946..3ba873c92a 100644
--- a/frontend/src/lib/components/apps/editor/TabsDebug.svelte
+++ b/frontend/src/lib/components/apps/editor/TabsDebug.svelte
@@ -52,7 +52,7 @@
 			<button
 				title={isConditionalDebugMode ? 'Debug conditions' : 'Debug tabs'}
 				class={classNames(
-					'px-1 text-2xs font-bold w-fit h-full cursor-pointer rounded',
+					'px-1 text-2xs font-bold w-fit h-full cursor-pointer rounded-xs',
 					isManuallySelected
 						? 'hover:bg-red-200 hover:text-red-800'
 						: 'text-blue-600 hover:bg-blue-300 hover:text-blue-800'
diff --git a/frontend/src/lib/components/apps/editor/component/ComponentRendered.svelte b/frontend/src/lib/components/apps/editor/component/ComponentRendered.svelte
index 52d9679ea0..51bbfe95a6 100644
--- a/frontend/src/lib/components/apps/editor/component/ComponentRendered.svelte
+++ b/frontend/src/lib/components/apps/editor/component/ComponentRendered.svelte
@@ -114,7 +114,7 @@
 			<div
 				class={twMerge('absolute inset-0 bg-locked center-center flex-col z-50', 'bg-locked-hover')}
 			>
-				<div class="bg-surface p-2 shadow-sm rounded-md flex center-center flex-col gap-2">
+				<div class="bg-surface p-2 shadow-2xs rounded-md flex center-center flex-col gap-2">
 					<Anchor size={24} class="text-primary " />
 					<div class="text-xs"> Anchored: The component cannot be moved. </div>
 				</div>
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
index ebd42f963a..ca1449eb82 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/CssProperty.svelte
@@ -160,7 +160,7 @@
 							type="textarea"
 							disabled={isQuickMenuOpen}
 							wrapperClass="h-full min-h-[72px]"
-							inputClass="h-full !text-xs !rounded-none !p-2 !shadow-none !border-gray-200 dark:!border-gray-600 "
+							inputClass="h-full text-xs! rounded-none! p-2! shadow-none! border-gray-200! dark:border-gray-600! "
 						/>
 					</div>
 					{#if quickStyleProperties?.length && isQuickMenuOpen}
@@ -203,7 +203,7 @@
 					</div>
 					<div class="relative">
 						<SimpleEditor
-							class="h-24 border !rounded-none"
+							class="h-24 border rounded-none!"
 							lang="tailwindcss"
 							{tailwindClasses}
 							bind:code={value.class}
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
index 26dea07188..cfcb015ca6 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/ListItem.svelte
@@ -50,7 +50,7 @@
 					<Tooltip class="ml-1" {documentationLink}>{tooltip}</Tooltip>
 				{/if}
 			</h1>
-			<ChevronDown class="rotate-0 duration-300 {isOpen ? '!rotate-180' : ''}" />
+			<ChevronDown class="rotate-0 duration-300 {isOpen ? 'rotate-180!' : ''}" />
 		</button>
 		{#if isOpen}
 			<div transition:slide|local={{ duration: 300 }} class="px-2 {contentWrapperClasses}">
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleMenu.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleMenu.svelte
index 059a35570e..bb7d5cb526 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleMenu.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleMenu.svelte
@@ -182,7 +182,7 @@
 	})
 </script>
 
-<div class="flex flex-col !divide-y">
+<div class="flex flex-col divide-y!">
 	{#each properties as property}
 		{#each Object.keys(property) as group (group)}
 			{@const prefix = `${componentType}_${componentProperty}_${group}`}
@@ -191,9 +191,9 @@
 				title={group}
 				{prefix}
 				openByDefault={false}
-				wrapperClasses="!px-0 !py-0 "
+				wrapperClasses="px-0! py-0! "
 				toggleClasses=" !rounded-b-none !py-0
-				{isOpen[prefix] ? '!bg-surface-secondary hover:!bg-surface-hover' : ''}"
+				{isOpen[prefix] ? 'bg-surface-secondary! hover:bg-surface-hover!' : ''}"
 			>
 				<svelte:fragment slot="title">
 					<span class="font-normal text-xs">
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleProperty.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleProperty.svelte
index 2276569a84..f642ca9377 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleProperty.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/QuickStyleProperty.svelte
@@ -62,7 +62,7 @@
 						color="light"
 						size="xs"
 						variant="border"
-						btnClasses="!p-0 !w-[34px] !h-[34px]"
+						btnClasses="p-0! w-[34px]! h-[34px]!"
 						aria-label="Set {key} to {color}"
 						style={`background-color: ${color};`}
 						on:click={() => (value = color)}
@@ -73,7 +73,7 @@
 		{:else if type === StylePropertyType.number}
 			<ClearableInput
 				type="number"
-				inputClass={inline ? '!w-[90px]' : ''}
+				inputClass={inline ? 'w-[90px]!' : ''}
 				bind:value
 				step={prop.value?.['step'] || 1}
 				min={prop.value?.['min']}
@@ -81,9 +81,9 @@
 			/>
 		{:else if type === StylePropertyType.unit}
 			<ClearableInput
-				wrapperClass="flex items-center {inline ? '!grow-0' : ''}"
-				inputClass="!border-r-0 !rounded-r-none {inline ? '!w-[90px]' : ''}"
-				buttonClass="!right-9"
+				wrapperClass="flex items-center {inline ? 'grow-0!' : ''}"
+				inputClass="border-r-0! rounded-r-none! {inline ? 'w-[90px]!' : ''}"
+				buttonClass="right-9!"
 				type="number"
 				value={internalValue}
 				on:change={({ detail }) => updateValue(detail)}
@@ -92,16 +92,16 @@
 					let:close
 					noMinW
 					wrapperClasses="h-full bg-surface rounded-r-md border-y border-r pr-0.5"
-					popupClasses="!mt-0"
+					popupClasses="mt-0!"
 				>
 					<button
 						slot="trigger"
 						type="button"
-						class="font-normal text-xs px-1 py-1.5 w-8 rounded mt-0.5 duration-200 hover:bg-gray-200/90"
+						class="font-normal text-xs px-1 py-1.5 w-8 rounded-xs mt-0.5 duration-200 hover:bg-gray-200/90"
 					>
 						{unit}
 					</button>
-					<ul class="bg-surface rounded border py-1 overflow-auto">
+					<ul class="bg-surface rounded-xs border py-1 overflow-auto">
 						{#each StylePropertyUnits as u}
 							<li class="w-full">
 								<Button
@@ -109,7 +109,7 @@
 									color="light"
 									size="xs"
 									variant="contained"
-									btnClasses="!justify-start !rounded-none !w-full !px-3 !py-1.5"
+									btnClasses="justify-start! rounded-none! w-full! px-3! py-1.5!"
 									on:click={() => {
 										updateUnit(u)
 										close()
@@ -129,7 +129,7 @@
 						color={value === option.text ? 'dark' : 'light'}
 						size="xs"
 						variant={value === option.text ? 'contained' : 'border'}
-						btnClasses="!p-1 !min-w-[34px] !h-[34px]"
+						btnClasses="p-1! min-w-[34px]! h-[34px]!"
 						aria-label="Set {key} to {option.text}"
 						on:click={() => {
 							if (value === option.text) {
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/ThemeCodePreview.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/ThemeCodePreview.svelte
index 85069824f7..1608515d86 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/ThemeCodePreview.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/ThemeCodePreview.svelte
@@ -17,7 +17,7 @@
 </script>
 
 <div class="relative h-full">
-	<div class="absolute z-[100] left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]">
+	<div class="absolute z-100 left-[50%] top-[50%] translate-x-[-50%] translate-y-[-50%]">
 		<slot />
 	</div>
 	<div class="absolute top-0 left-0 right-0 bottom-0 bg-gray-100 bg-opacity-50 z-50"></div>
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/ThemeDrawer.svelte b/frontend/src/lib/components/apps/editor/componentsPanel/ThemeDrawer.svelte
index 5dbba41333..8b24faa95e 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/ThemeDrawer.svelte
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/ThemeDrawer.svelte
@@ -22,7 +22,7 @@
 
 <Drawer bind:this={codeDrawer}>
 	<DrawerContent title="Theme viewer" on:close={codeDrawer.closeDrawer}>
-		<div class="p-2 border rounded-sm">
+		<div class="p-2 border rounded-xs">
 			<Highlight code={code ?? ''} language={css} />
 		</div>
 	</DrawerContent>
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/cssUtils.ts b/frontend/src/lib/components/apps/editor/componentsPanel/cssUtils.ts
index 1e3f152c7e..0fcc07bcb8 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/cssUtils.ts
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/cssUtils.ts
@@ -764,7 +764,7 @@ export const customisationByComponent: Customisation[] = [
 			{
 				variable: '--sms-options-shadow',
 				value: '0 0 14pt -8pt black',
-				comment: 'Box shadow of dropdown list.'
+				comment: 'Box shadow-xs of dropdown list.'
 			},
 			{ variable: '--sms-options-border', value: '' },
 			{ variable: '--sms-options-border-width', value: '' },
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/quickStyleProperties.ts b/frontend/src/lib/components/apps/editor/componentsPanel/quickStyleProperties.ts
index 5cf626b4cc..74ade9971d 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/quickStyleProperties.ts
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/quickStyleProperties.ts
@@ -292,7 +292,7 @@ export const StyleProperty: StyleProperty[] = [
 			},
 			{
 				type: StylePropertyType.unit,
-				title: 'blur'
+				title: 'blur-xs'
 			},
 			{
 				type: StylePropertyType.unit,
diff --git a/frontend/src/lib/components/apps/editor/componentsPanel/tailwindUtils.ts b/frontend/src/lib/components/apps/editor/componentsPanel/tailwindUtils.ts
index 18f55ed18f..fed6a41d27 100644
--- a/frontend/src/lib/components/apps/editor/componentsPanel/tailwindUtils.ts
+++ b/frontend/src/lib/components/apps/editor/componentsPanel/tailwindUtils.ts
@@ -1174,16 +1174,16 @@ export const tailwindClasses = [
 	'bg-cover',
 	'bg-contain',
 	'bg-none',
-	'bg-gradient-to-t',
-	'bg-gradient-to-tr',
-	'bg-gradient-to-r',
-	'bg-gradient-to-br',
-	'bg-gradient-to-b',
-	'bg-gradient-to-bl',
-	'bg-gradient-to-l',
-	'bg-gradient-to-tl',
+	'bg-linear-to-t',
+	'bg-linear-to-tr',
+	'bg-linear-to-r',
+	'bg-linear-to-br',
+	'bg-linear-to-b',
+	'bg-linear-to-bl',
+	'bg-linear-to-l',
+	'bg-linear-to-tl',
 	'rounded-none',
-	'rounded-sm',
+	'rounded-xs',
 	'rounded-md',
 	'rounded-lg',
 	'rounded-xl',
@@ -3841,7 +3841,7 @@ export const tailwindClasses = [
 	'outline-rose-800',
 	'outline-rose-900',
 	'outline-rose-950',
-	'outline-none',
+	'outline-hidden',
 	'outline-dashed',
 	'outline-dotted',
 	'outline-double',
@@ -4355,7 +4355,7 @@ export const tailwindClasses = [
 	'ring-offset-rose-800',
 	'ring-offset-rose-900',
 	'ring-offset-rose-950',
-	'shadow-sm',
+	'shadow-2xs',
 	'shadow-md',
 	'shadow-lg',
 	'shadow-xl',
@@ -4732,9 +4732,9 @@ export const tailwindClasses = [
 	'border-spacing-y-72',
 	'border-spacing-y-80',
 	'border-spacing-y-96',
-	'shadow',
+	'shadow-xs',
 	'border',
-	'ring',
-	'rounded',
+	'ring-3',
+	'rounded-xs',
 	'outline'
 ]
diff --git a/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte b/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
index 1e0b538d69..9d269780d1 100644
--- a/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
+++ b/frontend/src/lib/components/apps/editor/contextPanel/ComponentOutputViewer.svelte
@@ -41,7 +41,7 @@
 
 {#if render && object != undefined && Object.keys(object).length > 0}
 	{#if $hasResult[componentId] || $search == ''}
-		<div class="pl-2 !cursor-pointer" data-connection-button>
+		<div class="pl-2 cursor-pointer!" data-connection-button>
 			<ObjectViewer
 				json={filtered}
 				on:select
diff --git a/frontend/src/lib/components/apps/editor/contextPanel/components/IdEditor.svelte b/frontend/src/lib/components/apps/editor/contextPanel/components/IdEditor.svelte
index 88882ced5b..b6a5caff98 100644
--- a/frontend/src/lib/components/apps/editor/contextPanel/components/IdEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/contextPanel/components/IdEditor.svelte
@@ -26,7 +26,7 @@
 				$selectedComponent = [id]
 			}}
 			title="Edit ID"
-			class="flex items-center px-1 rounded-sm bg-surface-secondary hover:text-primary text-secondary h-5"
+			class="flex items-center px-1 rounded-xs bg-surface-secondary hover:text-primary text-secondary h-5"
 			aria-label="Open component ID editor"
 		>
 			<Pencil size={14} />
diff --git a/frontend/src/lib/components/apps/editor/contextPanel/components/OutputHeader.svelte b/frontend/src/lib/components/apps/editor/contextPanel/components/OutputHeader.svelte
index 3273677583..d363a7b0fc 100644
--- a/frontend/src/lib/components/apps/editor/contextPanel/components/OutputHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/contextPanel/components/OutputHeader.svelte
@@ -45,8 +45,8 @@
 	}
 
 	const manuallyOpenColor = {
-		blue: 'text-primary dark:text-gray-50 bg-gray-300 rounded-sm dark:bg-gray-600',
-		indigo: 'text-primary bg-gray-300 dark:text-gray-50 rounded-sm dark:bg-gray-600'
+		blue: 'text-primary dark:text-gray-50 bg-gray-300 rounded-xs dark:bg-gray-600',
+		indigo: 'text-primary bg-gray-300 dark:text-gray-50 rounded-xs dark:bg-gray-600'
 	}
 
 	const idClass = {
@@ -239,11 +239,11 @@
 					disabled={!(selectable && !$selectedComponent?.includes(id)) || $connectingInput?.opened}
 					title="Select component"
 					on:click|stopPropagation={() => ($selectedComponent = [id])}
-					class="flex items-center ml-0.5 rounded-sm bg-surface-selected hover:text-primary text-tertiary"
+					class="flex items-center ml-0.5 rounded-xs bg-surface-selected hover:text-primary text-tertiary"
 				>
 					<div
 						class={classNames(
-							'text-2xs  font-bold px-2 py-0.5 rounded-sm',
+							'text-2xs  font-bold px-2 py-0.5 rounded-xs',
 							$selectedComponent?.includes(id) ? idClass[color] : ''
 						)}
 					>
@@ -277,7 +277,7 @@
 					/>
 				{/if}
 				{name}
-				<div class={classNames('bg-surface-secondary rounded-sm')}>
+				<div class={classNames('bg-surface-secondary rounded-xs')}>
 					{#if !open}
 						<ChevronDown size={14} color="gray" />
 					{:else if $manuallyOpened[id]}
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditor.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditor.svelte
index 8c29c5bdc8..fba1ee839e 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptEditor.svelte
@@ -230,7 +230,7 @@
 							on:keydown|stopPropagation
 							bind:value={name}
 							placeholder="Inline script name"
-							class="!text-xs !rounded-sm !shadow-none"
+							class="text-xs! rounded-xs! shadow-none!"
 							on:keyup={() => {
 								$app = $app
 								$stateId++
@@ -238,7 +238,7 @@
 						/>
 						<div
 							title={validCode ? 'Main function parsable' : 'Main function not parsable'}
-							class="rounded-full !w-2 !h-2 {validCode ? 'bg-green-300' : 'bg-red-300'}"
+							class="rounded-full w-2! h-2! {validCode ? 'bg-green-300' : 'bg-red-300'}"
 						></div>
 					</div>
 				{:else}
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptRunnableByPath.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptRunnableByPath.svelte
index 16fe10c594..ef9b749a59 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptRunnableByPath.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptRunnableByPath.svelte
@@ -219,7 +219,7 @@
 			on:keydown|stopPropagation
 			bind:value={runnable.name}
 			placeholder="Background runnable name"
-			class="!text-xs !rounded-xs"
+			class="text-xs! rounded-xs!"
 		/>
 	</div>
 	<div class="w-full grow overflow-y-auto">
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
index 9f2334a20c..e4b15c0ed3 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanel.svelte
@@ -105,7 +105,7 @@
 </script>
 
 <Splitpanes
-	class={twMerge('!overflow-visible')}
+	class={twMerge('overflow-visible!')}
 	style={width !== undefined ? `width:${width}px;` : 'width: 100%;'}
 >
 	<Pane size={25}>
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte
index e5a83cc178..1d207e6a7a 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/InlineScriptsPanelList.svelte
@@ -200,13 +200,13 @@
 					size="xs"
 					color="light"
 					variant="border"
-					btnClasses="!rounded-full !p-1"
+					btnClasses="rounded-full! p-1!"
 					title="Create a new background runnable"
 					aria-label="Create a new background runnable"
 					on:click={createBackgroundScript}
 					id="create-background-runnable"
 				>
-					<Plus size={14} class="!text-primary" />
+					<Plus size={14} class="text-primary!" />
 				</Button>
 			</div>
 			<div class="flex flex-col gap-1 w-full">
diff --git a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/RunButton.svelte b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/RunButton.svelte
index a4be6ab2d8..35872e0824 100644
--- a/frontend/src/lib/components/apps/editor/inlineScriptsPanel/RunButton.svelte
+++ b/frontend/src/lib/components/apps/editor/inlineScriptsPanel/RunButton.svelte
@@ -25,7 +25,7 @@
 			loading={runLoading}
 			size="xs"
 			color="dark"
-			btnClasses="!px-2 !py-1"
+			btnClasses="px-2! py-1!"
 			on:click={async () => {
 				runLoading = true
 				$runnableJobEditorPanel.focused = true
@@ -44,7 +44,7 @@
 			size="xs"
 			color="red"
 			variant="border"
-			btnClasses="!px-2 !py-1 !ml-[3px]"
+			btnClasses="px-2! py-1! ml-[3px]!"
 			on:click={async () => {
 				cancelable?.forEach((f) => f.cancel())
 				runLoading = false
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
index 6df5b170ea..5a8038e8e0 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ArrayStaticInputEditor.svelte
@@ -278,7 +278,7 @@
 				on:finalize={handleFinalize}
 			>
 				{#each items as item, index (item.id)}
-					<div class="border-0 outline-none w-full">
+					<div class="border-0 outline-hidden w-full">
 						<!-- svelte-ignore a11y-no-noninteractive-tabindex -->
 
 						<div class="flex flex-row gap-2 items-center relative my-1 w-full">
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
index c114d37148..ef958017b9 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/CSSMigrationModal.svelte
@@ -132,7 +132,7 @@
 {#if migrationModalOpen}
 	<div
 		transition:fadeFast|local
-		class={'absolute top-0 bottom-0 left-0 right-0 z-[5000]'}
+		class={'absolute top-0 bottom-0 left-0 right-0 z-5000'}
 		role="dialog"
 	>
 		<div
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
index e9fe80912d..7e2275658d 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/ComponentPanel.svelte
@@ -192,7 +192,7 @@
 					}}
 					size="xs"
 					btnClasses={twMerge(
-						'p-1 text-gray-300 hover:!text-gray-600 dark:text-gray-500 dark:hover:!text-gray-200 bg-transparent'
+						'p-1 text-gray-300 hover:text-gray-600! dark:text-gray-500 dark:hover:text-gray-200! bg-transparent'
 					)}
 					on:click={() => {
 						const tableId = componentSettings?.item?.id?.split?.('_')?.[0]
@@ -246,7 +246,7 @@
 							/>
 							<div
 								class={classNames(
-									'text-white px-2 text-2xs py-0.5 font-bold rounded-sm',
+									'text-white px-2 text-2xs py-0.5 font-bold rounded-xs',
 									'bg-indigo-500'
 								)}
 							>
@@ -271,7 +271,7 @@
 									bind:componentInput={componentSettings.item.data.componentInput}
 								/>
 							{:else if componentSettings.item.data?.componentInput?.type === 'template' || componentSettings.item.data?.componentInput?.type === 'templatev2'}
-								<div class="py-1 min-h-[28px] rounded border border-1 border-gray-500">
+								<div class="py-1 min-h-[28px] rounded-xs border border-1 border-gray-500">
 									<TemplateEditor
 										fontSize={12}
 										bind:code={componentSettings.item.data.componentInput.eval}
@@ -483,7 +483,7 @@
 					</Button>
 				</div>
 				<div class="flex gap-2 items-center flex-wrap">
-					<div class="!text-2xs">Full height</div>
+					<div class="text-2xs!">Full height</div>
 					{#if componentSettings?.item?.[12]?.fullHeight !== undefined}
 						<Toggle
 							bind:checked={componentSettings.item[12].fullHeight}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphHeader.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphHeader.svelte
index 0a3302814f..38aa266b41 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphHeader.svelte
@@ -27,7 +27,7 @@
 		<div
 			class={twMerge(
 				'w-full h-full border border-gray-400',
-				'flex flex-row gap-2 items-center justify-between rounded-sm overflow-hidden'
+				'flex flex-row gap-2 items-center justify-between rounded-xs overflow-hidden'
 			)}
 			style="width: 275px; height: 34px; background-color: {document.documentElement.classList.contains(
 				'dark'
@@ -46,7 +46,7 @@
 						data.nodeCallbackHandler('removeBranch', data.node.id, data.node, data.parentIds, false)
 					}}
 					type="button"
-					class="text-primary bg-surface border mx-[1px] border-gray-300 dark:border-gray-500 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
+					class="text-primary bg-surface border mx-[1px] border-gray-300 dark:border-gray-500 focus:outline-hidden hover:bg-surface-hover focus:ring-4 focus:ring-gray-200 font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
 				>
 					<X class="m-[5px]" size={15} />
 				</button>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphNode.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphNode.svelte
index a72d54356b..1909ce2b10 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphNode.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DecisionTreeGraphNode.svelte
@@ -37,10 +37,10 @@
 </script>
 
 <NodeWrapper let:darkMode>
-	<div class="rounded-sm group">
+	<div class="rounded-xs group">
 		<Button
 			class={twMerge(
-				'p-2 bg-surface w-full h-8 relative rounded-sm border border-gray-400',
+				'p-2 bg-surface w-full h-8 relative rounded-xs border border-gray-400',
 				selected ? 'outline outline-2 outline-offset-2 outline-gray-600' : '',
 				'flex flex-row gap-2 items-center justify-between'
 			)}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/DocLink.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/DocLink.svelte
index 21f9413d73..c8fcb53330 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/DocLink.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/DocLink.svelte
@@ -25,7 +25,7 @@
 		}}
 		{size}
 		btnClasses={twMerge(
-			'p-1 text-gray-300 hover:!text-gray-600 dark:text-gray-500 dark:hover:!text-gray-200 bg-transparent',
+			'p-1 text-gray-300 hover:text-gray-600! dark:text-gray-500 dark:hover:text-gray-200! bg-transparent',
 			btnClasses
 		)}
 		href={docLink}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/GridNavbar.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/GridNavbar.svelte
index 8240d31399..7e1a69068f 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/GridNavbar.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/GridNavbar.svelte
@@ -185,7 +185,7 @@
 									<Badge small color="blue"
 										>Current app
 
-										<Tooltip class="ml-2 !text-blue-900">
+										<Tooltip class="ml-2 text-blue-900!">
 											Clicking on those items will keep you in the current tab and change the output
 											of the component.
 										</Tooltip>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/HideButton.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/HideButton.svelte
index 2a998e75e3..f338a024b0 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/HideButton.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/HideButton.svelte
@@ -53,7 +53,7 @@
 			<div class="flex flex-row gap-1">
 				{hidden ? 'Show' : 'Hide '} the {panelName ?? direction} panel.
 
-				<div class="flex flex-row items-center !text-md opacity-60 gap-0 font-normal">
+				<div class="flex flex-row items-center text-md! opacity-60 gap-0 font-normal">
 					{getModifierKey()}{shortcut ?? shortcuts[direction]}
 				</div>
 			</div>
@@ -66,8 +66,8 @@
 		}}
 		{size}
 		btnClasses={twMerge(
-			'p-1 text-gray-300 hover:!text-gray-600 dark:text-gray-500 dark:hover:!text-gray-200 bg-transparent',
-			hidden ? 'bg-surface-selected !text-primary' : '',
+			'p-1 text-gray-300 hover:text-gray-600! dark:text-gray-500 dark:hover:text-gray-200! bg-transparent',
+			hidden ? 'bg-surface-selected text-primary!' : '',
 			btnClasses
 		)}
 		on:click
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecEditor.svelte
index bbc342e5e2..c3d42f78b3 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/InputsSpecEditor.svelte
@@ -125,7 +125,7 @@
 		<div class="flex justify-between items-end">
 			<div class="flex flex-row gap-4 items-center">
 				<div class="flex items-center">
-					<span class="!text-2xs font-semibold text-ellipsis text-primary">
+					<span class="text-2xs! font-semibold text-ellipsis text-primary">
 						{customTitle
 							? customTitle
 							: shouldCapitalize
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/DecisionTreePreview.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/DecisionTreePreview.svelte
index 4cb7e69098..931be38114 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/DecisionTreePreview.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/DecisionTreePreview.svelte
@@ -462,7 +462,7 @@
 	proOptions={{ hideAttribution: true }}
 	nodesDraggable={false}
 >
-	<div class="absolute inset-0 !bg-surface-secondary"></div>
+	<div class="absolute inset-0 bg-surface-secondary!"></div>
 
 	<Controls position="top-right" orientation="horizontal" showLock={false} />
 </SvelteFlow>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/InsertDecisionTreeNode.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/InsertDecisionTreeNode.svelte
index 9a7dba0feb..db0993d7a0 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/InsertDecisionTreeNode.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/decisionTree/InsertDecisionTreeNode.svelte
@@ -17,7 +17,7 @@
 				dispatch('node')
 			}}
 			type="button"
-			class="text-primary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
+			class="text-primary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-hidden hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center"
 		>
 			<Cross class="mx-[5px]" size={15} />
 		</button>
@@ -28,7 +28,7 @@
 			type="button"
 			on:click={() => dispatch('addBranch')}
 			class={twMerge(
-				'text-secondary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center',
+				'text-secondary bg-surface outline-[1px] outline dark:outline-gray-500 outline-gray-300 focus:outline-hidden hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-full text-sm w-[25px] h-[25px] flex items-center justify-center',
 				!canAddNode && 'ml-16 mb-2'
 			)}
 		>
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
index 04c8992bef..177c60e03c 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/ColorInput.svelte
@@ -26,7 +26,7 @@
 	<div
 		transition:fade={{ duration: 150 }}
 		use:popperContent={{ placement: 'bottom', strategy: 'fixed' }}
-		class={`color-picker-input !text-primary`}
+		class={`color-picker-input text-primary!`}
 		style="width: {width > 280 ? width : 280}px; z-index: {zIndexes.colorInput}"
 	>
 		<ColorPicker
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalV2InputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalV2InputEditor.svelte
index 37735e8677..fc366750a9 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalV2InputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/EvalV2InputEditor.svelte
@@ -91,7 +91,7 @@
 				<Pane size={50}>
 					<div class="relative w-full">
 						<div
-							class="p-1 !text-2xs absolute border border-l bg-surface w-full z-[5000] overflow-auto"
+							class="p-1 text-2xs! absolute border border-l bg-surface w-full z-5000 overflow-auto"
 						>
 							<pre class="text-tertiary"
 								>{JSON.stringify($evalPreview[`${id}.${field}`] ?? null, null, 4) ?? 'null'}</pre
@@ -145,9 +145,9 @@
 			{#if focus}
 				<div class="relative w-full">
 					<div
-						class="p-1 !text-2xs absolute rounded-b border-b border-r border-l bg-surface w-full z-[5000] overflow-auto"
+						class="p-1 text-2xs! absolute rounded-b border-b border-r border-l bg-surface w-full z-5000 overflow-auto"
 					>
-						<!-- <div class="text-tertiary absolute top-0 right-0 !text-2xs">{id}.{field}</div> -->
+						<!-- <div class="text-tertiary absolute top-0 right-0 text-2xs!">{id}.{field}</div> -->
 						<div class="float-right text-tertiary cursor-pointer"><X size={14} /></div>
 						<pre class="text-tertiary"
 							>{JSON.stringify($evalPreview[`${id}.${field}`] ?? null, null, 4) ?? 'null'}</pre
@@ -160,7 +160,7 @@
 		{/if}
 	</div>
 	<!-- <div class="relative">
-		<div class="absolute top-0 left-0 z-[1000]"> -->
+		<div class="absolute top-0 left-0 z-1000"> -->
 
 	{#if componentInput?.expr && componentInput.expr != '' && componentInput.expr
 			.trim()
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
index d586eba95e..f89acbe6af 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/IconSelectInput.svelte
@@ -51,7 +51,7 @@
 				{value}
 				on:change={({ detail }) => (value = detail)}
 				on:focus={getData}
-				class="!pr-6"
+				class="pr-6!"
 			/>
 			{#if loading}
 				<div class="center-center absolute right-2 top-1/2 transform -translate-y-1/2 p-0.5">
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
index a9d98cd782..a00b3cd45a 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/StaticInputEditor.svelte
@@ -331,7 +331,7 @@
 					on:keydown|stopPropagation
 					placeholder={placeholder ?? 'Static value'}
 					bind:value={componentInput.value}
-					class="!pr-12"
+					class="pr-12!"
 				></textarea>
 			</div>
 		{/if}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte
index e96f8f1d8b..69ac6f3943 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/inputEditor/TabSelectInput.svelte
@@ -22,7 +22,7 @@
 			<div class="flex flex-col">
 				<label for="tabId" class="text-xs font-semibold">Tab ID</label>
 
-				<select id="tabId" bind:value={componentInput.value.id} class="border rounded-md p-1 !w-16">
+				<select id="tabId" bind:value={componentInput.value.id} class="border rounded-md p-1 w-16!">
 					{#each tabComponents as tabComponent}
 						<option value={tabComponent.data.id}>
 							{tabComponent.data.id}
@@ -35,7 +35,7 @@
 				<select
 					id="tabIndex"
 					bind:value={componentInput.value.index}
-					class="border rounded-md p-1 !w-16"
+					class="border rounded-md p-1 w-16!"
 				>
 					{#each tabComponents as tabComponent}
 						{#if tabComponent.data.id === componentInput.value.id}
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptSettingHeader.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptSettingHeader.svelte
index 79c9b3605e..7e671e34d7 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptSettingHeader.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptSettingHeader.svelte
@@ -12,7 +12,7 @@
 <div
 	class={twMerge(
 		'flex flex-row px-2 py-1 justify-between bg-surface-secondary  ',
-		noBorder ? '' : 'border rounded'
+		noBorder ? '' : 'border rounded-xs'
 	)}
 >
 	<div class="flex flex-row gap-2 items-center min-w-0">
diff --git a/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte b/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte
index fca98ca402..9c469ced5d 100644
--- a/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte
+++ b/frontend/src/lib/components/apps/editor/settingsPanel/script/shared/ScriptTriggers.svelte
@@ -109,7 +109,7 @@
 				<span class={classNames(badgeClass, colors['blue'])}>
 					{changeEvent}
 					{#if changeEvent === 'Eval'}
-						<Tooltip class="!text-blue-600 ml-1">
+						<Tooltip class="text-blue-600! ml-1">
 							At least one input is configured as an evaluated input and the component will be
 							triggered if the result of the eval change. Eval expressions are re-evaluated on any
 							output or state changes.
@@ -170,7 +170,7 @@
 				{#each inlineScript?.suggestedRefreshOn ?? [] as suggestion}
 					<button
 						class={classNames(
-							'p-0.5 rounded-md hover:bg-blue-400 cursor-pointer !text-2xs text-secondary',
+							'p-0.5 rounded-md hover:bg-blue-400 cursor-pointer text-2xs! text-secondary',
 							badgeClass
 						)}
 						on:click={() => {
diff --git a/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte b/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
index 41c69cc00a..e0a2f1897a 100644
--- a/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
+++ b/frontend/src/lib/components/apps/svelte-select/lib/Select.svelte
@@ -395,7 +395,7 @@
 
 	async function handleBlur(e) {
 		if (listOpen || focused) {
-			dispatch('blur', e)
+			dispatch('blur-xs', e)
 			closeList()
 			focused = false
 			activeValue = undefined
@@ -819,7 +819,7 @@
 	.prepend,
 	.indicators {
 		display: flex;
-		flex-shrink: 0;
+		shrink: 0;
 		align-items: center;
 	}
 
@@ -918,7 +918,7 @@
 		color: var(--clear-select-color, var(--icons-color));
 		margin: var(--clear-select-margin, 0);
 		pointer-events: all;
-		flex-shrink: 0;
+		shrink: 0;
 	}
 
 	.clear-select:focus {
@@ -930,7 +930,7 @@
 		height: var(--loading-height);
 		color: var(--loading-color, var(--icons-color));
 		margin: var(--loading--margin, 0);
-		flex-shrink: 0;
+		shrink: 0;
 	}
 
 	.chevron {
@@ -940,7 +940,7 @@
 		pointer-events: var(--chevron-pointer-events, none);
 		color: var(--chevron-color, var(--icons-color));
 		border: var(--chevron-border, 0 0 0 1px solid #d8dbdf);
-		flex-shrink: 0;
+		shrink: 0;
 	}
 
 	.multi {
diff --git a/frontend/src/lib/components/apps/svelte-select/lib/tailwind.css b/frontend/src/lib/components/apps/svelte-select/lib/tailwind.css
index 03f8d91895..1f0271695a 100644
--- a/frontend/src/lib/components/apps/svelte-select/lib/tailwind.css
+++ b/frontend/src/lib/components/apps/svelte-select/lib/tailwind.css
@@ -1,14 +1,16 @@
+@import 'tailwindcss/theme' layer(theme);
+@import 'tailwindcss/preflight' layer(base);
+
 @config "../../../../../../tailwind.config.cjs";
-@import 'tailwindcss/base';
 
 .svelte-select {
-	@apply border rounded box-border h-10 relative flex items-center px-4 py-0 bg-white m-0	w-full
+	@apply border rounded-sm box-border h-10 relative flex items-center px-4 py-0 bg-white m-0	w-full
         hover:border-gray-400;
 }
 
 .svelte-select input {
 	@apply cursor-default border-none text-tertiary h-10 leading-10 px-4 py-0 bg-transparent text-sm absolute left-0 m-0 w-full 
-        focus:outline-none hover:border-gray-400;
+        focus:outline-hidden hover:border-gray-400;
 }
 
 .svelte-select.focused {
@@ -25,7 +27,7 @@
 
 .svelte-select .selected-item {
 	@apply leading-10 h-10 overflow-x-hidden pr-5
-        focus:outline-none;
+        focus:outline-hidden;
 }
 
 .svelte-select .icons {
@@ -71,11 +73,11 @@
 }
 
 .list {
-	@apply shadow-md rounded-sm max-h-64 overflow-y-auto bg-white border-none absolute z-10 w-full left-0 right-0;
+	@apply shadow-md rounded-xs max-h-64 overflow-y-auto bg-white border-none absolute z-10 w-full left-0 right-0;
 }
 
 .list .list-group-title {
-	@apply text-gray-400 cursor-default text-sm font-medium h-10 leading-10 px-5 overflow-ellipsis whitespace-nowrap uppercase;
+	@apply text-gray-400 cursor-default text-sm font-medium h-10 leading-10 px-5 text-ellipsis whitespace-nowrap uppercase;
 }
 
 .list .empty {
@@ -83,7 +85,7 @@
 }
 
 .item {
-	@apply cursor-default h-10 leading-10 px-5 text-gray-800 overflow-ellipsis overflow-hidden whitespace-nowrap;
+	@apply cursor-default h-10 leading-10 px-5 text-gray-800 text-ellipsis overflow-hidden whitespace-nowrap;
 }
 
 .item.group-item {
@@ -115,7 +117,7 @@
 }
 
 .multi-item {
-	@apply bg-gray-100 mt-1 border border-gray-200 rounded-sm h-8 leading-8 flex cursor-default pr-1 pl-1 max-w-full items-center mr-1 overflow-hidden overflow-ellipsis whitespace-nowrap;
+	@apply bg-gray-100 mt-1 border border-gray-200 rounded-xs h-8 leading-8 flex cursor-default pr-1 pl-1 max-w-full items-center mr-1 overflow-hidden text-ellipsis whitespace-nowrap;
 }
 
 .multi-item.disabled {
diff --git a/frontend/src/lib/components/auditLogs/AuditLogDetails.svelte b/frontend/src/lib/components/auditLogs/AuditLogDetails.svelte
index 7e1e546ac0..ffb3bee455 100644
--- a/frontend/src/lib/components/auditLogs/AuditLogDetails.svelte
+++ b/frontend/src/lib/components/auditLogs/AuditLogDetails.svelte
@@ -18,7 +18,7 @@
 			<span class="font-semibold text-xs leading-6">ID</span>
 			<span class="text-xs">{log.id}</span>
 			<span class="font-semibold text-xs leading-6">Parameters</span>
-			<div class="text-xs p-2 bg-surface-secondary rounded-sm">
+			<div class="text-xs p-2 bg-surface-secondary rounded-xs">
 				{JSON.stringify(log.parameters, null, 2)}
 			</div>
 
diff --git a/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte b/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
index a28bd1dafd..4f6a8cfd34 100644
--- a/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
+++ b/frontend/src/lib/components/auditLogs/AuditLogsFilters.svelte
@@ -373,9 +373,9 @@
 			items={resources}
 			value={resource}
 			bind:selectedItem={resource}
-			inputClassName="!h-[34px] py-1 !text-xs !w-48"
+			inputClassName="h-[34px]! py-1 text-xs! w-48!"
 			hideArrow
-			dropdownClassName="!text-sm"
+			dropdownClassName="text-sm!"
 		/>
 	</div>
 
@@ -393,7 +393,7 @@
 	<div class="flex gap-1 relative w-full">
 		<span class="text-xs absolute -top-4">Action</span>
 
-		<select class="!truncate" bind:value={actionKind}>
+		<select class="truncate!" bind:value={actionKind}>
 			<option selected value="all">all</option>
 			{#each ['Create', 'Update', 'Delete', 'Execute'] as e}
 				<option value={e.toLocaleLowerCase()}>{e}</option>
diff --git a/frontend/src/lib/components/common/actionRow/ActionRow.svelte b/frontend/src/lib/components/common/actionRow/ActionRow.svelte
index 1d9f1429dc..e71a2f3c4e 100644
--- a/frontend/src/lib/components/common/actionRow/ActionRow.svelte
+++ b/frontend/src/lib/components/common/actionRow/ActionRow.svelte
@@ -12,7 +12,7 @@
 <div
 	class={'bg-surface py-3 ' +
 		(stickToTop
-			? 'lg:sticky lg:top-0 z-[500] border-b border-gray-200 border-opacity-0 duration-300 ' +
+			? 'lg:sticky lg:top-0 z-500 border-b border-gray-200 border-opacity-0 duration-300 ' +
 			  (scrollY >= 30 ? 'border-opacity-100 ' : '')
 			: '') +
 		($$props.class || '')}
diff --git a/frontend/src/lib/components/common/badge/Badge.svelte b/frontend/src/lib/components/common/badge/Badge.svelte
index 94660d801e..9d1f4794f5 100644
--- a/frontend/src/lib/components/common/badge/Badge.svelte
+++ b/frontend/src/lib/components/common/badge/Badge.svelte
@@ -50,7 +50,7 @@
 		colors[color],
 		href &&
 			(color.startsWith(ColorModifier) ? hovers[color.replace(ColorModifier, '')] : hovers[color]),
-		rounded ? 'rounded-full px-2 py-1' : 'rounded px-2.5 py-0.5',
+		rounded ? 'rounded-full px-2 py-1' : 'rounded-xs px-2.5 py-0.5',
 		'flex flex-row gap-1 items-center',
 		$$props.class
 	)
diff --git a/frontend/src/lib/components/common/breadcrumb/Breadcrumb.svelte b/frontend/src/lib/components/common/breadcrumb/Breadcrumb.svelte
index f228e4d160..a588a36392 100644
--- a/frontend/src/lib/components/common/breadcrumb/Breadcrumb.svelte
+++ b/frontend/src/lib/components/common/breadcrumb/Breadcrumb.svelte
@@ -17,7 +17,7 @@
 		<Button
 			size="sm"
 			color="light"
-			btnClasses={selectedIndex - 1 === index ? 'text-gray-800 !font-bold' : '!text-tertiary'}
+			btnClasses={selectedIndex - 1 === index ? 'text-gray-800 font-bold!' : 'text-tertiary!'}
 			on:click={() => dispatch('select', { index })}
 			disabled={selectedIndex - 1 === index ? disabled : false}
 		>
diff --git a/frontend/src/lib/components/common/button/Button.svelte b/frontend/src/lib/components/common/button/Button.svelte
index a59428d662..d8611c0ddf 100644
--- a/frontend/src/lib/components/common/button/Button.svelte
+++ b/frontend/src/lib/components/common/button/Button.svelte
@@ -104,7 +104,7 @@
 		'justify-center items-center text-center whitespace-nowrap inline-flex gap-2',
 		btnClasses,
 		'active:opacity-80 transition-all',
-		disabled ? '!bg-surface-disabled !text-tertiary cursor-not-allowed' : '',
+		disabled ? 'bg-surface-disabled! text-tertiary! cursor-not-allowed' : '',
 		loading ? 'cursor-wait' : ''
 	)
 
@@ -210,7 +210,7 @@
 				/>
 			{/if}
 			{#if shortCut && !shortCut.hide}
-				<div class="flex flex-row items-center !text-md opacity-60 gap-0 font-normal">
+				<div class="flex flex-row items-center text-md! opacity-60 gap-0 font-normal">
 					{#if shortCut.withoutModifier !== true}{getModifierKey()}{/if}{#if shortCut.Icon}<shortCut.Icon
 							class="w-4 h-4"
 							size={lucideIconSize}
@@ -259,7 +259,7 @@
 			{/if}
 			{#if shortCut && !shortCut.hide}
 				{@const Icon = shortCut.Icon}
-				<div class="flex flex-row items-center !text-md opacity-60 gap-0 font-normal">
+				<div class="flex flex-row items-center text-md! opacity-60 gap-0 font-normal">
 					{#if shortCut.withoutModifier !== true}{getModifierKey()}{/if}{#if shortCut.Icon}<Icon
 							size={lucideIconSize}
 						/>{:else}{shortCut.key}{/if}
@@ -267,7 +267,7 @@
 			{/if}
 		</button>
 		{#if tooltipPopover && $open}
-			<div use:conditionalMelt={content} {...$content} class="z-[20000]">
+			<div use:conditionalMelt={content} {...$content} class="z-20000">
 				<slot name="tooltip" />
 			</div>
 		{/if}
@@ -286,9 +286,9 @@
 				<div
 					class={twMerge(
 						buttonClass,
-						'rounded-md m-0 p-0 !w-10 center-center h-full',
+						'rounded-md m-0 p-0 w-10! center-center h-full',
 						variant === 'border' ? 'border-0 border-r border-y ' : 'border-0',
-						'rounded-r-md !rounded-l-none'
+						'rounded-r-md rounded-l-none!'
 					)}
 				>
 					<ChevronDown class="w-5 h-5" />
diff --git a/frontend/src/lib/components/common/button/UndoRedo.svelte b/frontend/src/lib/components/common/button/UndoRedo.svelte
index 583e6246e1..cd6e0ccf53 100644
--- a/frontend/src/lib/components/common/button/UndoRedo.svelte
+++ b/frontend/src/lib/components/common/button/UndoRedo.svelte
@@ -14,7 +14,7 @@
 		variant="border"
 		color="light"
 		size="xs"
-		btnClasses="!min-h-[30px] !rounded-r-none"
+		btnClasses="min-h-[30px]! rounded-r-none!"
 		on:click={() => dispatch('undo')}
 		{...undoProps}
 	>
@@ -25,7 +25,7 @@
 		variant="border"
 		color="light"
 		size="xs"
-		btnClasses="!min-h-[30px] !rounded-l-none !border-l-0"
+		btnClasses="min-h-[30px]! rounded-l-none! border-l-0!"
 		on:click={() => dispatch('redo')}
 		{...redoProps}
 	>
diff --git a/frontend/src/lib/components/common/button/model.ts b/frontend/src/lib/components/common/button/model.ts
index 430cbfcfaa..148b123363 100644
--- a/frontend/src/lib/components/common/button/model.ts
+++ b/frontend/src/lib/components/common/button/model.ts
@@ -24,7 +24,7 @@ export namespace ButtonType {
 
 	export const SpacingClasses: Record<ButtonType.Size, Record<ButtonType.Variant, string>> = {
 		xs3: {
-			border: 'px-0.5 py-[1px] !rounded-xs',
+			border: 'px-0.5 py-[1px] rounded-xs!',
 			contained: 'px-0.5 py-[1px]',
 			divider: ''
 		},
@@ -74,14 +74,14 @@ export namespace ButtonType {
 
 		blue: {
 			border:
-				'border-frost-500 dark:border-frost-300 hover:border-frost-700 dark:hover:border-frost-400 focus-visible:border-frost-700 bg-surface hover:bg-frost-100 dark:hover:bg-frost-900 focus-visible:bg-frost-100 focus-visible:dark:text-frost-100 dark:focus-visible:bg-frost-900 text-frost-500 dark:text-frost-300 dark:hover:text-frost-400 hover:text-frost-700 focus-visible:text-frost-700 focus-visible:ring-frost-300',
+				'border-frost-500 dark:border-frost-300 hover:border-frost-700 dark:hover:border-frost-400 focus-visible:border-frost-700 bg-surface hover:bg-frost-100 dark:hover:bg-frost-900 focus-visible:bg-frost-100 dark:focus-visible:text-frost-100 dark:focus-visible:bg-frost-900 text-frost-500 dark:text-frost-300 dark:hover:text-frost-400 hover:text-frost-700 focus-visible:text-frost-700 focus-visible:ring-frost-300',
 			contained:
 				'bg-frost-500 hover:bg-frost-700 focus-visible:bg-frost-700 text-white focus-visible:ring-frost-300 dark:bg-frost-500/90 dark:hover:bg-frost-600/90',
 			divider: 'divide-x divide-frost-600'
 		},
 		marine: {
 			border:
-				'border-marine-300 dark:border-marine-200 hover:border-marine-500 dark:hover:border-marine-400 focus-visible:border-marine-500 bg-surface hover:bg-marine-500 dark:hover:bg-marine-400 focus-visible:bg-marine-100 focus-visible:dark:text-marine-50 dark:focus-visible:bg-marine-500 text-marine-50 dark:text-marine-50 dark:hover:text-marine-50 hover:text-marine-50 focus-visible:text-marine-300 focus-visible:ring-marine-200',
+				'border-marine-300 dark:border-marine-200 hover:border-marine-500 dark:hover:border-marine-400 focus-visible:border-marine-500 bg-surface hover:bg-marine-500 dark:hover:bg-marine-400 focus-visible:bg-marine-100 dark:focus-visible:text-marine-50 dark:focus-visible:bg-marine-500 text-marine-50 dark:text-marine-50 dark:hover:text-marine-50 hover:text-marine-50 focus-visible:text-marine-300 focus-visible:ring-marine-200',
 			contained:
 				'bg-marine-300 hover:bg-marine-500 focus-visible:bg-marine-500 text-gray-50 focus-visible:ring-marine-200 dark:bg-marine-200 dark:hover:bg-marine-400',
 			divider: 'divide-x divide-marine-500'
@@ -109,7 +109,7 @@ export namespace ButtonType {
 		},
 		gray: {
 			border:
-				'border-gray-500 dark:border-gray-300 hover:border-gray-700 dark:hover:border-gray-400 focus-visible:border-gray-700 bg-surface hover:bg-gray-100 dark:hover:bg-gray-900 focus-visible:bg-gray-100 focus-visible:dark:text-gray-100 dark:focus-visible:bg-gray-900 text-gray-500 dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700 focus-visible:text-gray-700 focus-visible:ring-gray-300',
+				'border-gray-500 dark:border-gray-300 hover:border-gray-700 dark:hover:border-gray-400 focus-visible:border-gray-700 bg-surface hover:bg-gray-100 dark:hover:bg-gray-900 focus-visible:bg-gray-100 dark:focus-visible:text-gray-100 dark:focus-visible:bg-gray-900 text-gray-500 dark:text-gray-300 dark:hover:text-gray-400 hover:text-gray-700 focus-visible:text-gray-700 focus-visible:ring-gray-300',
 			contained:
 				'bg-gray-500 hover:bg-gray-700 focus-visible:bg-gray-700 text-white focus-visible:ring-gray-300',
 			divider: 'divide-x divide-gray-600'
diff --git a/frontend/src/lib/components/common/calendarPicker/CalendarPicker.svelte b/frontend/src/lib/components/common/calendarPicker/CalendarPicker.svelte
index 834bb0865d..9d0ed17069 100644
--- a/frontend/src/lib/components/common/calendarPicker/CalendarPicker.svelte
+++ b/frontend/src/lib/components/common/calendarPicker/CalendarPicker.svelte
@@ -25,7 +25,7 @@
 	<svelte:fragment slot="trigger">
 		<button
 			title="Open calendar picker"
-			class="absolute bottom-1 right-2 top-1 py-1 min-w-min !px-2 items-center text-primary bg-surface border rounded center-center hover:bg-surface-hover transition-all cursor-pointer"
+			class="absolute bottom-1 right-2 top-1 py-1 min-w-min px-2! items-center text-primary bg-surface border rounded-xs center-center hover:bg-surface-hover transition-all cursor-pointer"
 			aria-label="Open calendar picker"
 			on:click={() => {
 				input?.focus()
diff --git a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
index 8f9221499e..340cf534eb 100644
--- a/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
+++ b/frontend/src/lib/components/common/clearableInput/ClearableInput.svelte
@@ -49,7 +49,7 @@
 			{type}
 			{value}
 			{placeholder}
-			class="duration-200 {(value ? '!pr-[26px] ' : '') + inputClass}"
+			class="duration-200 {(value ? 'pr-[26px]! ' : '') + inputClass}"
 			{...$$restProps}
 			on:input={handleInput}
 			on:keydown|stopPropagation
diff --git a/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte b/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
index 49f6089a63..a00e4fd1cc 100644
--- a/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
+++ b/frontend/src/lib/components/common/confirmationModal/ConfirmationModal.svelte
@@ -38,7 +38,7 @@
 {#if open}
 	<div
 		transition:fadeFast|local
-		class={'absolute top-0 bottom-0 left-0 right-0 z-[5000]'}
+		class={'absolute top-0 bottom-0 left-0 right-0 z-5000'}
 		role="dialog"
 	>
 		<div
diff --git a/frontend/src/lib/components/common/drawer/DrawerContent.svelte b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
index e35a9cfbd6..940aba41cd 100644
--- a/frontend/src/lib/components/common/drawer/DrawerContent.svelte
+++ b/frontend/src/lib/components/common/drawer/DrawerContent.svelte
@@ -18,7 +18,7 @@
 		<div class="flex items-center gap-2 w-full truncate">
 			<CloseButton on:close />
 
-			<span class="font-semibold truncate text-primary !text-lg max-w-sm"
+			<span class="font-semibold truncate text-primary text-lg! max-w-sm"
 				>{title ?? ''}
 				{#if tooltip != '' || documentationLink}
 					<Tooltip {documentationLink} scale={0.9}>{tooltip}</Tooltip>
@@ -36,7 +36,7 @@
 		class={classNames(
 			noPadding ? '' : 'p-4',
 			'grow h-full max-h-full',
-			forceOverflowVisible ? '!overflow-visible' : ''
+			forceOverflowVisible ? 'overflow-visible!' : ''
 		)}
 		class:overflow-y-auto={overflow_y}
 	>
diff --git a/frontend/src/lib/components/common/fileInput/FileInput.svelte b/frontend/src/lib/components/common/fileInput/FileInput.svelte
index 0212f5f534..e5e563dc4c 100644
--- a/frontend/src/lib/components/common/fileInput/FileInput.svelte
+++ b/frontend/src/lib/components/common/fileInput/FileInput.svelte
@@ -227,7 +227,7 @@
 		</slot>
 	{/if}
 	<input
-		class="!absolute !inset-0 !z-10 !opacity-0 !cursor-pointer"
+		class="absolute! inset-0! z-10! opacity-0! cursor-pointer!"
 		type="file"
 		{...{ webkitdirectory: folderOnly }}
 		title={files ? `${files.length} file${files.length > 1 ? 's' : ''} chosen` : 'No file chosen'}
diff --git a/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte b/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
index 6a0d1dac73..ab76296844 100644
--- a/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
+++ b/frontend/src/lib/components/common/fileUpload/FileUploadModal.svelte
@@ -32,7 +32,7 @@
 {#if open}
 	<div
 		transition:fadeFast|local
-		class={'absolute top-0 bottom-0 left-0 right-0 z-[5000]'}
+		class={'absolute top-0 bottom-0 left-0 right-0 z-5000'}
 		role="dialog"
 	>
 		<div
diff --git a/frontend/src/lib/components/common/kbd/Kbd.svelte b/frontend/src/lib/components/common/kbd/Kbd.svelte
index 27de0f7686..b18beafb9d 100644
--- a/frontend/src/lib/components/common/kbd/Kbd.svelte
+++ b/frontend/src/lib/components/common/kbd/Kbd.svelte
@@ -9,12 +9,12 @@
 	if (small) {
 		kbdClass = twMerge(
 			kbdClass,
-			'!text-[10px]  px-1',
-			isModifier && isMac() ? '!text-lg ' : 'text-xs',
+			'text-[10px]!  px-1',
+			isModifier && isMac() ? 'text-lg! ' : 'text-xs',
 			'leading-none'
 		)
 	} else {
-		kbdClass += ' !text-xs px-1.5'
+		kbdClass += ' text-xs! px-1.5'
 	}
 </script>
 
@@ -22,7 +22,7 @@
 	class={twMerge(
 		$$props.class,
 		small ? 'h-4  center-center' : '',
-		'ml-0.5 rounded border bg-surface-secondary text-primary shadow-sm font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse'
+		'ml-0.5 rounded-xs border bg-surface-secondary text-primary shadow-2xs font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse'
 	)}
 >
 	<kbd class={kbdClass}>
diff --git a/frontend/src/lib/components/common/layout/ListElement.svelte b/frontend/src/lib/components/common/layout/ListElement.svelte
index 891079ce42..ab9894972f 100644
--- a/frontend/src/lib/components/common/layout/ListElement.svelte
+++ b/frontend/src/lib/components/common/layout/ListElement.svelte
@@ -1,3 +1,3 @@
-<div class="w-full flex-grow bg-blue-300">
+<div class="w-full grow bg-blue-300">
 	<slot />
 </div>
diff --git a/frontend/src/lib/components/common/menu/Menu.svelte b/frontend/src/lib/components/common/menu/Menu.svelte
index 92ced7e4be..d063ce455a 100644
--- a/frontend/src/lib/components/common/menu/Menu.svelte
+++ b/frontend/src/lib/components/common/menu/Menu.svelte
@@ -95,7 +95,7 @@
 		<div
 			transition:fade|local={{ duration: transitionDuration }}
 			class={classNames(
-				'z-50 absolute mt-2 rounded-md shadow-lg bg-surface ring-1 ring-black ring-opacity-5 focus:outline-none',
+				'z-50 absolute mt-2 rounded-md shadow-lg bg-surface ring-1 ring-black ring-opacity-5 focus:outline-hidden',
 				placementsClasses[placement],
 				noMinW ? 'min-w-0' : 'w-60',
 				popupClasses
diff --git a/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte b/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
index 8c14d3b997..1e33d83693 100644
--- a/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
+++ b/frontend/src/lib/components/common/modal/AlwaysMountedModal.svelte
@@ -30,7 +30,7 @@
 			`${
 				$mode == 'dnd' ? 'absolute' : 'fixed'
 			} top-0 bottom-0 left-0 right-0 transition-all duration-50 overflow-hidden`,
-			isOpen ? 'z-[1100] bg-black bg-opacity-60' : 'hidden'
+			isOpen ? 'z-1100 bg-black bg-opacity-60' : 'hidden'
 		)}
 	>
 		<div class="flex min-h-full items-center justify-center p-4">
@@ -65,7 +65,7 @@
 				<div class="relative bg-surface rounded-md" on:click|stopPropagation={() => {}}>
 					<div
 						class={twMerge(
-							'max-w-screen-lg max-h-screen-80 overflow-auto flex flex-col',
+							'max-w-(--breakpoint-lg) max-h-screen-80 overflow-auto flex flex-col',
 							$$props.class
 						)}
 						{style}
diff --git a/frontend/src/lib/components/common/modal/Modal.svelte b/frontend/src/lib/components/common/modal/Modal.svelte
index 46593e49cd..768bc2b725 100644
--- a/frontend/src/lib/components/common/modal/Modal.svelte
+++ b/frontend/src/lib/components/common/modal/Modal.svelte
@@ -44,7 +44,7 @@
 	<div
 		on:click={() => (open = false)}
 		transition:fadeFast|local
-		class={'absolute top-0 bottom-0 left-0 right-0 z-[9999]'}
+		class={'absolute top-0 bottom-0 left-0 right-0 z-9999'}
 		role="dialog"
 		tabindex="-1"
 	>
diff --git a/frontend/src/lib/components/common/modal/Modal2.svelte b/frontend/src/lib/components/common/modal/Modal2.svelte
index 7d34172237..ea8168e64f 100644
--- a/frontend/src/lib/components/common/modal/Modal2.svelte
+++ b/frontend/src/lib/components/common/modal/Modal2.svelte
@@ -50,7 +50,7 @@
 {#if isOpen}
 	<Portal name="always-mounted" {target}>
 		<div
-			class={'fixed top-0 bottom-0 left-0 right-0 transition-all overflow-auto z-[1100] bg-black bg-opacity-60 w-full h-full'}
+			class={'fixed top-0 bottom-0 left-0 right-0 transition-all overflow-auto z-1100 bg-black bg-opacity-60 w-full h-full'}
 			transition:fadeFast|local
 		>
 			<div class="flex min-h-full items-center justify-center p-8">
@@ -59,7 +59,7 @@
 						css?.popup?.style || ''
 					}`}
 					class={twMerge(
-						'max-h-screen-80 max-w-screen-80 rounded-lg relative bg-surface pt-2 px-4 pb-4',
+						'max-h-screen-80 max-w-[theme(screens.80)] rounded-lg relative bg-surface pt-2 px-4 pb-4',
 						css?.popup?.class,
 						'wm-modal-form-popup'
 					)}
diff --git a/frontend/src/lib/components/common/seconds/SecondsInput.svelte b/frontend/src/lib/components/common/seconds/SecondsInput.svelte
index c38b118eb5..17e7a3d02e 100644
--- a/frontend/src/lib/components/common/seconds/SecondsInput.svelte
+++ b/frontend/src/lib/components/common/seconds/SecondsInput.svelte
@@ -66,7 +66,7 @@
 				Sec
 				<input
 					type="number"
-					class="!w-14"
+					class="w-14!"
 					{disabled}
 					bind:value={sec}
 					on:change={convertUnitsToSeconds}
@@ -77,7 +77,7 @@
 				Min
 				<input
 					type="number"
-					class="!w-14"
+					class="w-14!"
 					{disabled}
 					bind:value={min}
 					on:change={convertUnitsToSeconds}
@@ -90,7 +90,7 @@
 				Hour
 				<input
 					type="number"
-					class="!w-14"
+					class="w-14!"
 					{disabled}
 					bind:value={hour}
 					on:change={convertUnitsToSeconds}
@@ -101,7 +101,7 @@
 				Day
 				<input
 					type="number"
-					class="!w-14"
+					class="w-14!"
 					{disabled}
 					bind:value={day}
 					on:change={convertUnitsToSeconds}
diff --git a/frontend/src/lib/components/common/skeleton/Skeleton.svelte b/frontend/src/lib/components/common/skeleton/Skeleton.svelte
index 1e47436895..fb50a01057 100644
--- a/frontend/src/lib/components/common/skeleton/Skeleton.svelte
+++ b/frontend/src/lib/components/common/skeleton/Skeleton.svelte
@@ -20,7 +20,7 @@
 		<div
 			class="flex grow flex-col overflow-hidden transition-[opacity] duration-1000 opacity-0 {mounted
 				? 'opacity-100'
-				: ''} {overlay ? 'absolute w-full h-full z-[1000]' : ''} {$$props.class}"
+				: ''} {overlay ? 'absolute w-full h-full z-1000' : ''} {$$props.class}"
 		>
 			{#each layout as row}
 				<div class="flex justify-between items-start gap-4">
diff --git a/frontend/src/lib/components/common/table/Row.svelte b/frontend/src/lib/components/common/table/Row.svelte
index 42d39a6e6d..b9e50e1120 100644
--- a/frontend/src/lib/components/common/table/Row.svelte
+++ b/frontend/src/lib/components/common/table/Row.svelte
@@ -24,8 +24,8 @@
 
 <div
 	class={twMerge(
-		'hover:bg-surface-hover w-full inline-flex items-center gap-4 first-of-type:!border-t-0 first-of-type:rounded-t-md last-of-type:rounded-b-md [*:not(:last-child)]:border-b px-4 py-2.5 border-b last:border-b-0',
-		depth > 0 ? '!rounded-none' : ''
+		'hover:bg-surface-hover w-full inline-flex items-center gap-4 first-of-type:border-t-0! first-of-type:rounded-t-md last-of-type:rounded-b-md [*:not(:last-child)]:border-b px-4 py-2.5 border-b last:border-b-0',
+		depth > 0 ? 'rounded-none!' : ''
 	)}
 	style={depth > 0 ? `padding-left: ${depth * 32}px;` : ''}
 >
diff --git a/frontend/src/lib/components/copilot/CronGen.svelte b/frontend/src/lib/components/copilot/CronGen.svelte
index d002fbf490..a50d367838 100644
--- a/frontend/src/lib/components/copilot/CronGen.svelte
+++ b/frontend/src/lib/components/copilot/CronGen.svelte
@@ -104,7 +104,7 @@
 						color="light"
 						variant="contained"
 						buttonType="button"
-						btnClasses="!ml-2 text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
+						btnClasses="ml-2! text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
 						title="Generate CRON schedule from prompt"
 						aria-label="Generate"
 						iconOnly
diff --git a/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte b/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
index d4d2a781fb..f4470053f2 100644
--- a/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
+++ b/frontend/src/lib/components/copilot/FlowCopilotStatus.svelte
@@ -36,7 +36,7 @@
 		<Button
 			size="xs"
 			btnClasses={twMerge(
-				$currentStepStore !== undefined ? 'z-[901]' : '',
+				$currentStepStore !== undefined ? 'z-901' : '',
 				copilotLoading || ($currentStepStore !== undefined && $currentStepStore !== 'Input')
 					? ''
 					: 'text-violet-800 dark:text-violet-400'
@@ -75,7 +75,7 @@
 				? 'Exit'
 				: 'AI Builder'}
 		</Button>
-		<div slot="content" class="text-sm flex flex-row items-center z-[901]">
+		<div slot="content" class="text-sm flex flex-row items-center z-901">
 			<span class="font-semibold">
 				{copilotStatus}
 			</span>
diff --git a/frontend/src/lib/components/copilot/MetadataGen.svelte b/frontend/src/lib/components/copilot/MetadataGen.svelte
index c734b37b41..539c70ba77 100644
--- a/frontend/src/lib/components/copilot/MetadataGen.svelte
+++ b/frontend/src/lib/components/copilot/MetadataGen.svelte
@@ -264,14 +264,14 @@ Generate a description for the flow below:
 	</div>
 	{#if elementType === 'textarea'}
 		<div>
-			<div class="flex flex-row-reverse !text-3xs text-tertiary -mt-4">GH Markdown</div>
+			<div class="flex flex-row-reverse text-3xs! text-tertiary -mt-4">GH Markdown</div>
 			<textarea
 				bind:this={el}
 				bind:value={content}
 				use:autosize
 				{...elementProps}
 				placeholder={!active ? elementProps.placeholder : ''}
-				class={active ? '!indent-[3.5rem]' : ''}
+				class={active ? 'indent-[3.5rem]!' : ''}
 				on:focus={() => (focused = true)}
 				on:blur={() => (focused = false)}
 			></textarea>
@@ -281,10 +281,10 @@ Generate a description for the flow below:
 			bind:this={el}
 			bind:value={content}
 			placeholder={!active ? elementProps.placeholder : ''}
-			class={active ? '!indent-[3.5rem]' : ''}
+			class={active ? 'indent-[3.5rem]!' : ''}
 			on:focus={() => (focused = true)}
 			on:blur={() => (focused = false)}
 		/>
 	{/if}
-	<!-- <slot {updateFocus} {active} {generatedContent} classNames={active ? '!indent-[8.8rem]' : ''} /> -->
+	<!-- <slot {updateFocus} {active} {generatedContent} classNames={active ? 'indent-[8.8rem]!' : ''} /> -->
 </div>
diff --git a/frontend/src/lib/components/copilot/PredicateGen.svelte b/frontend/src/lib/components/copilot/PredicateGen.svelte
index aa3a97e1de..6a18801ae3 100644
--- a/frontend/src/lib/components/copilot/PredicateGen.svelte
+++ b/frontend/src/lib/components/copilot/PredicateGen.svelte
@@ -118,7 +118,7 @@ Only return the expression without any wrapper. Do not explain or discuss.`
 				color="light"
 				variant="contained"
 				buttonType="button"
-				btnClasses="!p-1 !w-[38px] !ml-2 text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
+				btnClasses="p-1! w-[38px]! ml-2! text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
 				title="Generate predicate from prompt"
 				aria-label="Generate"
 				iconOnly
diff --git a/frontend/src/lib/components/copilot/RegexGen.svelte b/frontend/src/lib/components/copilot/RegexGen.svelte
index 00d00c3b70..638129c9cc 100644
--- a/frontend/src/lib/components/copilot/RegexGen.svelte
+++ b/frontend/src/lib/components/copilot/RegexGen.svelte
@@ -133,7 +133,7 @@
 							size="xs"
 							color="light"
 							buttonType="button"
-							btnClasses="!ml-2 text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
+							btnClasses="ml-2! text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
 							aria-label="Generate"
 							on:click={() => {
 								close()
diff --git a/frontend/src/lib/components/copilot/ScriptGen.svelte b/frontend/src/lib/components/copilot/ScriptGen.svelte
index a0b141d86d..6c9b47f305 100644
--- a/frontend/src/lib/components/copilot/ScriptGen.svelte
+++ b/frontend/src/lib/components/copilot/ScriptGen.svelte
@@ -244,7 +244,7 @@
 <svelte:window on:resize={autoResize} bind:innerWidth />
 
 {#if genLoading}
-	<div transition:fade class="fixed z-[4999] inset-0 bg-gray-500/75"></div>
+	<div transition:fade class="fixed z-4999 inset-0 bg-gray-500/75"></div>
 {/if}
 
 {#if $generatedCode.length > 0 && !genLoading}
@@ -252,7 +252,7 @@
 		<div class="flex gap-1">
 			<Button
 				title="Discard generated code"
-				btnClasses="!font-medium px-2 w-7"
+				btnClasses="font-medium! px-2 w-7"
 				size="xs"
 				color="red"
 				on:click={rejectDiff}
@@ -262,7 +262,7 @@
 			/>
 			<Button
 				title="Accept generated code"
-				btnClasses="!font-medium px-2 w-7"
+				btnClasses="font-medium! px-2 w-7"
 				size="xs"
 				color="green"
 				on:click={acceptDiff}
@@ -274,7 +274,7 @@
 		<div class="flex gap-1 px-2">
 			<Button
 				title="Discard generated code"
-				btnClasses="!font-medium px-2"
+				btnClasses="font-medium! px-2"
 				size="xs"
 				color="red"
 				on:click={rejectDiff}
@@ -285,7 +285,7 @@
 				Discard
 			</Button><Button
 				title="Accept generated code"
-				btnClasses="!font-medium px-2"
+				btnClasses="font-medium! px-2"
 				size="xs"
 				color="green"
 				on:click={acceptDiff}
@@ -313,7 +313,7 @@
 				<Button
 					size="xs"
 					color={genLoading ? 'red' : 'light'}
-					btnClasses={genLoading ? '!px-3 z-[5000]' : '!px-2'}
+					btnClasses={genLoading ? 'px-3! z-5000' : 'px-2!'}
 					propagateEvent={!genLoading}
 					on:click={genLoading
 						? () => abortController?.abort()
@@ -340,8 +340,8 @@
 				<Button
 					title="Generate code from prompt"
 					btnClasses={twMerge(
-						'!font-medium',
-						genLoading ? 'z-[5000]' : 'text-violet-800 dark:text-violet-400'
+						'font-medium!',
+						genLoading ? 'z-5000' : 'text-violet-800 dark:text-violet-400'
 					)}
 					size="xs"
 					color={genLoading ? 'red' : 'light'}
@@ -422,7 +422,7 @@
 								size="xs"
 								color="light"
 								buttonType="button"
-								btnClasses="!h-[34px] qhd:!h-[38px] !ml-2 text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
+								btnClasses="h-[34px]! qhd:h-[38px]! ml-2! text-violet-800 dark:text-violet-400 bg-violet-100 dark:bg-gray-700"
 								title="Generate code from prompt"
 								aria-label="Generate"
 								on:click={() => {
diff --git a/frontend/src/lib/components/copilot/StepGenQuick.svelte b/frontend/src/lib/components/copilot/StepGenQuick.svelte
index 5cb15839ba..723fe79236 100644
--- a/frontend/src/lib/components/copilot/StepGenQuick.svelte
+++ b/frontend/src/lib/components/copilot/StepGenQuick.svelte
@@ -50,7 +50,7 @@
 	f={(x) => (emptyString(x.summary) ? x.path : x.summary + ' (' + x.path + ')')}
 />
 
-<div class="relative text-primary items-center transition-all flex-grow">
+<div class="relative text-primary items-center transition-all grow">
 	<div class="grow items-cente">
 		<input
 			bind:this={input}
diff --git a/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte b/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
index f0d9a6c287..0f9384db32 100644
--- a/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
+++ b/frontend/src/lib/components/copilot/chat/AIChatDisplay.svelte
@@ -82,7 +82,7 @@
 						on:click={() => {}}
 						title="History"
 						size="md"
-						btnClasses="!p-1"
+						btnClasses="p-1!"
 						startIcon={{ icon: HistoryIcon }}
 						iconOnly
 						variant="border"
@@ -113,7 +113,7 @@
 										<Button
 											iconOnly
 											size="xs2"
-											btnClasses="!p-1"
+											btnClasses="p-1!"
 											color="light"
 											variant="border"
 											startIcon={{ icon: X }}
@@ -134,7 +134,7 @@
 					dispatch('saveAndClear')
 				}}
 				size="md"
-				btnClasses="!p-1"
+				btnClasses="p-1!"
 				startIcon={{ icon: Plus }}
 				iconOnly
 				variant="border"
diff --git a/frontend/src/lib/components/copilot/chat/AssistantMessage.svelte b/frontend/src/lib/components/copilot/chat/AssistantMessage.svelte
index de5fa391af..6e0b540432 100644
--- a/frontend/src/lib/components/copilot/chat/AssistantMessage.svelte
+++ b/frontend/src/lib/components/copilot/chat/AssistantMessage.svelte
@@ -13,7 +13,7 @@
 </script>
 
 <div
-	class="prose prose-sm dark:prose-invert w-full max-w-full leading-snug space-y-2 prose-ul:!pl-6"
+	class="prose prose-sm dark:prose-invert w-full max-w-full leading-snug space-y-2 prose-ul:pl-6!"
 >
 	<Markdown
 		md={message.content}
diff --git a/frontend/src/lib/components/copilot/chat/ChatQuickActions.svelte b/frontend/src/lib/components/copilot/chat/ChatQuickActions.svelte
index a05795489e..51336119f1 100644
--- a/frontend/src/lib/components/copilot/chat/ChatQuickActions.svelte
+++ b/frontend/src/lib/components/copilot/chat/ChatQuickActions.svelte
@@ -5,7 +5,7 @@
 
 	export let diffMode: boolean = false
 
-	let iconClasses = '!w-3 !h-3 !px-0 !m-0'
+	let iconClasses = 'w-3! h-3! px-0! m-0!'
 
 	const dispatch = createEventDispatcher<{
 		analyzeChanges: null
@@ -15,8 +15,8 @@
 
 	$: btnClasses = `!px-1 !py-0.5 !gap-1 ${
 		diffMode
-			? '!bg-surface dark:!bg-surface border-frost-500 dark:border-frost-500'
-			: '!font-normal'
+			? 'bg-surface! dark:bg-surface! border-frost-500 dark:border-frost-500'
+			: 'font-normal!'
 	}`
 </script>
 
diff --git a/frontend/src/lib/components/copilot/shared.ts b/frontend/src/lib/components/copilot/shared.ts
index 9b7e2391f0..83550af32e 100644
--- a/frontend/src/lib/components/copilot/shared.ts
+++ b/frontend/src/lib/components/copilot/shared.ts
@@ -106,7 +106,7 @@ function getReviewButtons(
 	const { contentWidth, verticalScrollbarWidth } = editor.getLayoutInfo()
 	const scrollLeft = editor.getScrollLeft()
 	const reviewButtons = document.createElement('div')
-	reviewButtons.classList.add('absolute', 'flex', 'flex-row', 'z-10', 'rounded')
+	reviewButtons.classList.add('absolute', 'flex', 'flex-row', 'z-10', 'rounded-xs')
 
 	Object.assign(reviewButtons.style, {
 		fontFamily: 'Inter',
diff --git a/frontend/src/lib/components/details/ClipboardPanel.svelte b/frontend/src/lib/components/details/ClipboardPanel.svelte
index c0a230f1f7..8c07b92250 100644
--- a/frontend/src/lib/components/details/ClipboardPanel.svelte
+++ b/frontend/src/lib/components/details/ClipboardPanel.svelte
@@ -30,5 +30,5 @@
 	<div class={twMerge('truncate whitespace-no-wrap grow', size === 'sm' ? 'text-xs' : 'text-sm')}
 		>{content}</div
 	>
-	<Clipboard size={12} class="flex-shrink-0" />
+	<Clipboard size={12} class="shrink-0" />
 </div>
diff --git a/frontend/src/lib/components/details/EmailTriggerConfigSection.svelte b/frontend/src/lib/components/details/EmailTriggerConfigSection.svelte
index e85e4f9de0..14a21c834f 100644
--- a/frontend/src/lib/components/details/EmailTriggerConfigSection.svelte
+++ b/frontend/src/lib/components/details/EmailTriggerConfigSection.svelte
@@ -87,7 +87,7 @@
 					<input
 						bind:value={token}
 						placeholder="paste your token here once created to alter examples below"
-						class="!text-xs"
+						class="text-xs!"
 					/>
 					<Button size="xs" color="light" variant="border" on:click={userSettings.openDrawer}>
 						Create an Email-specific Token
diff --git a/frontend/src/lib/components/details/createAppFromScript.ts b/frontend/src/lib/components/details/createAppFromScript.ts
index 9beaf23f81..d3e9950511 100644
--- a/frontend/src/lib/components/details/createAppFromScript.ts
+++ b/frontend/src/lib/components/details/createAppFromScript.ts
@@ -50,7 +50,7 @@ export function createAppFromScript(path: string, schema: Record<string, any> |
 					configuration: {},
 					customCss: {
 						container: {
-							class: '!p-0',
+							class: 'p-0!',
 							style: ''
 						}
 					},
@@ -612,7 +612,7 @@ export function createAppFromFlow(path: string, schema: Record<string, any> | un
 					configuration: {},
 					customCss: {
 						container: {
-							class: '!p-0',
+							class: 'p-0!',
 							style: ''
 						}
 					},
diff --git a/frontend/src/lib/components/display/PdfViewer.svelte b/frontend/src/lib/components/display/PdfViewer.svelte
index 454ceee458..929073465f 100644
--- a/frontend/src/lib/components/display/PdfViewer.svelte
+++ b/frontend/src/lib/components/display/PdfViewer.svelte
@@ -107,7 +107,7 @@
 			const viewport = page.getViewport({ scale })
 			canvas.height = viewport.height
 			canvas.width = viewport.width
-			canvas.classList.add('mx-auto', 'my-4', 'shadow-sm')
+			canvas.classList.add('mx-auto', 'my-4', 'shadow-2xs')
 			await page.render({ canvasContext, viewport }).promise
 			nextChildren.push(canvas)
 		}
@@ -176,7 +176,7 @@
 </script>
 
 <div
-	class={twMerge('flex flex-col w-full h-full', fullscreen ? 'fixed inset-0 z-[9999]' : 'relative')}
+	class={twMerge('flex flex-col w-full h-full', fullscreen ? 'fixed inset-0 z-9999' : 'relative')}
 >
 	{#if source && zoom}
 		{#if pages?.length}
@@ -194,7 +194,7 @@
 						variant="border"
 						title="Zoom out"
 						aria-label="Zoom out"
-						btnClasses="!rounded-r-none !px-2"
+						btnClasses="rounded-r-none! px-2!"
 					>
 						<ZoomOut size={16} />
 					</Button>
@@ -207,7 +207,7 @@
 							variant="border"
 							title="Reset zoom"
 							aria-label="Reset zoom"
-							btnClasses="!w-[50px] !font-medium !rounded-none !border-l-0 !px-1"
+							btnClasses="w-[50px]! font-medium! rounded-none! border-l-0! px-1!"
 						>
 							{zoom.toFixed(0)}%
 						</Button>
@@ -220,7 +220,7 @@
 						variant="border"
 						title="Scale to viewport"
 						aria-label="Scale to viewport"
-						btnClasses="!rounded-none !border-l-0 !px-2"
+						btnClasses="rounded-none! border-l-0! px-2!"
 					>
 						<MoveHorizontal size={16} />
 					</Button>
@@ -232,7 +232,7 @@
 						variant="border"
 						title="Zoom in"
 						aria-label="Zoom in"
-						btnClasses="!rounded-l-none !px-2 !border-l-0"
+						btnClasses="rounded-l-none! px-2! border-l-0!"
 					>
 						<ZoomIn size={16} />
 					</Button>
@@ -247,7 +247,7 @@
 						value={pageNumber}
 						disabled={!doc}
 						type="number"
-						class="!w-[45px] !px-1 !py-0"
+						class="w-[45px]! px-1! py-0!"
 					/>
 					<span class="whitespace-nowrap pl-1">
 						/ {pages.length}
@@ -261,7 +261,7 @@
 						color="light"
 						title="Download PDF"
 						aria-label="Download PDF"
-						btnClasses="!font-medium !px-2"
+						btnClasses="font-medium! px-2!"
 					>
 						<Download size={14} />
 					</Button>
@@ -273,7 +273,7 @@
 							color="light"
 							title="Toggle fullscreen"
 							aria-label="Toggle fullscreen"
-							btnClasses="!font-medium !px-2"
+							btnClasses="font-medium! px-2!"
 						>
 							{#if fullscreen}
 								<Shrink size={14} />
diff --git a/frontend/src/lib/components/flows/FlowHistoryInner.svelte b/frontend/src/lib/components/flows/FlowHistoryInner.svelte
index 296971c0f1..7cda094330 100644
--- a/frontend/src/lib/components/flows/FlowHistoryInner.svelte
+++ b/frontend/src/lib/components/flows/FlowHistoryInner.svelte
@@ -78,7 +78,7 @@
 	$: selectedVersion !== undefined && loadFlow(selectedVersion.id)
 </script>
 
-<Splitpanes class="!overflow-visible">
+<Splitpanes class="overflow-visible!">
 	<Pane size={20}>
 		<div class="flex flex-col gap-2 w-full px-2 py-2">
 			{#if !loading}
@@ -123,7 +123,7 @@
 										<input
 											type="text"
 											bind:value={deploymentMsgUpdate}
-											class="!w-auto grow"
+											class="w-auto! grow"
 											on:click|stopPropagation={() => {}}
 											on:keydown|stopPropagation
 											on:keypress|stopPropagation={({ key }) => {
@@ -134,7 +134,7 @@
 											size="xs"
 											color="blue"
 											buttonType="button"
-											btnClasses="!p-1 !w-[34px] !ml-1"
+											btnClasses="p-1! w-[34px]! ml-1!"
 											aria-label="Save deployment message"
 											on:click={() => {
 												updateDeploymentMsg(selectedVersion?.id)
@@ -146,7 +146,7 @@
 											size="xs"
 											color="light"
 											buttonType="button"
-											btnClasses="!p-1 !w-[34px] !ml-1"
+											btnClasses="p-1! w-[34px]! ml-1!"
 											aria-label="Abort"
 											on:click={() => {
 												deploymentMsgUpdateMode = false
@@ -168,7 +168,7 @@
 											deploymentMsgUpdateMode = true
 										}}
 										title="Update commit message"
-										class="flex items-center px-1 rounded-sm hover:text-primary text-secondary h-5"
+										class="flex items-center px-1 rounded-xs hover:text-primary text-secondary h-5"
 										aria-label="Update commit message"
 									>
 										<Pencil size={14} />
diff --git a/frontend/src/lib/components/flows/common/FlowCard.svelte b/frontend/src/lib/components/flows/common/FlowCard.svelte
index 5b559e06eb..aef66df891 100644
--- a/frontend/src/lib/components/flows/common/FlowCard.svelte
+++ b/frontend/src/lib/components/flows/common/FlowCard.svelte
@@ -16,7 +16,7 @@
 		</div>
 	{/if}
 
-	<div class="min-h-0 flex-grow">
+	<div class="min-h-0 grow">
 		<slot />
 	</div>
 </div>
diff --git a/frontend/src/lib/components/flows/content/DynamicInputHelpBox.svelte b/frontend/src/lib/components/flows/content/DynamicInputHelpBox.svelte
index 1f602782b7..4dd72080d2 100644
--- a/frontend/src/lib/components/flows/content/DynamicInputHelpBox.svelte
+++ b/frontend/src/lib/components/flows/content/DynamicInputHelpBox.svelte
@@ -14,7 +14,7 @@
 		}}
 		color="light"
 		size="xs2"
-		endIcon={{ icon: ChevronDown, classes: `rotate-0 duration-300 ${opened ? '!rotate-180' : ''}` }}
+		endIcon={{ icon: ChevronDown, classes: `rotate-0 duration-300 ${opened ? 'rotate-180!' : ''}` }}
 	>
 		Help
 	</Button>
diff --git a/frontend/src/lib/components/flows/content/FlowBranchOneWrapper.svelte b/frontend/src/lib/components/flows/content/FlowBranchOneWrapper.svelte
index 5b9107ac29..0fc7111d49 100644
--- a/frontend/src/lib/components/flows/content/FlowBranchOneWrapper.svelte
+++ b/frontend/src/lib/components/flows/content/FlowBranchOneWrapper.svelte
@@ -20,7 +20,7 @@
 		<div slot="header" class="grow">
 			<input bind:value={branch.summary} placeholder={'Summary'} />
 		</div>
-		<div class="overflow-hidden flex-grow">
+		<div class="overflow-hidden grow">
 			<h3 class="p-2">Predicate expression</h3>
 			<BranchPredicateEditor
 				{branch}
diff --git a/frontend/src/lib/components/flows/content/FlowInputsQuick.svelte b/frontend/src/lib/components/flows/content/FlowInputsQuick.svelte
index 48678601ca..50f7502115 100644
--- a/frontend/src/lib/components/flows/content/FlowInputsQuick.svelte
+++ b/frontend/src/lib/components/flows/content/FlowInputsQuick.svelte
@@ -318,7 +318,7 @@
 							startIcon={{ icon: SettingsIcon }}
 							color="light"
 							size="xs2"
-							btnClasses="!text-tertiary"
+							btnClasses="text-tertiary!"
 							variant="contained"
 							title="Edit global default scripts"
 						/>
diff --git a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
index b977e061a7..c972d3ac47 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleComponent.svelte
@@ -333,7 +333,7 @@
 
 			<div class="h-full flex flex-col">
 				{#if flowModule.value.type === 'rawscript' && !noEditor}
-					<div class="border-b-2 shadow-sm px-1">
+					<div class="border-b-2 shadow-2xs px-1">
 						<EditorBar
 							customUi={customUi?.editorBar}
 							{validCode}
@@ -356,7 +356,7 @@
 					</div>
 				{/if}
 
-				<div class="min-h-0 flex-grow" id="flow-editor-editor">
+				<div class="min-h-0 grow" id="flow-editor-editor">
 					<Splitpanes horizontal>
 						<Pane bind:size={editorPanelSize} minSize={10}>
 							{#if flowModule.value.type === 'rawscript'}
@@ -635,7 +635,7 @@
 															</svelte:fragment>
 															<input
 																type="number"
-																class="!w-24"
+																class="w-24!"
 																disabled={flowModule.priority === undefined}
 																bind:value={flowModule.priority}
 																on:focus
diff --git a/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte b/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
index 56a01e96c8..4bf636ded3 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleHeader.svelte
@@ -38,7 +38,7 @@
 		{#if moduleRetry}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleRetry')}
 			>
 				<Repeat size={14} />
@@ -48,7 +48,7 @@
 		{#if module?.value?.['concurrent_limit'] != undefined}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleConcurrency')}
 			>
 				<Gauge size={14} />
@@ -58,7 +58,7 @@
 		{#if module.cache_ttl != undefined}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleCache')}
 			>
 				<Database size={14} />
@@ -68,7 +68,7 @@
 		{#if module.stop_after_if || module.stop_after_all_iters_if}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleStopAfterIf')}
 			>
 				<Square size={14} />
@@ -78,7 +78,7 @@
 		{#if module.suspend}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleSuspend')}
 			>
 				<PhoneIncoming size={14} />
@@ -88,7 +88,7 @@
 		{#if module.sleep}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('toggleSleep')}
 			>
 				<Bed size={14} />
@@ -98,7 +98,7 @@
 		{#if module.mock?.enabled}
 			<Popover
 				placement="bottom"
-				class="center-center rounded p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
+				class="center-center rounded-xs p-2 bg-blue-100 text-blue-800 border border-blue-300 hover:bg-blue-200 dark:bg-frost-700 dark:text-frost-100 dark:border-frost-600"
 				on:click={() => dispatch('togglePin')}
 			>
 				<Pin size={14} />
diff --git a/frontend/src/lib/components/flows/content/FlowModuleMock.svelte b/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
index 96483678f8..16309f4d78 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleMock.svelte
@@ -81,7 +81,7 @@
 				<JsonEditor {code} on:changeValue={updateMockValue} />
 			{/key}
 		{:else}
-			<pre class="text-xs border rounded p-2 bg-surface-disabled"
+			<pre class="text-xs border rounded-xs p-2 bg-surface-disabled"
 				>{flowModule.mock?.return_value
 					? JSON.stringify(flowModule.mock?.return_value, null, 2)
 					: ''}</pre
diff --git a/frontend/src/lib/components/flows/content/FlowModuleMockTransitionMessage.svelte b/frontend/src/lib/components/flows/content/FlowModuleMockTransitionMessage.svelte
index 08d08a48c0..a8b8eee999 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleMockTransitionMessage.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleMockTransitionMessage.svelte
@@ -21,12 +21,12 @@
 <div class="p-1.5">
 	<!-- Header Banner -->
 	<div
-		class="bg-gradient-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20
+		class="bg-linear-to-r from-blue-50 to-indigo-50 dark:from-blue-900/20 dark:to-indigo-900/20
                 text-blue-700 dark:text-blue-300 rounded-md px-3 py-2 flex items-center justify-between mb-3"
 	>
 		<div class="flex items-center gap-2">
 			<div
-				class="bg-blue-600 dark:bg-blue-400 px-1.5 py-0.5 text-white text-xs font-bold tracking-wide rounded shadow-sm"
+				class="bg-blue-600 dark:bg-blue-400 px-1.5 py-0.5 text-white text-xs font-bold tracking-wide rounded-xs shadow-2xs"
 				>NEW</div
 			>
 			<span class="font-normal text-sm">Mock has evolved into</span>
@@ -35,7 +35,7 @@
 				PIN
 			</span>
 		</div>
-		<div class="text-xs bg-white/60 dark:bg-slate-800/60 py-0.5 px-2 rounded">
+		<div class="text-xs bg-white/60 dark:bg-slate-800/60 py-0.5 px-2 rounded-xs">
 			<span class="font-medium">Find it in:</span>
 			<span class="font-semibold">"Test this step"</span> tab
 		</div>
@@ -51,13 +51,13 @@
 			<!-- Step 1 -->
 			<div class="flex items-start gap-2 group">
 				<div
-					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium flex-shrink-0 -mt-0.5"
+					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium shrink-0 -mt-0.5"
 					>1</div
 				>
 				<div class="w-full">
 					<div class="font-medium mb-1.5">Pick a result from history</div>
 					<div
-						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-sm group-hover:shadow transition-shadow"
+						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-2xs group-hover:shadow-xs transition-shadow"
 					>
 						<!--svelte-ignore a11y-click-events-have-key-events-->
 						<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
@@ -74,13 +74,13 @@
 			<!-- Step 2 -->
 			<div class="flex items-start gap-2 group">
 				<div
-					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium flex-shrink-0 -mt-0.5"
+					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium shrink-0 -mt-0.5"
 					>2</div
 				>
 				<div class="w-full">
 					<div class="font-medium mb-1.5">Pin it as a fixed output</div>
 					<div
-						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-sm group-hover:shadow transition-shadow"
+						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-2xs group-hover:shadow-xs transition-shadow"
 					>
 						<!--svelte-ignore a11y-click-events-have-key-events-->
 						<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
@@ -97,13 +97,13 @@
 			<!-- Step 3 -->
 			<div class="flex items-start gap-2 group">
 				<div
-					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium flex-shrink-0 -mt-0.5"
+					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium shrink-0 -mt-0.5"
 					><Info size="14" /></div
 				>
 				<div class="w-full">
 					<div class="font-medium mb-1.5">The last pin can be recovered from history</div>
 					<div
-						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-sm group-hover:shadow transition-shadow"
+						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-2xs group-hover:shadow-xs transition-shadow"
 					>
 						<!--svelte-ignore a11y-click-events-have-key-events-->
 						<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
@@ -120,14 +120,14 @@
 			<!-- Step 4 -->
 			<div class="flex items-start gap-2 group">
 				<div
-					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium flex-shrink-0 -mt-0.5"
+					class="bg-surface-secondary text-secondary rounded-full w-5 h-5 flex items-center justify-center text-xs font-medium shrink-0 -mt-0.5"
 				>
 					<Info size="14" />
 				</div>
 				<div class="w-full">
 					<div class="font-medium mb-1.5">All of this can be done from the flow view</div>
 					<div
-						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-sm group-hover:shadow transition-shadow"
+						class="border rounded-md p-1 bg-white dark:bg-slate-800 h-56 overflow-hidden shadow-2xs group-hover:shadow-xs transition-shadow"
 					>
 						<!--svelte-ignore a11y-click-events-have-key-events-->
 						<!-- svelte-ignore a11y-no-noninteractive-element-interactions -->
diff --git a/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte b/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte
index 0a8c685239..1953382655 100644
--- a/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte
+++ b/frontend/src/lib/components/flows/content/FlowModuleWorkerTagSelect.svelte
@@ -27,7 +27,7 @@
 			{:else}
 				<button
 					title="Worker Group is defined at the flow level"
-					class="w-full text-left items-center font-normal p-1 py-2 border text-xs rounded"
+					class="w-full text-left items-center font-normal p-1 py-2 border text-xs rounded-xs"
 					on:click={() => ($selectedId = 'settings-worker-group')}
 				>
 					Flow's WG: {$flowStore.tag}
diff --git a/frontend/src/lib/components/flows/content/FlowRetries.svelte b/frontend/src/lib/components/flows/content/FlowRetries.svelte
index cce3529ab6..48bc710cb6 100644
--- a/frontend/src/lib/components/flows/content/FlowRetries.svelte
+++ b/frontend/src/lib/components/flows/content/FlowRetries.svelte
@@ -78,7 +78,7 @@
 		<div class="w-1/2 h-full overflow-auto pr-2">
 			{#if delayType === 'constant'}
 				{#if flowModuleRetry?.constant}
-					<div class="text-xs font-bold !mt-2">Attempts</div>
+					<div class="text-xs font-bold mt-2!">Attempts</div>
 					<div class="flex gap-1">
 						<input
 							max={u32Max.toString()}
@@ -92,12 +92,12 @@
 							>max</button
 						>
 					</div>
-					<div class="text-xs font-bold !mt-2">Delay</div>
+					<div class="text-xs font-bold mt-2!">Delay</div>
 					<SecondsInput bind:seconds={flowModuleRetry.constant.seconds} />
 				{/if}
 			{:else if delayType === 'exponential'}
 				{#if flowModuleRetry?.exponential}
-					<div class="text-xs font-bold !mt-2">Attempts</div>
+					<div class="text-xs font-bold mt-2!">Attempts</div>
 					<div class="flex gap-1">
 						<input max="100" bind:value={flowModuleRetry.exponential.attempts} type="number" />
 						<button
@@ -107,12 +107,12 @@
 							>max</button
 						>
 					</div>
-					<div class="text-xs font-bold !mt-2">Multiplier</div>
+					<div class="text-xs font-bold mt-2!">Multiplier</div>
 					<span class="text-xs text-tertiary">delay = multiplier * base ^ (number of attempt)</span>
 					<input bind:value={flowModuleRetry.exponential.multiplier} type="number" />
-					<div class="text-xs font-bold !mt-2">Base (in seconds)</div>
+					<div class="text-xs font-bold mt-2!">Base (in seconds)</div>
 					<input bind:value={flowModuleRetry.exponential.seconds} type="number" step="1" />
-					<div class="text-xs font-bold !mt-2">Randomization factor (percentage)</div>
+					<div class="text-xs font-bold mt-2!">Randomization factor (percentage)</div>
 					<div class="flex w-full gap-4">
 						{#if !$enterpriseLicense}
 							<div class="flex text-xs items-center gap-1 text-yellow-500 whitespace-nowrap">
@@ -156,7 +156,7 @@
 					(_, i) => (multiplier || 0) * (eSeconds || 0) ** (i + cArray.length + 1)
 				)}
 				{@const array = [...cArray, ...eArray]}
-				<div class="bg-surface-secondary border rounded px-4 py-2">
+				<div class="bg-surface-secondary border rounded-xs px-4 py-2">
 					<div class="text-xs font-medium mb-2">Retry attempts</div>
 					{#if array.length > 0}
 						<table class="text-xs">
diff --git a/frontend/src/lib/components/flows/content/FlowSettings.svelte b/frontend/src/lib/components/flows/content/FlowSettings.svelte
index 85b604bf5d..85150a8a56 100644
--- a/frontend/src/lib/components/flows/content/FlowSettings.svelte
+++ b/frontend/src/lib/components/flows/content/FlowSettings.svelte
@@ -380,7 +380,7 @@
 					/>
 					{#if !$enterpriseLicense}
 						<span
-							class="inline-flex text-xs items-center gap-1 !text-yellow-500 whitespace-nowrap ml-8"
+							class="inline-flex text-xs items-center gap-1 text-yellow-500! whitespace-nowrap ml-8"
 						>
 							<AlertTriangle size={16} />
 							EE only <Tooltip>Enterprise Edition only feature</Tooltip>
@@ -488,7 +488,7 @@
 					<svelte:fragment slot="right">
 						<input
 							type="number"
-							class="!w-16 text-xs ml-4 absolute left-52"
+							class="w-16! text-xs ml-4 absolute left-52"
 							disabled={$flowStore.value.priority === undefined}
 							bind:value={$flowStore.value.priority}
 							on:focus
@@ -502,7 +502,7 @@
 						/>
 						{#if !$enterpriseLicense || isCloudHosted()}
 							<span
-								class="inline-flex absolute top-0 left-72 text-xs items-center gap-1 !text-yellow-500 whitespace-nowrap ml-8"
+								class="inline-flex absolute top-0 left-72 text-xs items-center gap-1 text-yellow-500! whitespace-nowrap ml-8"
 							>
 								<AlertTriangle size={16} />
 								EE only <Tooltip>Enterprise Edition only feature</Tooltip>
diff --git a/frontend/src/lib/components/flows/content/GenAiQuick.svelte b/frontend/src/lib/components/flows/content/GenAiQuick.svelte
index ef59d9d6d7..35e9dbab11 100644
--- a/frontend/src/lib/components/flows/content/GenAiQuick.svelte
+++ b/frontend/src/lib/components/flows/content/GenAiQuick.svelte
@@ -28,6 +28,6 @@
 		Generate "{funcDesc}" in {lang}
 	</span>
 	{#if selected}
-		<kbd class="!text-xs">&crarr;</kbd>
+		<kbd class="text-xs!">&crarr;</kbd>
 	{/if}
 </button>
diff --git a/frontend/src/lib/components/flows/map/FlowConstantsItem.svelte b/frontend/src/lib/components/flows/map/FlowConstantsItem.svelte
index a9e7bd52c0..cd2ea07a78 100644
--- a/frontend/src/lib/components/flows/map/FlowConstantsItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowConstantsItem.svelte
@@ -7,7 +7,7 @@
 	const { selectedId } = getContext<FlowEditorContext>('FlowEditorContext')
 
 	$: settingsClass = classNames(
-		'border w-full rounded-sm p-2 bg-surface  text-sm cursor-pointer flex items-center',
+		'border w-full rounded-xs p-2 bg-surface  text-sm cursor-pointer flex items-center',
 		$selectedId == 'constants' ? 'border border-1  border-slate-800 dark:bg-white/5 dark:border-slate-400/60 dark:border-gray-400' : ''
 	)
 </script>
diff --git a/frontend/src/lib/components/flows/map/FlowErrorHandlerItem.svelte b/frontend/src/lib/components/flows/map/FlowErrorHandlerItem.svelte
index f2f755ddb3..e80fff395b 100644
--- a/frontend/src/lib/components/flows/map/FlowErrorHandlerItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowErrorHandlerItem.svelte
@@ -63,7 +63,7 @@
 	class={classNames(
 		'z-10',
 		$copilotCurrentStepStore !== undefined ? 'border-gray-500/75' : 'cursor-pointer',
-		'border transition-colors duration-[400ms] ease-linear rounded-sm px-2 py-1 gap-2 bg-surface text-sm flex items-center flex-row',
+		'border transition-colors duration-[400ms] ease-linear rounded-xs px-2 py-1 gap-2 bg-surface text-sm flex items-center flex-row',
 		$selectedId?.includes('failure')
 			? 'outline outline-offset-1 outline-2 outline-slate-900 dark:outline-slate-900/0 dark:bg-surface-secondary dark:border-gray-400'
 			: ''
@@ -77,7 +77,7 @@
 	}}
 >
 	{#if $copilotCurrentStepStore !== undefined}
-		<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-[900]"></div>
+		<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-900"></div>
 	{/if}
 	<div class="flex items-center grow-0 min-w-0 gap-2">
 		<Bug size={16} color={$flowStore?.value?.failure_module ? '#3b82f6' : '#9CA3AF'} />
@@ -115,7 +115,7 @@
 				'w-5 h-5 flex items-center justify-center grow-0 shrink-0',
 				'outline-[1px] outline dark:outline-gray-500 outline-gray-300',
 				'text-secondary',
-				'bg-surface focus:outline-none hover:bg-surface-hover rounded '
+				'bg-surface focus:outline-hidden hover:bg-surface-hover rounded-xs '
 			)}
 			on:click={() => {
 				$flowStore.value.failure_module = undefined
diff --git a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
index 45025761d5..6a6dfae4ca 100644
--- a/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
+++ b/frontend/src/lib/components/flows/map/FlowJobsMenu.svelte
@@ -101,8 +101,8 @@
 				id={`flow-editor-iteration picker-${id}`}
 				type="button"
 				class={twMerge(
-					'text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-none',
-					'hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-sm w-[40px] gap-1 h-[20px]',
+					'text-xs bg-surface border-[1px] border-gray-300 dark:border-gray-500 focus:outline-hidden',
+					'hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected font-medium rounded-xs w-[40px] gap-1 h-[20px]',
 					'flex items-center justify-center',
 					flowJobsSuccess?.[selected] == false ? 'text-red-400' : 'text-secondary'
 				)}
@@ -124,7 +124,7 @@
 								class={twMerge(
 									'text-primary text-xs w-full text-left py-1 pl-2 hover:bg-surface-hover whitespace-nowrap flex flex-row gap-2 items-center',
 									items[idx].success == false ? 'text-red-400' : '',
-									'data-[highlighted]:bg-surface-hover'
+									'data-highlighted:bg-surface-hover'
 								)}
 								on:click={() => {
 									dispatch('selectedIteration', {
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
index e0ad53a894..d3aacb5f9a 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaItem.svelte
@@ -145,7 +145,7 @@
 			<div>
 				<IdEditorInput
 					buttonText="Edit Id "
-					btnClasses="!ml-1"
+					btnClasses="ml-1!"
 					label=""
 					initialId={id}
 					acceptUnderScores
@@ -195,10 +195,10 @@
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class={classNames(
-		'w-full module flex rounded-sm cursor-pointer max-w-full',
+		'w-full module flex rounded-xs cursor-pointer max-w-full',
 		selected ? 'outline outline-offset-0  outline-2  outline-slate-500 dark:outline-gray-400' : '',
 		'flex relative',
-		$copilotCurrentStepStore === id ? 'z-[901]' : ''
+		$copilotCurrentStepStore === id ? 'z-901' : ''
 	)}
 	style="width: 275px; height: 38px; background-color: {bgColor};"
 	on:mouseenter={() => (hover = true)}
@@ -210,7 +210,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center rounded-xs border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 				>
 					{#if retries}<span class="text-red-400 mr-2">{retries}</span>{/if}
 					<Repeat size={12} />
@@ -223,7 +223,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center rounded-xs border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Gauge size={12} />
 				</div>
@@ -234,7 +234,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center rounded-xs border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Database size={12} />
 				</div>
@@ -245,7 +245,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Square size={12} />
 				</div>
@@ -260,7 +260,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<SkipForward size={12} />
 				</div>
@@ -271,7 +271,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<PhoneIncoming size={12} />
 				</div>
@@ -282,7 +282,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Bed size={12} />
 				</div>
@@ -293,7 +293,7 @@
 			<Popover notClickable>
 				<button
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 					on:click={() => {
 						outputPicker?.toggleOpen()
 					}}
@@ -347,7 +347,7 @@
 		<button
 			class="absolute -top-[10px] -right-[10px] rounded-full h-[20px] w-[20px] trash center-center text-secondary
 	outline-[1px] outline dark:outline-gray-500 outline-gray-300 bg-surface duration-150 hover:bg-red-400 hover:text-white
-	 {hover || selected ? '' : '!hidden'}"
+	 {hover || selected ? '' : 'hidden!'}"
 			title="Delete"
 			on:click|preventDefault|stopPropagation={(event) =>
 				dispatch('delete', { event, id, type: modType })}
@@ -359,7 +359,7 @@
 			<button
 				class="absolute -top-[10px] right-[60px] rounded-full h-[20px] w-[20px] trash center-center text-secondary
 outline-[1px] outline dark:outline-gray-500 outline-gray-300 bg-surface duration-150 hover:bg-blue-400 hover:text-white
- {hover ? '' : '!hidden'}"
+ {hover ? '' : 'hidden!'}"
 				on:click|preventDefault|stopPropagation={(event) => dispatch('move')}
 				title="Move"
 			>
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaItemViewer.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaItemViewer.svelte
index 179ac4a721..6edfca4a45 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaItemViewer.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaItemViewer.svelte
@@ -30,7 +30,7 @@
 		class="absolute left-1/2 transform -translate-x-1/2 center-center"
 		style="max-width: calc(100% - {marginLeft}px)"
 	>
-		<div class="text-center truncate {bold ? '!font-bold' : 'font-normal'}">
+		<div class="text-center truncate {bold ? 'font-bold!' : 'font-normal'}">
 			{label}
 		</div>
 		<svelte:fragment slot="text">
@@ -46,7 +46,7 @@
 			<Badge
 				color="indigo"
 				wrapperClass="max-w-full"
-				baseClass="max-w-full truncate !px-1"
+				baseClass="max-w-full truncate px-1!"
 				title={id}
 			>
 				<span class="max-w-full text-2xs truncate">{id}</span></Badge
@@ -54,15 +54,15 @@
 			{#if deletable}
 				<button
 					class="absolute -left-[28px] z-10 h-[20px] rounded-l rounded-t rounded-s w-[20px] trash center-center text-secondary bg-surface duration-150 hover:bg-blue-400 {editId
-						? '!bg-blue-400'
+						? 'bg-blue-400!'
 						: ''} hover:text-white
-hover:border-blue-700 hover:!visible {hover ? '' : '!hidden'}"
+hover:border-blue-700 hover:!visible {hover ? '' : 'hidden!'}"
 					on:click|preventDefault|stopPropagation={(event) => (editId = !editId)}
 					title="Edit Id"><Pencil size={14} /></button
 				>
 			{/if}
 		{:else if id?.startsWith('subflow:')}
-			<Badge color="blue" wrapperClass="max-w-full" baseClass="!px-1" title={id}>
+			<Badge color="blue" wrapperClass="max-w-full" baseClass="px-1!" title={id}>
 				<span class="max-w-full text-2xs truncate">{id.substring('subflow:'.length)}</span></Badge
 			>
 		{/if}
diff --git a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
index 10c5136384..abc77f8d56 100644
--- a/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
+++ b/frontend/src/lib/components/flows/map/FlowModuleSchemaMap.svelte
@@ -329,7 +329,7 @@
 		}`}
 	>
 		{#if $copilotCurrentStepStore !== undefined}
-			<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-[900] !m-0"></div>
+			<div transition:fade class="absolute inset-0 bg-gray-500 bg-opacity-75 z-900 m-0!"></div>
 		{/if}
 		{#if !disableSettings}
 			<FlowSettingsItem />
diff --git a/frontend/src/lib/components/flows/map/FlowSettingsItem.svelte b/frontend/src/lib/components/flows/map/FlowSettingsItem.svelte
index 4f5c8d569c..1d113ff4ef 100644
--- a/frontend/src/lib/components/flows/map/FlowSettingsItem.svelte
+++ b/frontend/src/lib/components/flows/map/FlowSettingsItem.svelte
@@ -8,7 +8,7 @@
 	const { selectedId, flowStore } = getContext<FlowEditorContext>('FlowEditorContext')
 
 	$: settingsClass = classNames(
-		'border w-full rounded-sm p-2 bg-surface text-sm cursor-pointer flex items-center h-[32px]',
+		'border w-full rounded-xs p-2 bg-surface text-sm cursor-pointer flex items-center h-[32px]',
 		$selectedId?.startsWith('settings')
 			? 'border border-1  border-slate-800 dark:bg-white/5 dark:border-slate-400/60 dark:border-gray-400'
 			: ''
diff --git a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
index cbefe0928b..ff64e0733b 100644
--- a/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
+++ b/frontend/src/lib/components/flows/map/InsertModuleButton.svelte
@@ -77,7 +77,7 @@ shouldUsePortal={true} -->
 			id={`flow-editor-add-step-${index}`}
 			type="button"
 			class={twMerge(
-				'w-[17.5px] h-[17.5px] flex items-center justify-center outline-[1px] outline dark:outline-gray-500 outline-gray-300 text-secondary bg-surface focus:outline-none hover:bg-surface-hover rounded',
+				'w-[17.5px] h-[17.5px] flex items-center justify-center outline-[1px] outline dark:outline-gray-500 outline-gray-300 text-secondary bg-surface focus:outline-hidden hover:bg-surface-hover rounded-xs',
 				$$props.class
 			)}
 			on:pointerdown|preventDefault|stopPropagation={() => {
diff --git a/frontend/src/lib/components/flows/map/VirtualItem.svelte b/frontend/src/lib/components/flows/map/VirtualItem.svelte
index 909a02a120..dd7e2fe536 100644
--- a/frontend/src/lib/components/flows/map/VirtualItem.svelte
+++ b/frontend/src/lib/components/flows/map/VirtualItem.svelte
@@ -48,13 +48,13 @@
 			style={borderColor ? `border-color: ${borderColor};` : 'border: 0'}
 			class="flex flex-row gap-1 justify-between {center
 				? 'items-center'
-				: 'items-baseline'} w-full overflow-hidden rounded-sm border p-2 text-2xs module text-primary border-gray-400 dark:border-gray-600"
+				: 'items-baseline'} w-full overflow-hidden rounded-xs border p-2 text-2xs module text-primary border-gray-400 dark:border-gray-600"
 		>
 			{#if $$slots.icon}
 				<slot name="icon" />
 				<span class="mr-2"></span>
 			{/if}
-			<div class="flex flex-col flex-grow shrink-0 max-w-full min-w-0">
+			<div class="flex flex-col grow shrink-0 max-w-full min-w-0">
 				{#if label}
 					<div class="truncate text-center">{label}</div>
 				{/if}
@@ -100,7 +100,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center rounded border bg-surface border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center rounded-xs border bg-surface border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Database size={12} />
 				</div>
@@ -111,7 +111,7 @@
 			<Popover notClickable>
 				<div
 					transition:fade|local={{ duration: 200 }}
-					class="center-center bg-surface rounded border border-gray-400 text-secondary px-1 py-0.5"
+					class="center-center bg-surface rounded-xs border border-gray-400 text-secondary px-1 py-0.5"
 				>
 					<Square size={12} />
 				</div>
diff --git a/frontend/src/lib/components/flows/map/VirtualItemWrapper.svelte b/frontend/src/lib/components/flows/map/VirtualItemWrapper.svelte
index f4a136885e..473af02ac3 100644
--- a/frontend/src/lib/components/flows/map/VirtualItemWrapper.svelte
+++ b/frontend/src/lib/components/flows/map/VirtualItemWrapper.svelte
@@ -27,10 +27,10 @@
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
 	class={classNames(
-		'w-full flex relative rounded-sm',
+		'w-full flex relative rounded-xs',
 		selectable ? 'cursor-pointer' : '',
 		selected ? 'outline outline-offset-1 outline-2  outline-gray-600 dark:outline-gray-400' : '',
-		onTop ? 'z-[901]' : ''
+		onTop ? 'z-901' : ''
 	)}
 	style="width: 275px; max-height: 38px; background-color: {bgColor} !important;"
 	on:click={() => {
diff --git a/frontend/src/lib/components/flows/pickers/FlowScriptPickerQuick.svelte b/frontend/src/lib/components/flows/pickers/FlowScriptPickerQuick.svelte
index 3f854bec46..0b36597f21 100644
--- a/frontend/src/lib/components/flows/pickers/FlowScriptPickerQuick.svelte
+++ b/frontend/src/lib/components/flows/pickers/FlowScriptPickerQuick.svelte
@@ -52,6 +52,6 @@
 		{label}{#if eeRestricted}&nbsp;(EE){/if}
 	</span>
 	{#if selected}
-		<kbd class="!text-xs">&crarr;</kbd>
+		<kbd class="text-xs!">&crarr;</kbd>
 	{/if}
 </button>
diff --git a/frontend/src/lib/components/flows/pickers/PickHubScript.svelte b/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
index a5b891aa37..f057da7504 100644
--- a/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
+++ b/frontend/src/lib/components/flows/pickers/PickHubScript.svelte
@@ -112,7 +112,7 @@
 			type="text"
 			placeholder="Search Hub Scripts"
 			bind:value={filter}
-			class="text-2xl grow !pr-9"
+			class="text-2xl grow pr-9!"
 		/>
 		{#if loading}
 			<Loader2 class="animate-spin text-gray-400 absolute right-2 top-2.5" />
diff --git a/frontend/src/lib/components/flows/pickers/PickHubScriptQuick.svelte b/frontend/src/lib/components/flows/pickers/PickHubScriptQuick.svelte
index 77632dae8b..31eec06cc9 100644
--- a/frontend/src/lib/components/flows/pickers/PickHubScriptQuick.svelte
+++ b/frontend/src/lib/components/flows/pickers/PickHubScriptQuick.svelte
@@ -186,7 +186,7 @@
 							{/if}
 						</div>
 						{#if index === selected}
-							<kbd class="!text-xs">&crarr;</kbd>
+							<kbd class="text-xs!">&crarr;</kbd>
 						{/if}
 					</button>
 				</Popover>
diff --git a/frontend/src/lib/components/flows/pickers/TopLevelNode.svelte b/frontend/src/lib/components/flows/pickers/TopLevelNode.svelte
index 16af9850ed..6d1e812a38 100644
--- a/frontend/src/lib/components/flows/pickers/TopLevelNode.svelte
+++ b/frontend/src/lib/components/flows/pickers/TopLevelNode.svelte
@@ -56,6 +56,6 @@
 		{/if}
 	</span>
 	{#if returnIcon && selected}
-		<kbd class="!text-xs text-right">&crarr;</kbd>
+		<kbd class="text-xs! text-right">&crarr;</kbd>
 	{/if}
 </button>
diff --git a/frontend/src/lib/components/flows/pickers/WorkspaceScriptPickerQuick.svelte b/frontend/src/lib/components/flows/pickers/WorkspaceScriptPickerQuick.svelte
index b9b0cdd721..357a4b9921 100644
--- a/frontend/src/lib/components/flows/pickers/WorkspaceScriptPickerQuick.svelte
+++ b/frontend/src/lib/components/flows/pickers/WorkspaceScriptPickerQuick.svelte
@@ -149,7 +149,7 @@
 							{/if}
 						</div>
 						{#if index === selected}
-							<kbd class="!text-xs">&crarr;</kbd>
+							<kbd class="text-xs!">&crarr;</kbd>
 						{/if}
 					</button>
 				</Popover>
diff --git a/frontend/src/lib/components/flows/propPicker/OutputPickerInner.svelte b/frontend/src/lib/components/flows/propPicker/OutputPickerInner.svelte
index 468101ea64..90575aa1c7 100644
--- a/frontend/src/lib/components/flows/propPicker/OutputPickerInner.svelte
+++ b/frontend/src/lib/components/flows/propPicker/OutputPickerInner.svelte
@@ -221,7 +221,7 @@
 			'text-xs px-1',
 			'border-none',
 			hideHeaderBar || connectingData ? 'hidden' : 'block',
-			hasOverflow ? 'shadow-sm' : ''
+			hasOverflow ? 'shadow-2xs' : ''
 		)}
 	>
 		<div
@@ -334,7 +334,7 @@
 								job={selectedJob}
 								class={twMerge(
 									'min-w-16 text-secondary',
-									preview || selectedJob?.id !== lastJob?.id ? 'bg-surface shadow-sm h-[23px]' : ''
+									preview || selectedJob?.id !== lastJob?.id ? 'bg-surface shadow-2xs h-[23px]' : ''
 								)}
 							/>
 						{/if}
diff --git a/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte b/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
index a1b2f57102..e891215262 100644
--- a/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
+++ b/frontend/src/lib/components/flows/propPicker/PropPickerWrapper.svelte
@@ -104,19 +104,19 @@
 		<Pane
 			minSize={20}
 			size={60}
-			class={twMerge('relative !transition-none ', noPadding ? '' : 'p-2')}
+			class={twMerge('relative transition-none! ', noPadding ? '' : 'p-2')}
 		>
 			<slot />
 		</Pane>
 		<Pane
 			minSize={20}
 			size={40}
-			class="!transition-none z-1000 {$propPickerConfig ? 'ml-[-1px]' : ''} {paneClass}"
+			class="transition-none! z-1000 {$propPickerConfig ? 'ml-[-1px]' : ''} {paneClass}"
 		>
 			<AnimatedButton
 				animate={$propPickerConfig?.insertionMode == 'connect'}
 				baseRadius="4px"
-				wrapperClasses="prop-picker-inputs h-full w-full pt-2 !bg-surface "
+				wrapperClasses="prop-picker-inputs h-full w-full pt-2 bg-surface! "
 				marginWidth="3px"
 				ringColor={$propPickerConfig?.insertionMode == 'insert' ||
 				$propPickerConfig?.insertionMode == 'append'
diff --git a/frontend/src/lib/components/graph/FlowGraphV2.svelte b/frontend/src/lib/components/graph/FlowGraphV2.svelte
index 6fa84591f2..dca1971fff 100644
--- a/frontend/src/lib/components/graph/FlowGraphV2.svelte
+++ b/frontend/src/lib/components/graph/FlowGraphV2.svelte
@@ -388,7 +388,7 @@
 			nodesDraggable={false}
 			--background-color={false}
 		>
-			<div class="absolute inset-0 !bg-surface-secondary"></div>
+			<div class="absolute inset-0 bg-surface-secondary!"></div>
 			<Controls position="top-right" orientation="horizontal" showLock={false}>
 				{#if download}
 					<ControlButton
@@ -403,7 +403,7 @@
 							}
 							window.open('/view_graph', '_blank')
 						}}
-						class="!bg-surface"
+						class="bg-surface!"
 					>
 						<Expand size="14" />
 					</ControlButton>
@@ -416,7 +416,7 @@
 				showLock={false}
 				showZoom={false}
 				showFitView={false}
-				class="!shadow-none"
+				class="shadow-none!"
 			>
 				{#if showDataflow}
 					<Toggle
diff --git a/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte b/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
index 4843742040..36ec1705e6 100644
--- a/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
+++ b/frontend/src/lib/components/graph/renderers/edges/BaseEdge.svelte
@@ -107,7 +107,7 @@
 						'w-6 h-6 flex items-center justify-center',
 						'border border-gray-300 dark:border-gray-500',
 						'text-primary text-sm',
-						'bg-surface focus:outline-none hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected rounded-full '
+						'bg-surface focus:outline-hidden hover:bg-surface-hover focus:ring-4 focus:ring-surface-selected rounded-full '
 					)}
 				>
 					<ClipboardCopy size={14} />
diff --git a/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte b/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
index 66139fb034..706ca2d2d9 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/ModuleNode.svelte
@@ -107,7 +107,7 @@
 		{#if (data.value.type === 'branchall' || data.value.type === 'branchone') && data.insertable}
 			<button
 				title="Add branch"
-				class="rounded text-secondary border hover:bg-surface-hover bg-surface p-1"
+				class="rounded-xs text-secondary border hover:bg-surface-hover bg-surface p-1"
 				on:click={() => {
 					data?.eventHandlers?.newBranch(data.module)
 				}}
diff --git a/frontend/src/lib/components/graph/renderers/nodes/NodeWrapper.svelte b/frontend/src/lib/components/graph/renderers/nodes/NodeWrapper.svelte
index 02843fefb2..d3bfff568e 100644
--- a/frontend/src/lib/components/graph/renderers/nodes/NodeWrapper.svelte
+++ b/frontend/src/lib/components/graph/renderers/nodes/NodeWrapper.svelte
@@ -14,7 +14,7 @@
 <DarkModeObserver bind:darkMode />
 
 <div
-	class={twMerge('relative shadow-md rounded-sm', wrapperClass)}
+	class={twMerge('relative shadow-md rounded-xs', wrapperClass)}
 	style={`margin-left: ${offset}px;`}
 >
 	<slot {darkMode} />
diff --git a/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte b/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
index 3eab0f4d7a..95eea5771c 100644
--- a/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
+++ b/frontend/src/lib/components/graph/renderers/triggers/TriggersWrapper.svelte
@@ -23,7 +23,7 @@
 	<button
 		style="background-color: {bgColor} !important;"
 		class="flex w-full flex-row gap-1 px-2 p-1 items-center {selected
-			? 'outline  outline-2  outline-gray-600 rounded-sm dark:bg-white/5 dark:outline-gray-400'
+			? 'outline  outline-2  outline-gray-600 rounded-xs dark:bg-white/5 dark:outline-gray-400'
 			: ''}"
 		on:click={() => {
 			dispatch('select')
diff --git a/frontend/src/lib/components/home/ItemsList.svelte b/frontend/src/lib/components/home/ItemsList.svelte
index ae3211b903..1552b63b75 100644
--- a/frontend/src/lib/components/home/ItemsList.svelte
+++ b/frontend/src/lib/components/home/ItemsList.svelte
@@ -383,7 +383,7 @@
 				autofocus
 				placeholder={HOME_SEARCH_PLACEHOLDER}
 				bind:value={filter}
-				class="bg-surface !h-10 !px-4 !pr-10 !rounded-lg text-sm focus:outline-none"
+				class="bg-surface h-10! px-4! pr-10! rounded-lg! text-sm focus:outline-hidden"
 			/>
 			<button aria-label="Search" type="submit" class="absolute right-0 top-0 mt-3 mr-4">
 				<svg
diff --git a/frontend/src/lib/components/meltComponents/Menu.svelte b/frontend/src/lib/components/meltComponents/Menu.svelte
index e218dda475..7d693a027b 100644
--- a/frontend/src/lib/components/meltComponents/Menu.svelte
+++ b/frontend/src/lib/components/meltComponents/Menu.svelte
@@ -74,7 +74,7 @@
 			use:melt={$menuElement}
 			data-menu
 			class={twMerge(
-				'z-[6000] border w-56 origin-top-right rounded-md shadow-md focus:outline-none overflow-y-auto',
+				'z-6000 border w-56 origin-top-right rounded-md shadow-md focus:outline-hidden overflow-y-auto',
 				lightMode ? 'bg-surface-inverse' : 'bg-surface',
 				invisible ? 'opacity-0' : ''
 			)}
diff --git a/frontend/src/lib/components/meltComponents/Popover.svelte b/frontend/src/lib/components/meltComponents/Popover.svelte
index fc8c2c4153..df01dd838d 100644
--- a/frontend/src/lib/components/meltComponents/Popover.svelte
+++ b/frontend/src/lib/components/meltComponents/Popover.svelte
@@ -135,10 +135,10 @@
 		class={twMerge(
 			'relative border rounded-md bg-surface shadow-lg',
 			fullScreen
-				? `fixed !top-1/2 !left-1/2 !-translate-x-1/2 !-translate-y-1/2 !resize-none`
+				? `fixed top-1/2! left-1/2! -translate-x-1/2! -translate-y-1/2! resize-none!`
 				: 'w-fit',
 			contentClasses,
-			`z-[5001]`
+			`z-5001`
 		)}
 		data-popover
 		{...extraProps}
@@ -180,7 +180,7 @@
 	.close {
 		@apply absolute right-1.5 top-1.5 flex h-7 w-7 items-center justify-center rounded-full;
 		@apply text-primary  transition-colors hover:bg-surface-hover;
-		@apply focus-visible:ring focus-visible:ring-gray-400 focus-visible:ring-offset-2;
+		@apply focus-visible:ring-3 focus-visible:ring-gray-400 focus-visible:ring-offset-2;
 		@apply bg-surface p-0 text-sm font-medium;
 	}
 </style>
diff --git a/frontend/src/lib/components/meltComponents/SideBarTab.svelte b/frontend/src/lib/components/meltComponents/SideBarTab.svelte
index 04c2280ed3..91b31713b5 100644
--- a/frontend/src/lib/components/meltComponents/SideBarTab.svelte
+++ b/frontend/src/lib/components/meltComponents/SideBarTab.svelte
@@ -35,7 +35,7 @@
 
 <!-- svelte-ignore a11y-no-static-element-interactions -->
 <div
-	class="flex flex-col relative !overflow-visible w-[33px]"
+	class="flex flex-col relative overflow-visible! w-[33px]"
 	on:mouseenter={handleMouseEnter}
 	on:mouseleave={handleMouseLeave}
 >
diff --git a/frontend/src/lib/components/meltComponents/Tooltip.svelte b/frontend/src/lib/components/meltComponents/Tooltip.svelte
index 45c9591857..c74ce71c7b 100644
--- a/frontend/src/lib/components/meltComponents/Tooltip.svelte
+++ b/frontend/src/lib/components/meltComponents/Tooltip.svelte
@@ -52,7 +52,7 @@
 	<div
 		use:melt={$content}
 		transition:fade={{ duration: 100 }}
-		class="shadow max-w-sm break-words py-2 px-3 rounded-md text-sm font-normal !text-gray-300 bg-gray-800 whitespace-normal text-left"
+		class="shadow-xs max-w-sm break-words py-2 px-3 rounded-md text-sm font-normal text-gray-300! bg-gray-800 whitespace-normal text-left"
 		style="z-index: {zIndexes.tooltip}"
 	>
 		{#if markdownTooltip}
diff --git a/frontend/src/lib/components/multiselect/MultiSelect.svelte b/frontend/src/lib/components/multiselect/MultiSelect.svelte
index 5bf1a96ed3..0f00278ac0 100644
--- a/frontend/src/lib/components/multiselect/MultiSelect.svelte
+++ b/frontend/src/lib/components/multiselect/MultiSelect.svelte
@@ -597,7 +597,7 @@
 							if (!disabled) add(option, event)
 						}}
 						title={disabled ? disabledTitle : (is_selected(label) && selectedTitle) || title}
-						class={twMerge('hover:bg-blue-100 hover:dark:bg-gray-900 cursor-pointer  !px-2 py-1')}
+						class={twMerge('hover:bg-blue-100 dark:hover:bg-gray-900 cursor-pointer  px-2! py-1')}
 						on:mouseover={() => {
 							if (!disabled) activeIndex = index
 						}}
diff --git a/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte b/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte
index 7d131aeb8d..7e9487ea6a 100644
--- a/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte
+++ b/frontend/src/lib/components/multiselect/MultiSelectWrapper.svelte
@@ -51,9 +51,9 @@
 
 <div use:floatingRef bind:clientWidth={w}>
 	{#if !value || Array.isArray(value)}
-		<div class="border rounded-md border-gray-300 shadow-sm dark:border-gray-600 !w-full">
+		<div class="border rounded-md border-gray-300 shadow-2xs dark:border-gray-600 w-full!">
 			<MultiSelect
-				outerDivClass={`!text-xs`}
+				outerDivClass={`text-xs!`}
 				ulSelectedClass="overflow-auto"
 				bind:outerDiv
 				--sms-border={'none'}
diff --git a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
index a4a67cff73..3cae1962d9 100644
--- a/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
+++ b/frontend/src/lib/components/propertyPicker/ObjectViewer.svelte
@@ -94,7 +94,7 @@
 					size="xs2"
 					variant="border"
 					on:click={collapse}
-					wrapperClasses="!inline-flex w-fit"
+					wrapperClasses="inline-flex! w-fit"
 					btnClasses="font-mono h-4 text-2xs px-1 font-thin text-primary rounded-[0.275rem]"
 					>-</Button
 				>
@@ -152,7 +152,7 @@
 							<span
 								class="val inline text-left {pureViewer
 									? 'cursor-auto'
-									: ''} rounded pl-0.5 {getTypeAsString(json[key])}"
+									: ''} rounded-xs pl-0.5 {getTypeAsString(json[key])}"
 								on:click={() => {
 									selectProp(key, json[key], true)
 								}}
@@ -231,7 +231,7 @@
 				size="xs2"
 				variant="border"
 				on:click={collapse}
-				wrapperClasses="!inline-flex w-fit"
+				wrapperClasses="inline-flex! w-fit"
 				btnClasses="h-4 text-[9px] px-1  text-primary rounded-[0.275rem]"
 			>
 				{openBracket}{collapsedSymbol}{closeBracket}
diff --git a/frontend/src/lib/components/propertyPicker/PropPicker.svelte b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
index 8faf206f95..5e6a767aa9 100644
--- a/frontend/src/lib/components/propertyPicker/PropPicker.svelte
+++ b/frontend/src/lib/components/propertyPicker/PropPicker.svelte
@@ -196,7 +196,7 @@
 	$: search, $inputMatches, $propPickerConfig, pickableProperties, updateState()
 </script>
 
-<div class="flex flex-col h-full rounded">
+<div class="flex flex-col h-full rounded-xs">
 	<div class="px-1 py-1">
 		<ClearableInput bind:value={search} placeholder="Search prop..." />
 	</div>
diff --git a/frontend/src/lib/components/runs/RunRow.svelte b/frontend/src/lib/components/runs/RunRow.svelte
index 4430708091..6bf90ab813 100644
--- a/frontend/src/lib/components/runs/RunRow.svelte
+++ b/frontend/src/lib/components/runs/RunRow.svelte
@@ -73,7 +73,7 @@
 			</div>
 		{/if}
 		{#if isExternal}
-			<Badge color="gray" baseClass="!px-1.5">
+			<Badge color="gray" baseClass="px-1.5!">
 				<ShieldQuestion size={14} />
 			</Badge>
 		{:else if 'success' in job && job.success}
@@ -82,32 +82,32 @@
 					<FastForward size={14} />
 				</Badge>
 			{:else}
-				<Badge color="green" baseClass="!px-1.5">
+				<Badge color="green" baseClass="px-1.5!">
 					<Check size={14} />
 				</Badge>
 			{/if}
 		{:else if 'success' in job}
-			<Badge color="red" baseClass="!px-1.5">
+			<Badge color="red" baseClass="px-1.5!">
 				<X size={14} />
 			</Badge>
 		{:else if 'running' in job && job.running && job.suspend}
-			<Badge color="violet" baseClass="!px-1.5" title="Suspended">
+			<Badge color="violet" baseClass="px-1.5!" title="Suspended">
 				<Hourglass size={14} />
 			</Badge>
 		{:else if 'running' in job && job.running}
-			<Badge color="yellow" baseClass="!px-1.5">
+			<Badge color="yellow" baseClass="px-1.5!">
 				<Play size={14} />
 			</Badge>
 		{:else if job && 'running' in job && job.scheduled_for && forLater(job.scheduled_for)}
-			<Badge color="blue" baseClass="!px-1.5">
+			<Badge color="blue" baseClass="px-1.5!">
 				<Calendar size={14} />
 			</Badge>
 		{:else if job.canceled}
-			<Badge color="red" baseClass="!px-1.5">
+			<Badge color="red" baseClass="px-1.5!">
 				<Hourglass size={14} />
 			</Badge>
 		{:else}
-			<Badge baseClass="!px-1.5">
+			<Badge baseClass="px-1.5!">
 				<Hourglass size={14} />
 			</Badge>
 		{/if}
@@ -237,7 +237,7 @@
 								size="xs3"
 								btnClasses={twMerge(
 									activeLabel == label ? 'bg-blue-50 dark:bg-blue-900/50' : '',
-									'!text-2xs !font-normal truncate max-w-28'
+									'text-2xs! font-normal! truncate max-w-28'
 								)}
 								color="light"
 								on:click={() => {
diff --git a/frontend/src/lib/components/runs/RunsFilter.svelte b/frontend/src/lib/components/runs/RunsFilter.svelte
index 65860ccc53..07e0ca9d97 100644
--- a/frontend/src/lib/components/runs/RunsFilter.svelte
+++ b/frontend/src/lib/components/runs/RunsFilter.svelte
@@ -197,10 +197,10 @@
 							items={usernames}
 							value={user}
 							bind:selectedItem={user}
-							inputClassName="!h-[32px] py-1 !text-xs !w-64"
+							inputClassName="h-[32px]! py-1 text-xs! w-64!"
 							hideArrow
-							className={user ? '!font-bold' : ''}
-							dropdownClassName="!font-normal !w-64 !max-w-64"
+							className={user ? 'font-bold!' : ''}
+							dropdownClassName="font-normal! w-64! max-w-64!"
 						/>
 					</div>
 				{/key}
@@ -228,10 +228,10 @@
 							items={folders}
 							value={folder}
 							bind:selectedItem={folder}
-							inputClassName="!h-[32px] py-1 !text-xs !w-64"
+							inputClassName="h-[32px]! py-1 text-xs! w-64!"
 							hideArrow
-							className={folder ? '!font-bold' : ''}
-							dropdownClassName="!font-normal !w-64 !max-w-64"
+							className={folder ? 'font-bold!' : ''}
+							dropdownClassName="font-normal! w-64! max-w-64!"
 						/>
 					</div>
 				{/key}
@@ -265,10 +265,10 @@
 							items={paths}
 							value={path}
 							bind:selectedItem={path}
-							inputClassName="!h-[32px] py-1 !text-xs !w-64"
+							inputClassName="h-[32px]! py-1 text-xs! w-64!"
 							hideArrow
-							className={path ? '!font-bold' : ''}
-							dropdownClassName="!font-normal !w-64 !max-w-64"
+							className={path ? 'font-bold!' : ''}
+							dropdownClassName="font-normal! w-64! max-w-64!"
 						/>
 					</div>
 				{/key}
@@ -300,7 +300,7 @@
 						<input
 							autofocus
 							type="text"
-							class="!h-[32px] py-1 !text-xs !w-64"
+							class="h-[32px]! py-1 text-xs! w-64!"
 							bind:value={displayedLabel}
 							on:keydown={(e) => {
 								if (labelTimeout) {
@@ -349,7 +349,7 @@
 						<input
 							autofocus
 							type="text"
-							class="!h-[32px] py-1 !text-xs !w-64"
+							class="h-[32px]! py-1 text-xs! w-64!"
 							bind:value={displayedConcurrencyKey}
 							on:keydown={(e) => {
 								if (concurrencyKeyTimeout) {
@@ -383,7 +383,7 @@
 						<input
 							autofocus
 							type="text"
-							class="!h-[32px] py-1 !text-xs !w-64"
+							class="h-[32px]! py-1 text-xs! w-64!"
 							bind:value={displayedTag}
 							on:keydown={(e) => {
 								if (tagTimeout) {
@@ -424,7 +424,7 @@
 						<input
 							autofocus
 							type="text"
-							class="!h-[32px] py-1 !text-xs !w-64"
+							class="h-[32px]! py-1 text-xs! w-64!"
 							bind:value={displayedSchedule}
 							on:keydown={(e) => {
 								if (tagTimeout) {
@@ -458,7 +458,7 @@
 						<input
 							autofocus
 							type="text"
-							class="!h-[32px] py-1 !text-xs !w-64"
+							class="h-[32px]! py-1 text-xs! w-64!"
 							bind:value={displayedWorker}
 							on:keydown={(e) => {
 								if (workerTimeout) {
@@ -638,10 +638,10 @@
 											items={usernames}
 											value={user}
 											bind:selectedItem={user}
-											inputClassName="!h-[32px] py-1 !text-xs !w-80"
+											inputClassName="h-[32px]! py-1 text-xs! w-80!"
 											hideArrow
-											className={user ? '!font-bold' : ''}
-											dropdownClassName="!font-normal !w-80 !max-w-80"
+											className={user ? 'font-bold!' : ''}
+											dropdownClassName="font-normal! w-80! max-w-80!"
 										/>
 									</div>
 								</Label>
@@ -668,10 +668,10 @@
 											items={folders}
 											value={folder}
 											bind:selectedItem={folder}
-											inputClassName="!h-[32px] py-1 !text-xs !w-80"
+											inputClassName="h-[32px]! py-1 text-xs! w-80!"
 											hideArrow
-											className={folder ? '!font-bold' : ''}
-											dropdownClassName="!font-normal !w-80 !max-w-80"
+											className={folder ? 'font-bold!' : ''}
+											dropdownClassName="font-normal! w-80! max-w-80!"
 										/>
 									</div>
 								</Label>
@@ -698,10 +698,10 @@
 											items={paths}
 											value={path}
 											bind:selectedItem={path}
-											inputClassName="!h-[32px] py-1 !text-xs !w-80"
+											inputClassName="h-[32px]! py-1 text-xs! w-80!"
 											hideArrow
-											className={path ? '!font-bold' : ''}
-											dropdownClassName="!font-normal !w-80 !max-w-80"
+											className={path ? 'font-bold!' : ''}
+											dropdownClassName="font-normal! w-80! max-w-80!"
 										/>
 									</div>
 								</Label>
@@ -725,7 +725,7 @@
 										<input
 											autofocus
 											type="text"
-											class="!h-[32px] py-1 !text-xs !w-80"
+											class="h-[32px]! py-1 text-xs! w-80!"
 											bind:value={displayedTag}
 											on:keydown={(e) => {
 												if (tagTimeout) {
@@ -760,7 +760,7 @@
 										<input
 											autofocus
 											type="text"
-											class="!h-[32px] py-1 !text-xs !w-80"
+											class="h-[32px]! py-1 text-xs! w-80!"
 											bind:value={displayedLabel}
 											on:keydown={(e) => {
 												if (labelTimeout) {
@@ -795,7 +795,7 @@
 										<input
 											autofocus
 											type="text"
-											class="!h-[32px] py-1 !text-xs !w-80"
+											class="h-[32px]! py-1 text-xs! w-80!"
 											bind:value={displayedConcurrencyKey}
 											on:keydown={(e) => {
 												if (concurrencyKeyTimeout) {
@@ -830,7 +830,7 @@
 										<input
 											autofocus
 											type="text"
-											class="!h-[32px] py-1 !text-xs !w-80"
+											class="h-[32px]! py-1 text-xs! w-80!"
 											bind:value={displayedWorker}
 											on:keydown={(e) => {
 												if (workerTimeout) {
diff --git a/frontend/src/lib/components/runs/RunsQueue.svelte b/frontend/src/lib/components/runs/RunsQueue.svelte
index 8c5090135b..66c98aa6da 100644
--- a/frontend/src/lib/components/runs/RunsQueue.svelte
+++ b/frontend/src/lib/components/runs/RunsQueue.svelte
@@ -17,7 +17,7 @@
 <div class="flex gap-1 relative max-w-36 min-w-[50px] items-baseline">
 	<div class="text-xs absolute -top-4 truncate flex items-baseline gap-1">Waiting for workers <Tooltip small>Jobs waiting for a worker being available to be executed</Tooltip></div>
 	<div class="mt-1">{queue_count ? ($queue_count ?? 0).toFixed(0) : '...'}</div>
-	<div class="truncate text-2xs  !text-secondary mt-0.5">
+	<div class="truncate text-2xs  text-secondary! mt-0.5">
 		{#if queue_count && ($queue_count ?? 0) > 0}
 				<Button size="xs2" color="light" on:click={() => dispatch('jobs_waiting')}>{#if success == 'waiting'}<FilterX size={12}></FilterX>{:else}<ListFilter size={12}></ListFilter>{/if}</Button>
 		{/if}
@@ -29,7 +29,7 @@
 	<div class="flex gap-1 relative max-w-36 min-w-[50px] items-baseline ml-20 mr-8">
 		<div class="text-xs absolute -top-4 truncate flex items-baseline gap-1">Suspended <Tooltip small>Jobs waiting for an event or approval before being resumed</Tooltip></div>
 		<div class="mt-1">{suspended_count ? ($suspended_count ?? 0).toFixed(0) : '...'}</div>
-		<div class="truncate text-2xs !text-secondary mt-0.5">
+		<div class="truncate text-2xs text-secondary! mt-0.5">
 					<Button size="xs2" color="light" on:click={() => dispatch('jobs_suspended')}>{#if success == 'waiting'}<FilterX size={12}></FilterX>{:else}<ListFilter size={12}></ListFilter>{/if}</Button>
 		</div>
 	</div>
diff --git a/frontend/src/lib/components/schema/EditableSchemaWrapper.svelte b/frontend/src/lib/components/schema/EditableSchemaWrapper.svelte
index 7d80adc87a..0c93cfcfff 100644
--- a/frontend/src/lib/components/schema/EditableSchemaWrapper.svelte
+++ b/frontend/src/lib/components/schema/EditableSchemaWrapper.svelte
@@ -163,10 +163,10 @@
 				}}
 				noResultsText="No matches, try the 'Choose another extension' option"
 				bind:selectedItem={formatExtension}
-				inputClassName="!h-[32px] py-1 !text-xs !w-64"
+				inputClassName="h-[32px]! py-1 text-xs! w-64!"
 				hideArrow
-				className={'!font-bold'}
-				dropdownClassName="!font-normal !w-64 !max-w-64"
+				className={'font-bold!'}
+				dropdownClassName="font-normal! w-64! max-w-64!"
 				maxItemsToShowInList={8}
 				moreItemsText={null}
 				lock={true}
@@ -176,7 +176,7 @@
 			<input
 				autofocus={true}
 				bind:value={formatExtension}
-				class="!h-[32px] py-1 !text-xs !w-64"
+				class="h-[32px]! py-1 text-xs! w-64!"
 				placeholder="Enter your extension"
 				on:keydown={(event) => {
 					if (event.key === 'Enter') {
diff --git a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
index 60882e96ff..7a0ad96c59 100644
--- a/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
+++ b/frontend/src/lib/components/schema/FlowPropertyEditor.svelte
@@ -200,7 +200,7 @@
 					<Label label="Label" class="p-2 flex flex-col gap-2">
 						<input
 							type="text"
-							class="w-full !bg-surface"
+							class="w-full bg-surface!"
 							on:keydown={(event) => {
 								if (event.key === 'Enter') {
 									createVariant(variantName)
@@ -251,7 +251,7 @@
 					<Label label="Label" class="p-2 flex flex-col gap-2">
 						<input
 							type="text"
-							class="w-full !bg-surface"
+							class="w-full bg-surface!"
 							on:keydown={(event) => {
 								if (event.key === 'Enter') {
 									if (oneOfSelected) {
diff --git a/frontend/src/lib/components/schema/RunningJobSchemaPicker.svelte b/frontend/src/lib/components/schema/RunningJobSchemaPicker.svelte
index 35256d0259..1c4b003b5d 100644
--- a/frontend/src/lib/components/schema/RunningJobSchemaPicker.svelte
+++ b/frontend/src/lib/components/schema/RunningJobSchemaPicker.svelte
@@ -60,7 +60,7 @@
 				</div>
 			</svelte:fragment>
 			<svelte:fragment slot="extra">
-				<div class="center-center {hovering ? '' : '!hidden'}">
+				<div class="center-center {hovering ? '' : 'hidden!'}">
 					<a
 						target="_blank"
 						href="{base}/run/{job.id}?workspace={$workspaceStore}"
diff --git a/frontend/src/lib/components/schema/SchemaPicker.svelte b/frontend/src/lib/components/schema/SchemaPicker.svelte
index 41c8a86089..346b3ac431 100644
--- a/frontend/src/lib/components/schema/SchemaPicker.svelte
+++ b/frontend/src/lib/components/schema/SchemaPicker.svelte
@@ -27,7 +27,7 @@
 
 <button
 	class={twMerge(
-		'w-full rounded-sm px-2',
+		'w-full rounded-xs px-2',
 		hovering ? 'bg-surface-hover' : '',
 		selected ? 'bg-surface-selected' : ''
 	)}
diff --git a/frontend/src/lib/components/search/GlobalSearchModal.svelte b/frontend/src/lib/components/search/GlobalSearchModal.svelte
index ba0ec818e1..ee6c816a9d 100644
--- a/frontend/src/lib/components/search/GlobalSearchModal.svelte
+++ b/frontend/src/lib/components/search/GlobalSearchModal.svelte
@@ -507,7 +507,7 @@
 			class={twMerge(
 				`fixed top-0 bottom-0 left-0 right-0 transition-all duration-50 flex items-start justify-center`,
 				' bg-black bg-opacity-40',
-				'z-[1100]'
+				'z-1100'
 			)}
 		>
 			<div
@@ -524,7 +524,7 @@
 							id="quickSearchInput"
 							bind:this={textInput}
 							type="text"
-							class="quick-search-input !bg-surface"
+							class="quick-search-input bg-surface!"
 							bind:value={searchTerm}
 							autocomplete="off"
 						/>
@@ -671,12 +671,12 @@
 														<div class="text-xs"> {r?.document.script_path} </div>
 														<div class="flex flex-row gap-2">
 															<div
-																class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+																class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
 															>
 																{displayDateOnly(new Date(r?.document.created_at[0]))}
 															</div>
 															<div
-																class="whitespace-nowrap col-span-2 !text-tertiary !text-2xs overflow-hidden text-ellipsis flex-shrink text-center"
+																class="whitespace-nowrap col-span-2 text-tertiary! text-2xs! overflow-hidden text-ellipsis shrink text-center"
 															>
 																<TimeAgo date={r?.document.created_at[0] ?? ''} />
 															</div>
diff --git a/frontend/src/lib/components/search/QuickMenuItem.svelte b/frontend/src/lib/components/search/QuickMenuItem.svelte
index 536a2f02c9..656246000e 100644
--- a/frontend/src/lib/components/search/QuickMenuItem.svelte
+++ b/frontend/src/lib/components/search/QuickMenuItem.svelte
@@ -36,12 +36,12 @@
 	if (small) {
 		kbdClass = twMerge(
 			kbdClass,
-			'!text-[10px]  px-1',
-			false && isMac() ? '!text-lg ' : 'text-xs',
+			'text-[10px]!  px-1',
+			false && isMac() ? 'text-lg! ' : 'text-xs',
 			'leading-none'
 		)
 	} else {
-		kbdClass += ' !text-xs px-1.5'
+		kbdClass += ' text-xs! px-1.5'
 	}
 </script>
 
@@ -73,7 +73,7 @@
 				{:else if shortcutKey != undefined}
 					<div class="font-bold flex items-center justify-center w-full">
 						<span
-							class="h-4 center-center ml-0.5 rounded border bg-surface-secondary text-primary shadow-sm font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse"
+							class="h-4 center-center ml-0.5 rounded-xs border bg-surface-secondary text-primary shadow-2xs font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse"
 						>
 							<kbd class={kbdClass}>
 								{shortcutKey}
@@ -87,7 +87,7 @@
 				<div class="ml-auto">
 					<div class="font-bold flex items-center justify-center w-full">
 						<span
-							class="flex h-4 center-center ml-0.5 rounded border bg-surface-secondary text-primary shadow-sm font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse"
+							class="flex h-4 center-center ml-0.5 rounded-xs border bg-surface-secondary text-primary shadow-2xs font-light transition-all group-hover:border-primary-500 group-hover:text-primary-inverse"
 						>
 							<kbd class={kbdClass}>
 								{shortcutKey}
diff --git a/frontend/src/lib/components/settings/WorkspaceUserSettings.svelte b/frontend/src/lib/components/settings/WorkspaceUserSettings.svelte
index d916ad525a..f860ea685e 100644
--- a/frontend/src/lib/components/settings/WorkspaceUserSettings.svelte
+++ b/frontend/src/lib/components/settings/WorkspaceUserSettings.svelte
@@ -151,7 +151,7 @@
 	/>
 
 	<div class="flex flex-row items-center gap-2 relative">
-		<input placeholder="Filter members" bind:value={userFilter} class="input !pl-8" />
+		<input placeholder="Filter members" bind:value={userFilter} class="input pl-8!" />
 		<Search class="absolute left-2" size={14} />
 
 		<Popover
diff --git a/frontend/src/lib/components/sidebar/CriticalAlertTable.svelte b/frontend/src/lib/components/sidebar/CriticalAlertTable.svelte
index 82e9fd3e74..4715936e2f 100644
--- a/frontend/src/lib/components/sidebar/CriticalAlertTable.svelte
+++ b/frontend/src/lib/components/sidebar/CriticalAlertTable.svelte
@@ -111,7 +111,7 @@
 							</Cell>
 
 							<Cell wrap>
-								<div class="flex-shrink min-w-0 break-words">{message}</div>
+								<div class="shrink min-w-0 break-words">{message}</div>
 							</Cell>
 							<!-- Flexible width -->
 							<Cell wrap>{formatDate(created_at)}</Cell>
diff --git a/frontend/src/lib/components/sidebar/FavoriteMenu.svelte b/frontend/src/lib/components/sidebar/FavoriteMenu.svelte
index 3f927030f1..b59bbe7bc0 100644
--- a/frontend/src/lib/components/sidebar/FavoriteMenu.svelte
+++ b/frontend/src/lib/components/sidebar/FavoriteMenu.svelte
@@ -19,7 +19,7 @@
 <Menu {createMenu} let:item usePointerDownOutside>
 	<svelte:fragment slot="trigger" let:trigger>
 		<MenuButton
-			class="!text-xs"
+			class="text-xs!"
 			icon={Star}
 			label={'Favorites'}
 			{isCollapsed}
@@ -41,7 +41,7 @@
 					<MenuItem
 						href={favorite.href}
 						{item}
-						class="w-full inline-flex flex-row px-4 py-2 data-[highlighted]:bg-surface-hover"
+						class="w-full inline-flex flex-row px-4 py-2 data-highlighted:bg-surface-hover"
 					>
 						<span class="center-center">
 							{#if favorite.kind == 'script'}
diff --git a/frontend/src/lib/components/sidebar/MenuButton.svelte b/frontend/src/lib/components/sidebar/MenuButton.svelte
index 456416aa49..49ea83567f 100644
--- a/frontend/src/lib/components/sidebar/MenuButton.svelte
+++ b/frontend/src/lib/components/sidebar/MenuButton.svelte
@@ -41,8 +41,8 @@
 			class={twMerge(
 				'group flex items-center px-2 py-2 font-light rounded-md h-8 gap-3 w-full',
 				lightMode
-					? 'text-primary data-[highlighted]:bg-surface-hover hover:bg-surface-hover'
-					: 'data-[highlighted]:bg-[#2A3648] hover:bg-[#2A3648] text-primary-inverse dark:text-primary',
+					? 'text-primary data-highlighted:bg-surface-hover hover:bg-surface-hover'
+					: 'data-highlighted:bg-[#2A3648] hover:bg-[#2A3648] text-primary-inverse dark:text-primary',
 				color ? 'border-4' : '',
 				'transition-all relative',
 				$$props.class
@@ -57,7 +57,7 @@
 					this={icon}
 					size={16}
 					class={twMerge(
-						'flex-shrink-0',
+						'shrink-0',
 						lightMode
 							? 'text-primary group-hover:text-secondary'
 							: 'text-primary-inverse group-hover:text-secondary-inverse dark:group-hover:text-secondary dark:text-primary',
diff --git a/frontend/src/lib/components/sidebar/MenuLink.svelte b/frontend/src/lib/components/sidebar/MenuLink.svelte
index 23cbe38093..dbebac027c 100644
--- a/frontend/src/lib/components/sidebar/MenuLink.svelte
+++ b/frontend/src/lib/components/sidebar/MenuLink.svelte
@@ -32,11 +32,11 @@
 				'group flex items-center px-2 py-2 text-sm font-light rounded-md h-8 gap-3',
 				isSelected
 					? lightMode
-						? 'bg-surface-selected hover:bg-surface-hover rounded-none data-[highlighted]:bg-surface-hover'
-						: 'bg-frost-700 hover:bg-[#30404e] data-[highlighted]:bg-[#30404e]'
+						? 'bg-surface-selected hover:bg-surface-hover rounded-none data-highlighted:bg-surface-hover'
+						: 'bg-frost-700 hover:bg-[#30404e] data-highlighted:bg-[#30404e]'
 					: lightMode
-					? 'hover:bg-surface-hover rounded-none data-[highlighted]:bg-surface-hover'
-					: 'hover:bg-[#2A3648] data-[highlighted]:bg-[#2A3648]',
+					? 'hover:bg-surface-hover rounded-none data-highlighted:bg-surface-hover'
+					: 'hover:bg-[#2A3648] data-highlighted:bg-[#2A3648]',
 
 				'hover:transition-all',
 				$$props.class
@@ -51,7 +51,7 @@
 					this={icon}
 					size={16}
 					class={classNames(
-						'flex-shrink-0',
+						'shrink-0',
 						isSelected
 							? lightMode
 								? 'text-primary group-hover:text-secondary'
diff --git a/frontend/src/lib/components/sidebar/OperatorMenu.svelte b/frontend/src/lib/components/sidebar/OperatorMenu.svelte
index 4eecd8590d..6ee1fc3ada 100644
--- a/frontend/src/lib/components/sidebar/OperatorMenu.svelte
+++ b/frontend/src/lib/components/sidebar/OperatorMenu.svelte
@@ -144,7 +144,7 @@
 	<Menu {createMenu} let:item usePointerDownOutside>
 		<svelte:fragment slot="trigger" let:trigger>
 			<MenuButton
-				class="!text-xs"
+				class="text-xs!"
 				icon={MenuIcon}
 				{isCollapsed}
 				lightMode
@@ -159,7 +159,7 @@
 					{item}
 					class={twMerge(
 						'w-full inline-flex flex-row px-2 py-2 hover:bg-surface-hover',
-						'data-[highlighted]:bg-surface-hover'
+						'data-highlighted:bg-surface-hover'
 					)}
 				>
 					<span class="center-center">
@@ -179,7 +179,7 @@
 		</div>
 
 		{#each mainMenuLinks as menuLink (menuLink.href ?? menuLink.label)}
-			<MenuLink class="!text-xs" {...menuLink} {isCollapsed} lightMode {item} />
+			<MenuLink class="text-xs!" {...menuLink} {isCollapsed} lightMode {item} />
 		{/each}
 
 		<div class="divide-y" role="none">
@@ -190,7 +190,7 @@
 						'flex flex-row gap-3.5 items-center px-2 py-2 ',
 						'text-secondary text-xs',
 						'hover:bg-surface-hover hover:text-primary cursor-pointer',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -213,7 +213,7 @@
 					class={twMerge(
 						'text-secondary block text-left px-2 py-2 font-normal text-xs hover:bg-surface-hover hover:text-primary w-full',
 						'flex flex-row items-center gap-3.5 ',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -231,7 +231,7 @@
 					}}
 					class={twMerge(
 						'text-primary flex gap-3.5 px-2 py-2 text-xs hover:bg-surface-hover hover:text-primary',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -246,7 +246,7 @@
 							'flex flex-row gap-3.5 items-center px-2 py-2 ',
 							'text-secondary text-xs',
 							'hover:bg-surface-hover hover:text-primary cursor-pointer',
-							'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+							'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 						)}
 						{item}
 					>
@@ -261,7 +261,7 @@
 						'flex flex-row gap-3.5  items-center px-2 py-2 w-full',
 						'text-secondary text-xs',
 						'hover:bg-surface-hover hover:text-primary cursor-pointer',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -290,7 +290,7 @@
 								href={menuLink.href}
 								class={twMerge(
 									'flex flex-row gap-3.5 items-center px-2 py-2 text-secondary text-2xs hover:bg-surface-hover hover:text-primary cursor-pointer',
-									'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+									'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 								)}
 								{item}
 								on:m-focusin={() => debouncedSetMoreOpen(true)}
diff --git a/frontend/src/lib/components/sidebar/SidebarContent.svelte b/frontend/src/lib/components/sidebar/SidebarContent.svelte
index 7d9564065a..5a597d5901 100644
--- a/frontend/src/lib/components/sidebar/SidebarContent.svelte
+++ b/frontend/src/lib/components/sidebar/SidebarContent.svelte
@@ -323,7 +323,7 @@
 	}
 
 	const itemClass = twMerge(
-		'text-secondary font-normal w-full block px-4 py-2 text-2xs data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+		'text-secondary font-normal w-full block px-4 py-2 text-2xs data-highlighted:bg-surface-hover data-highlighted:text-primary'
 	)
 </script>
 
@@ -335,7 +335,7 @@
 	<div class={twMerge('pt-4 mb-6 md:mb-10')}>
 		<div class="space-y-1">
 			{#each mainMenuLinks as menuLink (menuLink.href ?? menuLink.label)}
-				<MenuLink class="!text-xs" {...menuLink} {isCollapsed} />
+				<MenuLink class="text-xs!" {...menuLink} {isCollapsed} />
 			{/each}
 		</div>
 		<div class="pt-4">
@@ -345,15 +345,15 @@
 			>
 			<Menubar let:createMenu class="flex flex-col gap-1">
 				{#each triggerMenuLinks as menuLink (menuLink.href ?? menuLink.label)}
-					<MenuLink class="!text-xs" {...menuLink} {isCollapsed} />
+					<MenuLink class="text-xs!" {...menuLink} {isCollapsed} />
 				{/each}
 				{#if extraTriggerLinks.length > 0 && !$userStore?.operator}
 					<Menu {createMenu} let:item usePointerDownOutside>
 						<svelte:fragment slot="trigger" let:trigger>
 							<MeltButton
 								class={twMerge(
-									'w-full text-gray-400 text-2xs flex flex-row gap-1 py-1 items-center px-2 hover:bg-[#2A3648] dark:hover:bg-[#30404e] rounded',
-									'data-[highlighted]:bg-[#2A3648] dark:data-[highlighted]:bg-[#30404e]'
+									'w-full text-gray-400 text-2xs flex flex-row gap-1 py-1 items-center px-2 hover:bg-[#2A3648] dark:hover:bg-[#30404e] rounded-xs',
+									'data-highlighted:bg-[#2A3648] dark:data-highlighted:bg-[#30404e]'
 								)}
 								meltElement={trigger}
 							>
@@ -390,7 +390,7 @@
 					<Menu {createMenu} let:item usePointerDownOutside>
 						<svelte:fragment slot="trigger" let:trigger>
 							<MenuButton
-								class="!text-2xs"
+								class="text-2xs!"
 								{...menuLink}
 								{isCollapsed}
 								{notificationsCount}
@@ -425,10 +425,10 @@
 					<MenuSingleItem {createMenu} let:item>
 						<svelte:fragment slot="trigger" let:trigger>
 							<div class="w-full">
-								<MenuButton class="!text-2xs" {...menuLink} {isCollapsed} {trigger} />
+								<MenuButton class="text-2xs!" {...menuLink} {isCollapsed} {trigger} />
 							</div>
 						</svelte:fragment>
-						<MenuLink class="!text-2xs" {...menuLink} {isCollapsed} {item} />
+						<MenuLink class="text-2xs!" {...menuLink} {isCollapsed} {item} />
 					</MenuSingleItem>
 				{/if}
 			{/each}
@@ -447,7 +447,7 @@
 									}
 								}}
 							>
-								<MenuButton class="!text-2xs" {...menuLink} {isCollapsed} {trigger} />
+								<MenuButton class="text-2xs!" {...menuLink} {isCollapsed} {trigger} />
 								{#if menuLink.label === 'Help' && hasNewChangelogs}
 									<span
 										class={twMerge(
diff --git a/frontend/src/lib/components/sidebar/UserMenu.svelte b/frontend/src/lib/components/sidebar/UserMenu.svelte
index 7df26c0269..3f966c8df3 100644
--- a/frontend/src/lib/components/sidebar/UserMenu.svelte
+++ b/frontend/src/lib/components/sidebar/UserMenu.svelte
@@ -26,14 +26,14 @@
 	const itemClass = twMerge(
 		'text-secondary text-left font-normal text-xs ',
 		'flex flex-row items-center gap-2 px-4 py-3 w-full',
-		'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+		'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 	)
 </script>
 
 <Menu {createMenu} let:item usePointerDownOutside>
 	<svelte:fragment slot="trigger" let:trigger>
 		<MenuButton
-			class="!text-xs"
+			class="text-xs!"
 			icon={User}
 			label={`User (${$userStore?.username ?? $userStore?.email})`}
 			{isCollapsed}
@@ -98,7 +98,7 @@
 					>{$usageStore}/1000 user execs</span
 				>
 				<div class="px-4 w-full h-1 mb-1">
-					<div class="bg-gray-200 h-full rounded-sm overflow-hidden">
+					<div class="bg-gray-200 h-full rounded-xs overflow-hidden">
 						<div class="bg-blue-400 h-full" style="width: {Math.min($usageStore, 1000) / 10}%"></div>
 					</div>
 				</div>
@@ -107,7 +107,7 @@
 						>{$workspaceUsageStore}/1000 free workspace execs</span
 					>
 					<div class="px-4 w-full h-1 mb-1">
-						<div class="bg-gray-200 h-full rounded-sm overflow-hidden">
+						<div class="bg-gray-200 h-full rounded-xs overflow-hidden">
 							<div
 								class="bg-blue-400 h-full"
 								style="width: {Math.min($workspaceUsageStore, 1000) / 10}%"
diff --git a/frontend/src/lib/components/sidebar/WorkspaceMenu.svelte b/frontend/src/lib/components/sidebar/WorkspaceMenu.svelte
index c110f5df4f..1aaebd107a 100644
--- a/frontend/src/lib/components/sidebar/WorkspaceMenu.svelte
+++ b/frontend/src/lib/components/sidebar/WorkspaceMenu.svelte
@@ -57,7 +57,7 @@
 <Menu {createMenu} let:item usePointerDownOutside>
 	<svelte:fragment slot="trigger" let:trigger>
 		<MenuButton
-			class="!text-xs"
+			class="text-xs!"
 			icon={Building}
 			label={$workspaceStore ?? ''}
 			{isCollapsed}
@@ -74,7 +74,7 @@
 						'text-xs min-w-0 w-full overflow-hidden flex flex-col py-1.5',
 						$workspaceStore === workspace.id
 							? 'cursor-default bg-surface-selected'
-							: 'cursor-pointer hover:bg-surface-hover data-[highlighted]:bg-surface-hover'
+							: 'cursor-pointer hover:bg-surface-hover data-highlighted:bg-surface-hover'
 					)}
 					on:click={async () => {
 						await toggleSwitchWorkspace(workspace.id)
@@ -92,7 +92,7 @@
 						</div>
 						{#if workspace.color}
 							<div
-								class="w-5 h-5 mr-2 rounded border border-gray-300 dark:border-gray-600"
+								class="w-5 h-5 mr-2 rounded-xs border border-gray-300 dark:border-gray-600"
 								style="background-color: {workspace.color}"
 							></div>
 						{/if}
@@ -122,7 +122,7 @@
 					}}
 					class={twMerge(
 						'text-primary block px-4 py-2 text-xs hover:bg-surface-hover hover:text-primary',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -136,7 +136,7 @@
 					href="{base}/workspace_settings"
 					class={twMerge(
 						'text-secondary px-4 py-2 text-xs hover:bg-surface-hover hover:text-primary flex flex-flow gap-2',
-						'data-[highlighted]:bg-surface-hover data-[highlighted]:text-primary'
+						'data-highlighted:bg-surface-hover data-highlighted:text-primary'
 					)}
 					{item}
 				>
@@ -163,7 +163,7 @@
 				<MenuItem
 					class={twMerge(
 						'text-secondary block font-normal w-full text-left px-4 py-2 text-sm hover:bg-gray-100 hover:text-gray-900',
-						'data-[highlighted]:bg-gray-100 data-[highlighted]:text-gray-900'
+						'data-highlighted:bg-gray-100 data-highlighted:text-gray-900'
 					)}
 					on:click={() => {
 						goto('/workspace_settings?tab=premium')
diff --git a/frontend/src/lib/components/splitPanes/SplitPanesOrColumnOnMobile.svelte b/frontend/src/lib/components/splitPanes/SplitPanesOrColumnOnMobile.svelte
index 39191e6ade..7ad0627805 100644
--- a/frontend/src/lib/components/splitPanes/SplitPanesOrColumnOnMobile.svelte
+++ b/frontend/src/lib/components/splitPanes/SplitPanesOrColumnOnMobile.svelte
@@ -11,7 +11,7 @@
 	let clientWidth = window.innerWidth
 </script>
 
-<main class="flex-grow w-full overflow-y-auto" bind:clientWidth>
+<main class="grow w-full overflow-y-auto" bind:clientWidth>
 		{#if clientWidth >= 768}
 			<SplitPanesWrapper class="hidden md:block">
 				<Splitpanes>
diff --git a/frontend/src/lib/components/table/AutoDataTable.svelte b/frontend/src/lib/components/table/AutoDataTable.svelte
index c629661abb..bda25f052c 100644
--- a/frontend/src/lib/components/table/AutoDataTable.svelte
+++ b/frontend/src/lib/components/table/AutoDataTable.svelte
@@ -168,7 +168,7 @@
 	<div class="flex flex-col gap-2 py-1 my-1" style={`max-width: ${wrapperWidth}px;`}>
 		<div class="flex flex-row justify-between items-center gap-2">
 			<div class="flex flex-row gap-2 items-center whitespace-nowrap w-full">
-				<input bind:value={search} placeholder="Search..." class="h-8 !text-xs" />
+				<input bind:value={search} placeholder="Search..." class="h-8 text-xs!" />
 				{#if selection.length > 0}
 					<span class="text-xs text-gray-500 dark:text-gray-200">
 						{pluralize(selection?.length ?? 1, 'item') + ' selected'}
@@ -281,7 +281,7 @@
 					<Head>
 						<tr>
 							<Cell head first={true} last={false}>
-								<input type="checkbox" class="!w-4 !h-4" on:change={handleSelectAllChange} />
+								<input type="checkbox" class="w-4! h-4!" on:change={handleSelectAllChange} />
 							</Cell>
 							{#each headers ?? [] as key, index}
 								<Cell head last={index == headers.length - 1}>
@@ -318,7 +318,7 @@
 										{/if}
 										<input
 											type="checkbox"
-											class="!w-4 !h-4"
+											class="w-4! h-4!"
 											checked={colSelection.includes(key)}
 											on:change={() => handleColumnSelected(key)}
 										/>
@@ -333,7 +333,7 @@
 								<Cell first={true} last={false} class="w-6">
 									<input
 										type="checkbox"
-										class="!w-4 !h-4"
+										class="w-4! h-4!"
 										checked={selection.includes(_id)}
 										on:change={() => handleCheckboxChange(_id)}
 									/>
@@ -363,7 +363,7 @@
 											<div class="flex flex-row gap-1 w-full max-w-32 flex-wrap min-w-32">
 												{#each value as val}
 													<div
-														class="p-2 bg-surface-secondary rounded-md text-2xs text-wrap whitespace-pre-wrap flex flex-grow w-max overflow-hidden"
+														class="p-2 bg-surface-secondary rounded-md text-2xs text-wrap whitespace-pre-wrap flex grow w-max overflow-hidden"
 													>
 														{JSON.stringify(val, null, 2)}
 													</div>
@@ -373,7 +373,7 @@
 											<div class="flex flex-row gap-1 w-full flex-wrap min-w-96">
 												{#each value as val}
 													<div
-														class="p-2 bg-surface-secondary rounded-md text-2xs text-wrap whitespace-pre-wrap flex flex-grow w-max overflow-hidden"
+														class="p-2 bg-surface-secondary rounded-md text-2xs text-wrap whitespace-pre-wrap flex grow w-max overflow-hidden"
 													>
 														{JSON.stringify(val, null, 2)}
 													</div>
@@ -400,7 +400,7 @@
 												disablePopup={typeof value === 'string' && value.length < 100}
 											>
 												<div
-													class="max-w-[100ch] text-wrap whitespace-pre-wrap flex flex-grow w-max three-lines cursor-text"
+													class="max-w-[100ch] text-wrap whitespace-pre-wrap flex grow w-max three-lines cursor-text"
 												>
 													{txt?.length > 100 ? txt.slice(0, 100) + '...' : txt}
 												</div>
diff --git a/frontend/src/lib/components/table/Cell.svelte b/frontend/src/lib/components/table/Cell.svelte
index ab43a10c2f..5c6e4c4654 100644
--- a/frontend/src/lib/components/table/Cell.svelte
+++ b/frontend/src/lib/components/table/Cell.svelte
@@ -35,7 +35,7 @@
 
 		numeric ? 'text-right' : '',
 		head ? 'font-semibold ' : '',
-		sticky ? `!p-0 sticky ${first ? 'left-0' : 'right-0'}` : 'px-2 py-3.5',
+		sticky ? `p-0! sticky ${first ? 'left-0' : 'right-0'}` : 'px-2 py-3.5',
 		size === 'sm' ? 'px-1.5 py-2.5' : '',
 		size === 'lg' ? 'px-3 py-4' : '',
 		size === 'xs' ? 'px-1 py-1.5' : '',
diff --git a/frontend/src/lib/components/table/DataTable.svelte b/frontend/src/lib/components/table/DataTable.svelte
index af93e42574..828e8726bb 100644
--- a/frontend/src/lib/components/table/DataTable.svelte
+++ b/frontend/src/lib/components/table/DataTable.svelte
@@ -102,7 +102,7 @@
 					</span>
 
 					{#if perPage !== undefined}
-						<select class="!text-xs !w-16" bind:value={perPage}>
+						<select class="text-xs! w-16!" bind:value={perPage}>
 							<option value={25}>25</option>
 							<option value={100}>100</option>
 							<option value={1000}>1000</option>
diff --git a/frontend/src/lib/components/triggers/CaptureButton.svelte b/frontend/src/lib/components/triggers/CaptureButton.svelte
index bfa34cf908..d7f30cd751 100644
--- a/frontend/src/lib/components/triggers/CaptureButton.svelte
+++ b/frontend/src/lib/components/triggers/CaptureButton.svelte
@@ -94,7 +94,7 @@
 		{:else}
 			<Button
 				color="dark"
-				btnClasses="!rounded-l-none"
+				btnClasses="rounded-l-none!"
 				wrapperClasses="h-full"
 				nonCaptureEvent
 				title="Test trigger"
diff --git a/frontend/src/lib/components/triggers/http/RouteEditorConfigSection.svelte b/frontend/src/lib/components/triggers/http/RouteEditorConfigSection.svelte
index de4fc96cff..bc386e96d7 100644
--- a/frontend/src/lib/components/triggers/http/RouteEditorConfigSection.svelte
+++ b/frontend/src/lib/components/triggers/http/RouteEditorConfigSection.svelte
@@ -173,7 +173,7 @@
 				<div class="flex justify-start w-full">
 					<Badge
 						color="gray"
-						class="center-center !bg-surface-secondary !text-tertiary !w-[90px] !h-[24px] rounded-r-none border"
+						class="center-center bg-surface-secondary! text-tertiary! w-[90px]! h-[24px]! rounded-r-none border"
 					>
 						Full endpoint
 					</Badge>
@@ -182,7 +182,7 @@
 						readonly
 						value={fullRoute}
 						size={fullRoute.length || 50}
-						class="font-mono !text-xs max-w-[calc(100%-70px)] !w-auto !h-[24px] !py-0 !border-l-0 !rounded-l-none"
+						class="font-mono text-xs! max-w-[calc(100%-70px)] w-auto! h-[24px]! py-0! border-l-0! rounded-l-none!"
 						on:focus={({ currentTarget }) => {
 							currentTarget.select()
 						}}
diff --git a/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte b/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
index d1743d1ec7..4d66c02fed 100644
--- a/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/http/RouteEditorInner.svelte
@@ -374,7 +374,7 @@
 												dispatch('focus')
 											}}
 											on:blur={(e) => {
-												dispatch('blur')
+												dispatch('blur-xs')
 											}}
 											code={JSON.stringify(static_asset_config ?? { s3: '' }, null, 2)}
 											bind:value={static_asset_config}
diff --git a/frontend/src/lib/components/triggers/postgres/PostgresEditorConfigSection.svelte b/frontend/src/lib/components/triggers/postgres/PostgresEditorConfigSection.svelte
index 2bef997ed2..7100b7f420 100644
--- a/frontend/src/lib/components/triggers/postgres/PostgresEditorConfigSection.svelte
+++ b/frontend/src/lib/components/triggers/postgres/PostgresEditorConfigSection.svelte
@@ -126,9 +126,9 @@
 						options={transactionType}
 						allowUserOptions="append"
 						bind:selected={publication.transaction_to_track}
-						ulOptionsClass={'!bg-surface !text-sm'}
-						ulSelectedClass="!text-sm"
-						outerDivClass="!bg-surface !min-h-[38px] !border-[#d1d5db]"
+						ulOptionsClass={'bg-surface! text-sm!'}
+						ulSelectedClass="text-sm!"
+						outerDivClass="bg-surface! min-h-[38px]! border-[#d1d5db]!"
 						placeholder="Select transactions"
 						--sms-options-margin="4px"
 					>
diff --git a/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte b/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
index 6e03483b89..2435ed3692 100644
--- a/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
+++ b/frontend/src/lib/components/triggers/postgres/PostgresTriggerEditorInner.svelte
@@ -409,9 +409,9 @@
 									options={transactionType}
 									allowUserOptions="append"
 									bind:selected={transaction_to_track}
-									ulOptionsClass={'!bg-surface !text-sm'}
-									ulSelectedClass="!text-sm"
-									outerDivClass="!bg-surface !min-h-[38px] !border-[#d1d5db]"
+									ulOptionsClass={'bg-surface! text-sm!'}
+									ulSelectedClass="text-sm!"
+									outerDivClass="bg-surface! min-h-[38px]! border-[#d1d5db]!"
 									placeholder="Select transactions"
 									--sms-options-margin="4px"
 									--sms-open-z-index="100"
diff --git a/frontend/src/lib/components/triggers/postgres/RelationPicker.svelte b/frontend/src/lib/components/triggers/postgres/RelationPicker.svelte
index 584369b1bd..d63c60c154 100644
--- a/frontend/src/lib/components/triggers/postgres/RelationPicker.svelte
+++ b/frontend/src/lib/components/triggers/postgres/RelationPicker.svelte
@@ -87,7 +87,7 @@
 							<div class="flex flex-col w-full gap-4 items-center p-5">
 								{#each v.table_to_track as table_to_track, j}
 									<div
-										class="relative rounded bg-surface-disabled p-2 flex w-full flex-col gap-4 group"
+										class="relative rounded-xs bg-surface-disabled p-2 flex w-full flex-col gap-4 group"
 									>
 										<Label label="Table Name" required>
 											<svelte:fragment slot="header">
@@ -96,7 +96,7 @@
 											<input
 												type="text"
 												bind:value={table_to_track.table_name}
-												class="!bg-surface mt-1"
+												class="bg-surface! mt-1"
 											/>
 										</Label>
 										<!-- svelte-ignore a11y-label-has-associated-control -->
@@ -127,9 +127,9 @@
 													options={table_to_track.columns_name ?? []}
 													allowUserOptions="append"
 													bind:selected={table_to_track.columns_name}
-													ulOptionsClass={'!bg-surface !text-sm'}
-													ulSelectedClass="!text-sm"
-													outerDivClass="!bg-surface !min-h-[38px] !border-[#d1d5db]"
+													ulOptionsClass={'bg-surface! text-sm!'}
+													ulSelectedClass="text-sm!"
+													outerDivClass="bg-surface! min-h-[38px]! border-[#d1d5db]!"
 													noMatchingOptionsMsg=""
 													createOptionMsg={null}
 													duplicates={false}
@@ -171,7 +171,7 @@
 											<input
 												type="text"
 												bind:value={table_to_track.where_clause}
-												class="!bg-surface mt-1"
+												class="bg-surface! mt-1"
 											/>
 										</Label>
 										<Button
diff --git a/frontend/src/lib/components/triggers/scheduled/ScheduledPollPanel.svelte b/frontend/src/lib/components/triggers/scheduled/ScheduledPollPanel.svelte
index 4502526c81..37353d253d 100644
--- a/frontend/src/lib/components/triggers/scheduled/ScheduledPollPanel.svelte
+++ b/frontend/src/lib/components/triggers/scheduled/ScheduledPollPanel.svelte
@@ -15,7 +15,7 @@
 		<ul class="pt-4 space-y-2 text-sm">
 			<li>
 				1. Choose a trigger script using the script picker that will poll for new events regularly <img
-					class="shadow-lg rounded"
+					class="shadow-lg rounded-xs"
 					alt="script picker"
 					src="{base}/script-picker.png"
 					width="400"
@@ -24,7 +24,7 @@
 
 			<li>
 				2. Add logic to process each new event <img
-					class="shadow-lg rounded"
+					class="shadow-lg rounded-xs"
 					alt="create action"
 					src="{base}/create_action.png"
 					width="500"
diff --git a/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte b/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte
index 3732346888..aadbd0cbf6 100644
--- a/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte
+++ b/frontend/src/lib/components/triggers/sqs/SqsTriggerEditorConfigSection.svelte
@@ -131,9 +131,9 @@
 						options={message_attributes ?? []}
 						allowUserOptions="append"
 						bind:selected={message_attributes}
-						ulOptionsClass={'!bg-surface !text-sm'}
-						ulSelectedClass="!text-sm"
-						outerDivClass="!bg-surface !min-h-[38px] !border-[#d1d5db]"
+						ulOptionsClass={'bg-surface! text-sm!'}
+						ulSelectedClass="text-sm!"
+						outerDivClass="bg-surface! min-h-[38px]! border-[#d1d5db]!"
 						noMatchingOptionsMsg=""
 						createOptionMsg={null}
 						duplicates={false}
diff --git a/frontend/src/lib/components/triggers/webhook/WebhooksConfigSection.svelte b/frontend/src/lib/components/triggers/webhook/WebhooksConfigSection.svelte
index 188750b0a9..55caed0a6e 100644
--- a/frontend/src/lib/components/triggers/webhook/WebhooksConfigSection.svelte
+++ b/frontend/src/lib/components/triggers/webhook/WebhooksConfigSection.svelte
@@ -297,7 +297,7 @@ done`
 					<input
 						bind:value={token}
 						placeholder="paste your token here once created to alter examples below"
-						class="!text-xs !font-normal"
+						class="text-xs! font-normal!"
 					/>
 					<Button size="xs" color="light" variant="border" on:click={userSettings.openDrawer}>
 						Create a Webhook-specific Token
diff --git a/frontend/src/lib/components/tutorials/app/AppTutorial.svelte b/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
index c3c2d8ae40..52ba98d777 100644
--- a/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
+++ b/frontend/src/lib/components/tutorials/app/AppTutorial.svelte
@@ -244,7 +244,7 @@
 							'Once opened, you can select the output you want to connect to. Here we will connect the result output of the text component to the input "x" of the inline runnable.'
 
 						const objectViewer = document.createElement('div')
-						objectViewer.innerHTML = `<div class="rounded-lg shadow-md border p-4 bg-surface"><span class="s-UNyBDXJ1E286">  <ul class="w-full pl-2 border-none s-UNyBDXJ1E286"><li class="s-UNyBDXJ1E286"><button class="whitespace-nowrap s-UNyBDXJ1E286"><span class="key border  font-semibold rounded px-1 hover:bg-surface-hover text-2xs text-secondary s-UNyBDXJ1E286">result</span> :</button> <button class="val  rounded px-1 hover:bg-blue-100 string s-UNyBDXJ1E286"><span title="" class="text-2xs s-UNyBDXJ1E286">""</span></button></li> </ul> </span> <span class="border border-blue-600 rounded px-1 cursor-pointer hover:bg-gray-200 s-UNyBDXJ1E286 hidden">{...}</span> </div>`
+						objectViewer.innerHTML = `<div class="rounded-lg shadow-md border p-4 bg-surface"><span class="s-UNyBDXJ1E286">  <ul class="w-full pl-2 border-none s-UNyBDXJ1E286"><li class="s-UNyBDXJ1E286"><button class="whitespace-nowrap s-UNyBDXJ1E286"><span class="key border  font-semibold rounded-xs px-1 hover:bg-surface-hover text-2xs text-secondary s-UNyBDXJ1E286">result</span> :</button> <button class="val  rounded-xs px-1 hover:bg-blue-100 string s-UNyBDXJ1E286"><span title="" class="text-2xs s-UNyBDXJ1E286">""</span></button></li> </ul> </span> <span class="border border-blue-600 rounded-xs px-1 cursor-pointer hover:bg-gray-200 s-UNyBDXJ1E286 hidden">{...}</span> </div>`
 
 						wrapper.appendChild(p1)
 						wrapper.appendChild(id)
diff --git a/frontend/src/lib/components/tutorials/utils.ts b/frontend/src/lib/components/tutorials/utils.ts
index f1cd29691b..e60209a77e 100644
--- a/frontend/src/lib/components/tutorials/utils.ts
+++ b/frontend/src/lib/components/tutorials/utils.ts
@@ -76,7 +76,7 @@ const emptyApp = {
 				configuration: {},
 				customCss: {
 					container: {
-						class: '!p-0',
+						class: 'p-0!',
 						style: ''
 					}
 				},
diff --git a/frontend/src/lib/components/workspaceSettings/AISettings.svelte b/frontend/src/lib/components/workspaceSettings/AISettings.svelte
index 614d74faaf..26821a0f95 100644
--- a/frontend/src/lib/components/workspaceSettings/AISettings.svelte
+++ b/frontend/src/lib/components/workspaceSettings/AISettings.svelte
@@ -160,7 +160,7 @@
 								<!-- svelte-ignore binding_property_non_reactive -->
 								<MultiSelect
 									options={AI_DEFAULT_MODELS[provider]}
-									ulOptionsClass={'!bg-surface-secondary'}
+									ulOptionsClass={'bg-surface-secondary!'}
 									allowUserOptions="append"
 									bind:selected={aiProviders[provider].models}
 								/>
diff --git a/frontend/src/routes/(root)/(logged)/+layout.svelte b/frontend/src/routes/(root)/(logged)/+layout.svelte
index f37f3cb3d6..3bcdfc78a4 100644
--- a/frontend/src/routes/(root)/(logged)/+layout.svelte
+++ b/frontend/src/routes/(root)/(logged)/+layout.svelte
@@ -376,7 +376,7 @@
 					>
 						<div
 							class={classNames(
-								'fixed inset-0 dark:bg-[#1e232e] bg-[#202125] dark:bg-opacity-75 bg-opacity-75 transition-opacity ease-linear duration-300 z-40 !dark',
+								'fixed inset-0 dark:bg-[#1e232e] bg-[#202125] dark:bg-opacity-75 bg-opacity-75 transition-opacity ease-linear duration-300 z-40 dark!',
 
 								menuOpen ? 'opacity-100' : 'opacity-0'
 							)}
@@ -400,7 +400,7 @@
 										on:click={() => {
 											menuOpen = !menuOpen
 										}}
-										class="ml-1 flex items-center justify-center h-6 w-6 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white border border-white"
+										class="ml-1 flex items-center justify-center h-6 w-6 rounded-full focus:outline-hidden focus:ring-2 focus:ring-inset focus:ring-white border border-white"
 										aria-label="Close"
 									>
 										<svg
@@ -420,8 +420,8 @@
 										</svg>
 									</button>
 								</div>
-								<div class="dark:bg-[#1e232e] bg-[#202125] h-full !dark flex flex-col">
-									<div class="flex gap-x-2 flex-shrink-0 p-4 font-semibold text-gray-200 w-40">
+								<div class="dark:bg-[#1e232e] bg-[#202125] h-full dark! flex flex-col">
+									<div class="flex gap-x-2 shrink-0 p-4 font-semibold text-gray-200 w-40">
 										<WindmillIcon white={true} height="20px" width="20px" />
 										Windmill
 									</div>
@@ -436,7 +436,7 @@
 											isCollapsed={false}
 											icon={Search}
 											label="Search"
-											class="!text-xs"
+											class="text-xs!"
 											shortcut={`${getModifierKey()}k`}
 										/>
 									</div>
@@ -457,11 +457,11 @@
 						class={classNames(
 							'flex flex-col fixed inset-y-0 transition-all ease-in-out duration-200 shadow-md z-40 ',
 							isCollapsed ? 'md:w-12' : 'md:w-40',
-							devOnly ? '!hidden' : ''
+							devOnly ? 'hidden!' : ''
 						)}
 					>
 						<div
-							class="flex-1 flex flex-col min-h-0 h-screen shadow-lg dark:bg-[#1e232e] bg-[#202125] !dark"
+							class="flex-1 flex flex-col min-h-0 h-screen shadow-lg dark:bg-[#1e232e] bg-[#202125] dark!"
 						>
 							<button
 								on:click={() => {
@@ -469,7 +469,7 @@
 								}}
 							>
 								<div
-									class="flex-row flex-shrink-0 px-3.5 py-3.5 text-opacity-70 h-12 flex items-center gap-1.5"
+									class="flex-row shrink-0 px-3.5 py-3.5 text-opacity-70 h-12 flex items-center gap-1.5"
 									class:w-40={!isCollapsed}
 								>
 									<div class:mr-1={!isCollapsed}>
@@ -491,7 +491,7 @@
 									{isCollapsed}
 									icon={Search}
 									label="Search"
-									class="!text-xs"
+									class="text-xs!"
 									shortcut={`${getModifierKey()}k`}
 								/>
 							</div>
@@ -503,7 +503,7 @@
 									: numUnacknowledgedCriticalAlerts}
 							/>
 
-							<div class="flex-shrink-0 flex px-4 pb-3.5">
+							<div class="shrink-0 flex px-4 pb-3.5">
 								<button
 									on:click={() => {
 										isCollapsed = !isCollapsed
@@ -512,7 +512,7 @@
 									<ArrowLeft
 										size={16}
 										class={classNames(
-											'flex-shrink-0 h-4 w-4 transition-all ease-in-out duration-200 text-white',
+											'shrink-0 h-4 w-4 transition-all ease-in-out duration-200 text-white',
 											isCollapsed ? 'rotate-180' : 'rotate-0'
 										)}
 									/>
@@ -530,7 +530,7 @@
 			<!-- Legacy menu -->
 			<div
 				class={classNames(
-					'fixed inset-0 dark:bg-[#1e232e] bg-[#202125] dark:bg-opacity-75 bg-opacity-75 transition-opacity ease-linear duration-300  !dark',
+					'fixed inset-0 dark:bg-[#1e232e] bg-[#202125] dark:bg-opacity-75 bg-opacity-75 transition-opacity ease-linear duration-300  dark!',
 					'opacity-0'
 				)}
 			>
@@ -553,7 +553,7 @@
 									// menuSlide = !menuSlide
 								}}
 								aria-label="Close"
-								class="ml-1 flex items-center justify-center h-8 w-8 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white border border-white"
+								class="ml-1 flex items-center justify-center h-8 w-8 rounded-full focus:outline-hidden focus:ring-2 focus:ring-inset focus:ring-white border border-white"
 							>
 								<svg
 									class="h-6 w-6 text-white"
@@ -568,9 +568,9 @@
 								</svg>
 							</button>
 						</div>
-						<div class="dark:bg-[#1e232e] bg-[#202125] h-full !dark">
+						<div class="dark:bg-[#1e232e] bg-[#202125] h-full dark!">
 							<div
-								class="flex gap-x-2 flex-shrink-0 p-4 font-semibold text-gray-200 w-10"
+								class="flex gap-x-2 shrink-0 p-4 font-semibold text-gray-200 w-10"
 								class:w-40={!isCollapsed}
 							>
 								<WindmillIcon white={true} height="20px" width="20px" />
@@ -588,7 +588,7 @@
 									{isCollapsed}
 									icon={Search}
 									label="Search"
-									class="!text-xs"
+									class="text-xs!"
 									shortcut={`${getModifierKey()}k`}
 								/>
 							</div>
@@ -608,7 +608,7 @@
 			id="content"
 			class={classNames(
 				'w-full flex flex-col flex-1 h-full',
-				devOnly || $userStore?.operator ? '!pl-0' : isCollapsed ? 'md:pl-12' : 'md:pl-40',
+				devOnly || $userStore?.operator ? 'pl-0!' : isCollapsed ? 'md:pl-12' : 'md:pl-40',
 				'transition-all ease-in-out duration-200'
 			)}
 		>
@@ -616,7 +616,7 @@
 				<div class="relative w-full h-full">
 					<div
 						class={classNames(
-							'py-2 px-2 sm:px-4 md:px-8 flex justify-between items-center shadow-sm max-w-7xl mx-auto md:hidden',
+							'py-2 px-2 sm:px-4 md:px-8 flex justify-between items-center shadow-2xs max-w-7xl mx-auto md:hidden',
 							devOnly || $userStore?.operator ? 'hidden' : ''
 						)}
 					>
@@ -626,7 +626,7 @@
 							on:click={() => {
 								menuOpen = true
 							}}
-							class="h-8 w-8 inline-flex items-center justify-center rounded-md text-tertiary hover:text-primary focus:outline-none focus:ring-2 focus:ring-inset focus:ring-indigo-500"
+							class="h-8 w-8 inline-flex items-center justify-center rounded-md text-tertiary hover:text-primary focus:outline-hidden focus:ring-2 focus:ring-inset focus:ring-indigo-500"
 						>
 							<svg
 								class="h-6 w-6"
diff --git a/frontend/src/routes/(root)/(logged)/apps/add/+page.svelte b/frontend/src/routes/(root)/(logged)/apps/add/+page.svelte
index 9bd842f1ad..3c4a0e5b4a 100644
--- a/frontend/src/routes/(root)/(logged)/apps/add/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/apps/add/+page.svelte
@@ -125,7 +125,7 @@
 				appComponentFromType(preset.targetComponent, preset.configuration, undefined, {
 					customCss: {
 						container: {
-							class: '!p-0' as any,
+							class: 'p-0!' as any,
 							style: ''
 						}
 					}
diff --git a/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte b/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
index 34b069a46e..d1e722809c 100644
--- a/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/audit_logs/+page.svelte
@@ -45,7 +45,7 @@
 		<div class="px-2">
 			<div class="flex items-center space-x-2 flex-row justify-between">
 				<div class="flex flex-row flex-wrap justify-between py-2 my-4 px-4 gap-1 items-center">
-					<h1 class="!text-2xl font-semibold leading-6 tracking-tight">Audit logs</h1>
+					<h1 class="text-2xl! font-semibold leading-6 tracking-tight">Audit logs</h1>
 					<Tooltip documentationLink="https://www.windmill.dev/docs/core_concepts/audit_logs">
 						You can only see your own audit logs unless you are an admin.
 					</Tooltip>
diff --git a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
index aa0a91533f..a080ae9e52 100644
--- a/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/flows/get/[...path]/+page.svelte
@@ -377,7 +377,7 @@
 </script>
 
 <Skeleton
-	class="!max-w-7xl !px-4 sm:!px-6 md:!px-8"
+	class="max-w-7xl! px-4! sm:px-6! md:px-8!"
 	loading={!flow}
 	layout={[0.75, [2, 0, 2], 2.25, [{ h: 1.5, w: 40 }], 0.2, [{ h: 1, w: 30 }]]}
 />
@@ -526,7 +526,7 @@
 
 					{#if !emptyString(flow.summary)}
 						<div class="mb-2">
-							<span class="!text-tertiary">{flow.path}</span>
+							<span class="text-tertiary!">{flow.path}</span>
 						</div>
 					{/if}
 					<div class="flex flex-row gap-x-2 flex-wrap items-center">
diff --git a/frontend/src/routes/(root)/(logged)/resources/+page.svelte b/frontend/src/routes/(root)/(logged)/resources/+page.svelte
index a5157c4f7c..88628c8f0e 100644
--- a/frontend/src/routes/(root)/(logged)/resources/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/resources/+page.svelte
@@ -479,7 +479,7 @@
 									id="inp"
 									type="text"
 									bind:value={editResourceType.name}
-									class={classNames('!h-8  !border !border-gray-200')}
+									class={classNames('h-8!  border! border-gray-200!')}
 								/>
 							</div>
 						</div>
@@ -546,7 +546,7 @@
 								id="inp"
 								type="text"
 								bind:value={newResourceType.name}
-								class={classNames('!h-8  !border ', !disableCustomPrefix ? '!rounded-l-none' : '')}
+								class={classNames('h-8!  border! ', !disableCustomPrefix ? 'rounded-l-none!' : '')}
 								on:input={validateResourceTypeName}
 							/>
 						</div>
diff --git a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
index 5049bf5661..2c58eb322a 100644
--- a/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/run/[...run]/+page.svelte
@@ -621,13 +621,13 @@
 											type="number"
 											min="0"
 											bind:value={branchOrIterationN}
-											class="!w-32 grow"
+											class="w-32! grow"
 											on:click|stopPropagation={() => {}}
 										/>
 									{:else}
 										<select
 											bind:value={branchOrIterationN}
-											class="!w-32 grow"
+											class="w-32! grow"
 											on:click|stopPropagation={() => {}}
 										>
 											{#each restartBranchNames as [branchIdx, branchName]}
@@ -640,7 +640,7 @@
 										size="xs"
 										color="blue"
 										buttonType="button"
-										btnClasses="!p-1 !w-[34px] !ml-1"
+										btnClasses="p-1! w-[34px]! ml-1!"
 										aria-label="Restart flow"
 										on:click|once={() => {
 											restartFlow(job?.id, selectedJobStep, branchOrIterationN)
@@ -858,7 +858,7 @@
 									localStorage.setItem('hideExplicitProgressTip', 'true')
 									showExplicitProgressTip = false
 								}}
-								class="absolute m-2 top-0 right-0 inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-none"
+								class="absolute m-2 top-0 right-0 inline-flex rounded-md bg-surface-secondary text-gray-400 hover:text-tertiary focus:outline-hidden"
 							>
 								<span class="sr-only">Close</span>
 								<svg class="h-5 w-5" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
diff --git a/frontend/src/routes/(root)/(logged)/runs/[...path]/+page.svelte b/frontend/src/routes/(root)/(logged)/runs/[...path]/+page.svelte
index e8a8f823a4..dd103866cf 100644
--- a/frontend/src/routes/(root)/(logged)/runs/[...path]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/runs/[...path]/+page.svelte
@@ -703,7 +703,7 @@
 					<div class="flex flex-row flex-wrap justify-between py-2 my-4 px-4 gap-1 items-center">
 						<h1
 							class={twMerge(
-								'!text-2xl font-semibold leading-6 tracking-tight',
+								'text-2xl! font-semibold leading-6 tracking-tight',
 								$userStore?.operator ? 'pl-10' : ''
 							)}
 						>
@@ -1094,7 +1094,7 @@
 		<div class="px-2">
 			<div class="flex items-center space-x-2 flex-row justify-between">
 				<div class="flex flex-row flex-wrap justify-between py-2 my-4 px-4 gap-1">
-					<h1 class="!text-2xl font-semibold leading-6 tracking-tight"> Runs </h1>
+					<h1 class="text-2xl! font-semibold leading-6 tracking-tight"> Runs </h1>
 
 					<Tooltip
 						light
diff --git a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
index d885d2fa2f..30fb4591bd 100644
--- a/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/scripts/get/[...hash]/+page.svelte
@@ -698,7 +698,7 @@
 					<div class="py-10"></div>
 					{#if !emptyString(script.summary)}
 						<div class="mb-2">
-							<span class="!text-tertiary">{script.path}</span>
+							<span class="text-tertiary!">{script.path}</span>
 						</div>
 					{/if}
 					<div class="flex flex-row gap-x-2 flex-wrap items-center">
diff --git a/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte b/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte
index 0870c80150..47a6a2c029 100644
--- a/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/service_logs/+page.svelte
@@ -15,7 +15,7 @@
 	<div class="px-2">
 		<div class="flex items-center space-x-2 flex-row justify-between">
 			<div class="flex flex-row flex-wrap justify-between py-2 my-4 px-4 gap-1 items-center">
-				<h1 class="!text-2xl font-semibold leading-6 tracking-tight">Service logs</h1>
+				<h1 class="text-2xl! font-semibold leading-6 tracking-tight">Service logs</h1>
 				<Tooltip>Explore and search Windmill service logs from within Windmill!</Tooltip>
 			</div>
 		</div>
@@ -32,7 +32,7 @@
 			<input
 				id="quickSearchInput"
 				type="text"
-				class="quick-search-input !bg-surface"
+				class="quick-search-input bg-surface!"
 				bind:value={searchTerm}
 				autocomplete="off"
 				autofocus
diff --git a/frontend/src/routes/(root)/(logged)/svix/create-webhook/+page@(root).svelte b/frontend/src/routes/(root)/(logged)/svix/create-webhook/+page@(root).svelte
index 96ee969212..bed441d6b5 100644
--- a/frontend/src/routes/(root)/(logged)/svix/create-webhook/+page@(root).svelte
+++ b/frontend/src/routes/(root)/(logged)/svix/create-webhook/+page@(root).svelte
@@ -80,7 +80,7 @@
 <div class="flex items-center justify-center h-screen w-screen min-w-0">
 	<div class="flex flex-col gap-5 min-w-0 px-2">
 		<div class="flex flex-row gap-3 items-center justify-center break-words whitespace-normal py-8">
-			<h1 class="!text-3xl font-semibold text-center"
+			<h1 class="text-3xl! font-semibold text-center"
 				>{`${clientName} wants to create a webhook`}</h1
 			>
 		</div>
@@ -142,7 +142,7 @@
 						bind:value={token}
 						disabled={itemPath == undefined}
 						placeholder="enter or generate token"
-						class="!text-md min-w-10 max-w-40"
+						class="text-md! min-w-10 max-w-40"
 					/>
 					<Button
 						size="md"
diff --git a/frontend/src/routes/(root)/(logged)/user/(user)/accept_invite/+page.svelte b/frontend/src/routes/(root)/(logged)/user/(user)/accept_invite/+page.svelte
index fe517174c3..4bc05d0d77 100644
--- a/frontend/src/routes/(root)/(logged)/user/(user)/accept_invite/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/user/(user)/accept_invite/+page.svelte
@@ -85,7 +85,7 @@
 		>
 		<button
 			disabled={checking || (!automateUsernameCreation && (errorUsername != '' || !username))}
-			class="place-items-end bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 border rounded"
+			class="place-items-end bg-blue-500 hover:bg-blue-700 text-white font-bold py-1 px-2 border rounded-xs"
 			type="button"
 			on:click={acceptInvite}
 		>
diff --git a/frontend/src/routes/(root)/(logged)/variables/+page.svelte b/frontend/src/routes/(root)/(logged)/variables/+page.svelte
index f4d483d4e6..cb66ba617d 100644
--- a/frontend/src/routes/(root)/(logged)/variables/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/variables/+page.svelte
@@ -229,7 +229,7 @@
 					<DataTable size="xs">
 						<Head>
 							<tr>
-								<Cell head first class="!px-0" />
+								<Cell head first class="px-0!" />
 								<Cell head>Path</Cell>
 								<Cell head>Value</Cell>
 								<Cell head>Description</Cell>
@@ -240,7 +240,7 @@
 						<tbody class="divide-y">
 							{#each filteredItems as { path, value, is_secret, description, extra_perms, canWrite, account, is_refreshed, is_expired, refresh_error, is_linked, marked }}
 								<Row>
-									<Cell class="!px-0 text-center w-12" first>
+									<Cell class="px-0! text-center w-12" first>
 										<SharedBadge {canWrite} extraPerms={extra_perms} />
 									</Cell>
 									<Cell>
diff --git a/frontend/src/routes/(root)/(logged)/workers/+page.svelte b/frontend/src/routes/(root)/(logged)/workers/+page.svelte
index 1a3c3c5dbb..11c7bbd87c 100644
--- a/frontend/src/routes/(root)/(logged)/workers/+page.svelte
+++ b/frontend/src/routes/(root)/(logged)/workers/+page.svelte
@@ -440,9 +440,9 @@
 						items={groupedWorkers.map((x) => x[0])}
 						bind:selectedItem={selectedTab}
 						hideArrow={true}
-						inputClassName={'flex !font-gray-600 !font-primary !bg-surface-primary"'}
-						dropdownClassName="!text-sm !py-2 !rounded-sm  !border-gray-200 !border !shadow-md"
-						className="!font-gray-600 !font-primary !bg-surface-primary"
+						inputClassName={'flex font-gray-600! font-primary! bg-surface-primary!"'}
+						dropdownClassName="text-sm! py-2! rounded-xs!  border-gray-200! border! shadow-md!"
+						className="font-gray-600! font-primary! bg-surface-primary!"
 					/>
 
 					<!-- <select
@@ -504,7 +504,7 @@
 
 					<div class="flex flex-row items-center gap-2 relative my-2">
 						<input
-							class="max-w-80 border rounded-md !pl-8"
+							class="max-w-80 border rounded-md pl-8!"
 							placeholder="Search workers by name..."
 							autocomplete="off"
 							bind:value={search}
@@ -552,7 +552,7 @@
 												? 11
 												: 9}
 											scope="colgroup"
-											class="bg-surface-secondary/30 !py-1 border-b !text-xs"
+											class="bg-surface-secondary/30 py-1! border-b text-xs!"
 										>
 											<div class="flex flex-row w-full">
 												<div class="min-w-64">
@@ -627,7 +627,7 @@
 													</div>
 												</Cell>
 												<Cell>
-													<div class="!text-2xs">
+													<div class="text-2xs!">
 														{wm_version.split('-')[0]}<Tooltip>{wm_version}</Tooltip>
 													</div>
 												</Cell>
diff --git a/frontend/static/tailwind_full.css b/frontend/static/tailwind_full.css
index 056cd4014f..b038797050 100644
--- a/frontend/static/tailwind_full.css
+++ b/frontend/static/tailwind_full.css
@@ -1 +1 @@
-/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{--color-surface:255 255 255;--color-surface-secondary:243 244 246;--color-surface-hover:229 231 235;--color-surface-disabled:249 250 251;--color-surface-selected:209 213 219;--color-text-primary:45 55 72;--color-text-secondary:74 85 104;--color-text-tertiary:80 92 112;--color-text-disabled:160 174 192;--color-surface-inverse:46 52 64;--color-surface-secondary-inverse:59 66 82;--color-surface-hover-inverse:69 79 100;--color-surface-disabled-inverse:33 39 50;--color-surface-selected-inverse:67 76 94;--color-text-primary-inverse:238 238 238;--color-text-secondary-inverse:194 201 209;--color-text-tertiary-inverse:168 174 183;--color-text-disabled-inverse:152 157 165;--color-border:221 13 NaN;--color-border-hover:204 12 NaN;--vscode-editorSuggestWidget-background:#f3f3f3;--vscode-editorHoverWidget-foreground:#616161;--vscode-editorHoverWidget-border:#c8c8c8;--vscode-editorHoverWidget-statusBarBackground:#e7e7e7;--vscode-editorSuggestWidget-foreground:#eff;--vscode-editorSuggestWidget-highlightForeground:#80cbc4;--vscode-editorSuggestWidget-selectedBackground:rgba(0,0,0,.31);background-color:rgb(var(--color-surface));color:#2d3748;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}@media (min-width:2500px){html{font-size:1.125rem}}html.\!dark{--color-surface:46 52 64!important;--color-surface-secondary:59 66 82!important;--color-surface-hover:69 79 100!important;--color-surface-disabled:33 39 50!important;--color-surface-selected:67 76 94!important;--color-text-primary:238 238 238!important;--color-text-secondary:194 201 209!important;--color-text-tertiary:168 174 183!important;--color-text-disabled:152 157 165!important;--color-surface-inverse:255 255 255!important;--color-surface-secondary-inverse:243 244 246!important;--color-surface-hover-inverse:229 231 235!important;--color-surface-disabled-inverse:249 250 251!important;--color-surface-selected-inverse:209 213 219!important;--color-text-primary-inverse:45 55 72!important;--color-text-secondary-inverse:74 85 104!important;--color-text-tertiary-inverse:80 92 112!important;--color-text-disabled-inverse:160 174 192!important;--color-border:62 76 96!important;--color-border-hover:62 76 96!important;--vscode-editorSuggestWidget-background:#252526!important;--vscode-editorHoverWidget-foreground:#ccc!important;--vscode-editorHoverWidget-border:#454545!important;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d!important;background-color:#2e3440!important;color:#eee!important}html.dark{--color-surface:46 52 64;--color-surface-secondary:59 66 82;--color-surface-hover:69 79 100;--color-surface-disabled:33 39 50;--color-surface-selected:67 76 94;--color-text-primary:238 238 238;--color-text-secondary:194 201 209;--color-text-tertiary:168 174 183;--color-text-disabled:152 157 165;--color-surface-inverse:255 255 255;--color-surface-secondary-inverse:243 244 246;--color-surface-hover-inverse:229 231 235;--color-surface-disabled-inverse:249 250 251;--color-surface-selected-inverse:209 213 219;--color-text-primary-inverse:45 55 72;--color-text-secondary-inverse:74 85 104;--color-text-tertiary-inverse:80 92 112;--color-text-disabled-inverse:160 174 192;--color-border:62 76 96;--color-border-hover:62 76 96;--vscode-editorSuggestWidget-background:#252526;--vscode-editorHoverWidget-foreground:#ccc;--vscode-editorHoverWidget-border:#454545;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d;background-color:#2e3440;color:#eee}h1{font-size:24px;font-weight:800;line-height:1.05}@media (min-width:1024px){h1{font-size:26px}}@media (min-width:1900px){h1{font-size:29px}}@media (min-width:2500px){h1{font-size:34px}}h2{font-size:20px;font-weight:800;line-height:1.1}@media (min-width:1900px){h2{font-size:22px}}@media (min-width:2500px){h2{font-size:25px}}mark{background-color:#fef08a;border-radius:.125rem}h3{font-size:18px;font-weight:700;line-height:1.2}@media (min-width:1900px){h3{font-size:20px}}@media (min-width:2500px){h3{font-size:22px}}h4{font-size:18px;font-weight:600;line-height:1.3}@media (min-width:2500px){h4{font-size:20px}}h5{font-size:16px;font-weight:600;line-height:1.5}@media (min-width:2500px){h5{font-size:18px}}h6{font-size:16px;font-weight:500;line-height:1.5}@media (min-width:2500px){h6{font-size:18px}}button{font-weight:600}a{color:#3b82f6}.\!dark input::-moz-placeholder{color:#9ca3af!important}.\!dark input::placeholder{color:#9ca3af!important}.dark input::-moz-placeholder{color:#9ca3af}.dark input::placeholder{color:#9ca3af}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.\!dark [type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")!important}.dark [type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}input:not(.windmillapp),input[type=date]:not(.windmillapp),input[type=datetime-local]:not(.windmillapp),input[type=email]:not(.windmillapp),input[type=month]:not(.windmillapp),input[type=number]:not(.windmillapp),input[type=password]:not(.windmillapp),input[type=search]:not(.windmillapp),input[type=tel]:not(.windmillapp),input[type=text]:not(.windmillapp),input[type=time]:not(.windmillapp),input[type=url]:not(.windmillapp),input[type=week]:not(.windmillapp),select:not(.windmillapp),textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:block;font-size:.875rem;padding:.25rem .5rem;width:100%}input:not(.windmillapp):focus,input[type=date]:not(.windmillapp):focus,input[type=datetime-local]:not(.windmillapp):focus,input[type=email]:not(.windmillapp):focus,input[type=month]:not(.windmillapp):focus,input[type=number]:not(.windmillapp):focus,input[type=password]:not(.windmillapp):focus,input[type=search]:not(.windmillapp):focus,input[type=tel]:not(.windmillapp):focus,input[type=text]:not(.windmillapp):focus,input[type=time]:not(.windmillapp):focus,input[type=url]:not(.windmillapp):focus,input[type=week]:not(.windmillapp):focus,select:not(.windmillapp):focus,textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#eaeef4;--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(3px + 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:not(.windmillapp) [disabled],input:not(.windmillapp):disabled,input[type=date]:not(.windmillapp) [disabled],input[type=date]:not(.windmillapp):disabled,input[type=datetime-local]:not(.windmillapp) [disabled],input[type=datetime-local]:not(.windmillapp):disabled,input[type=email]:not(.windmillapp) [disabled],input[type=email]:not(.windmillapp):disabled,input[type=month]:not(.windmillapp) [disabled],input[type=month]:not(.windmillapp):disabled,input[type=number]:not(.windmillapp) [disabled],input[type=number]:not(.windmillapp):disabled,input[type=password]:not(.windmillapp) [disabled],input[type=password]:not(.windmillapp):disabled,input[type=search]:not(.windmillapp) [disabled],input[type=search]:not(.windmillapp):disabled,input[type=tel]:not(.windmillapp) [disabled],input[type=tel]:not(.windmillapp):disabled,input[type=text]:not(.windmillapp) [disabled],input[type=text]:not(.windmillapp):disabled,input[type=time]:not(.windmillapp) [disabled],input[type=time]:not(.windmillapp):disabled,input[type=url]:not(.windmillapp) [disabled],input[type=url]:not(.windmillapp):disabled,input[type=week]:not(.windmillapp) [disabled],input[type=week]:not(.windmillapp):disabled,select:not(.windmillapp) [disabled],select:not(.windmillapp):disabled,textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled{background-color:#f3f4f6!important}.\!dark input:not(.windmillapp) [disabled],.\!dark input:not(.windmillapp):disabled,.\!dark input[type=date]:not(.windmillapp) [disabled],.\!dark input[type=date]:not(.windmillapp):disabled,.\!dark input[type=datetime-local]:not(.windmillapp) [disabled],.\!dark input[type=datetime-local]:not(.windmillapp):disabled,.\!dark input[type=email]:not(.windmillapp) [disabled],.\!dark input[type=email]:not(.windmillapp):disabled,.\!dark input[type=month]:not(.windmillapp) [disabled],.\!dark input[type=month]:not(.windmillapp):disabled,.\!dark input[type=number]:not(.windmillapp) [disabled],.\!dark input[type=number]:not(.windmillapp):disabled,.\!dark input[type=password]:not(.windmillapp) [disabled],.\!dark input[type=password]:not(.windmillapp):disabled,.\!dark input[type=search]:not(.windmillapp) [disabled],.\!dark input[type=search]:not(.windmillapp):disabled,.\!dark input[type=tel]:not(.windmillapp) [disabled],.\!dark input[type=tel]:not(.windmillapp):disabled,.\!dark input[type=text]:not(.windmillapp) [disabled],.\!dark input[type=text]:not(.windmillapp):disabled,.\!dark input[type=time]:not(.windmillapp) [disabled],.\!dark input[type=time]:not(.windmillapp):disabled,.\!dark input[type=url]:not(.windmillapp) [disabled],.\!dark input[type=url]:not(.windmillapp):disabled,.\!dark input[type=week]:not(.windmillapp) [disabled],.\!dark input[type=week]:not(.windmillapp):disabled,.\!dark select:not(.windmillapp) [disabled],.\!dark select:not(.windmillapp):disabled,.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled,.dark input:not(.windmillapp) [disabled],.dark input:not(.windmillapp):disabled,.dark input[type=date]:not(.windmillapp) [disabled],.dark input[type=date]:not(.windmillapp):disabled,.dark input[type=datetime-local]:not(.windmillapp) [disabled],.dark input[type=datetime-local]:not(.windmillapp):disabled,.dark input[type=email]:not(.windmillapp) [disabled],.dark input[type=email]:not(.windmillapp):disabled,.dark input[type=month]:not(.windmillapp) [disabled],.dark input[type=month]:not(.windmillapp):disabled,.dark input[type=number]:not(.windmillapp) [disabled],.dark input[type=number]:not(.windmillapp):disabled,.dark input[type=password]:not(.windmillapp) [disabled],.dark input[type=password]:not(.windmillapp):disabled,.dark input[type=search]:not(.windmillapp) [disabled],.dark input[type=search]:not(.windmillapp):disabled,.dark input[type=tel]:not(.windmillapp) [disabled],.dark input[type=tel]:not(.windmillapp):disabled,.dark input[type=text]:not(.windmillapp) [disabled],.dark input[type=text]:not(.windmillapp):disabled,.dark input[type=time]:not(.windmillapp) [disabled],.dark input[type=time]:not(.windmillapp):disabled,.dark input[type=url]:not(.windmillapp) [disabled],.dark input[type=url]:not(.windmillapp):disabled,.dark input[type=week]:not(.windmillapp) [disabled],.dark input[type=week]:not(.windmillapp):disabled,.dark select:not(.windmillapp) [disabled],.dark select:not(.windmillapp):disabled,.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled{background-color:#374151!important}.dark input:not(.windmillapp),.dark input[type=date]:not(.windmillapp),.dark input[type=datetime-local]:not(.windmillapp),.dark input[type=email]:not(.windmillapp),.dark input[type=month]:not(.windmillapp),.dark input[type=number]:not(.windmillapp),.dark input[type=password]:not(.windmillapp),.dark input[type=search]:not(.windmillapp),.dark input[type=tel]:not(.windmillapp),.dark input[type=text]:not(.windmillapp),.dark input[type=time]:not(.windmillapp),.dark input[type=url]:not(.windmillapp),.dark input[type=week]:not(.windmillapp),.dark select:not(.windmillapp),.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){background-color:#374151;border-color:#4b5563;color:#e5e7eb}.\!dark input:not(.windmillapp),.\!dark input[type=date]:not(.windmillapp),.\!dark input[type=datetime-local]:not(.windmillapp),.\!dark input[type=email]:not(.windmillapp),.\!dark input[type=month]:not(.windmillapp),.\!dark input[type=number]:not(.windmillapp),.\!dark input[type=password]:not(.windmillapp),.\!dark input[type=search]:not(.windmillapp),.\!dark input[type=tel]:not(.windmillapp),.\!dark input[type=text]:not(.windmillapp),.\!dark input[type=time]:not(.windmillapp),.\!dark input[type=url]:not(.windmillapp),.\!dark input[type=week]:not(.windmillapp),.\!dark select:not(.windmillapp),.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){background-color:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.dark input:not(.windmillapp):focus,.dark input[type=date]:not(.windmillapp):focus,.dark input[type=datetime-local]:not(.windmillapp):focus,.dark input[type=email]:not(.windmillapp):focus,.dark input[type=month]:not(.windmillapp):focus,.dark input[type=number]:not(.windmillapp):focus,.dark input[type=password]:not(.windmillapp):focus,.dark input[type=search]:not(.windmillapp):focus,.dark input[type=tel]:not(.windmillapp):focus,.dark input[type=text]:not(.windmillapp):focus,.dark input[type=time]:not(.windmillapp):focus,.dark input[type=url]:not(.windmillapp):focus,.dark input[type=week]:not(.windmillapp):focus,.dark select:not(.windmillapp):focus,.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#364d6e}.\!dark input:not(.windmillapp):focus,.\!dark input[type=date]:not(.windmillapp):focus,.\!dark input[type=datetime-local]:not(.windmillapp):focus,.\!dark input[type=email]:not(.windmillapp):focus,.\!dark input[type=month]:not(.windmillapp):focus,.\!dark input[type=number]:not(.windmillapp):focus,.\!dark input[type=password]:not(.windmillapp):focus,.\!dark input[type=search]:not(.windmillapp):focus,.\!dark input[type=tel]:not(.windmillapp):focus,.\!dark input[type=text]:not(.windmillapp):focus,.\!dark input[type=time]:not(.windmillapp):focus,.\!dark input[type=url]:not(.windmillapp):focus,.\!dark input[type=week]:not(.windmillapp):focus,.\!dark select:not(.windmillapp):focus,.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#364d6e!important}a:disabled,a[disabled=true],button:disabled,button[disabled=true]{cursor:default;opacity:.9;pointer-events:none}pre code.hljs{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem!important;line-height:1rem!important;padding:0!important}.h1-textarea{font-size:24px!important;font-weight:800!important;line-height:1.05!important}@media (min-width:1024px){.h1-textarea{font-size:26px!important}}@media (min-width:1900px){.h1-textarea{font-size:29px!important}}@media (min-width:2500px){.h1-textarea{font-size:34px!important}}.h3-textarea{font-size:18px!important;font-weight:700!important;line-height:1.2!important}@media (min-width:1900px){.h3-textarea{font-size:20px!important}}@media (min-width:2500px){.h3-textarea{font-size:22px!important}}.p-textarea{font-size:16px!important;font-weight:400!important;line-height:1.5!important}@media (min-width:1900px){.p-textarea{font-size:18px!important}}@media (min-width:2500px){.p-textarea{font-size:20px!important}}input,textarea{background-color:rgb(var(--color-surface-secondary)/30%)!important}:is(.dark *),:is(.dark):after,:is(.dark):before{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(var(--color-text-tertiary-inverse)/var(--tw-bg-opacity))}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(var(--color-text-tertiary)/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:3px}@font-face{font-display:swap;font-family:Inter;font-weight:100 900;src:url(/Inter-Variable.woff2) format("woff2")}.\!prose-xs ul{list-style-type:"- "!important;margin-top:.5rem!important;padding-left:1.5rem!important}.prose-xs ul{list-style-type:"- ";margin-top:.5rem;padding-left:1.5rem}.prose ul{list-style-type:"- ";margin-top:1.5rem;padding-left:3rem}.autocomplete-list-item-create{background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))!important}.autocomplete-list-item,.autocomplete-list-item-create{--tw-bg-opacity:1!important;--tw-text-opacity:1!important}.autocomplete-list-item{background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))!important;font-size:.75rem;line-height:1rem}.autocomplete-list-item.\!selected,.autocomplete-list-item.\!selected.confirmed,.autocomplete-list-item.selected,.autocomplete-list-item.selected.confirmed{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))!important}.autocomplete-list{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}@media (min-width:1900px){.\!container{max-width:1900px!important}.container{max-width:1900px}}@media (min-width:2500px){.\!container{max-width:2500px!important}.container{max-width:2500px}}@media (min-width:3800px){.\!container{max-width:3800px!important}.container{max-width:3800px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.8571429em;padding:.1428571em .3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose-sm>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-left:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.6666667em;padding-left:1em;padding-right:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-base{font-size:1rem;line-height:1.75}.prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose-base :where(.prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(.prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose-base :where(.prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(.prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-bottom:1.0909091em;margin-top:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6666667em;margin-top:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;line-height:1;margin-bottom:.8333333em;margin-top:0}.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;line-height:1.3333333;margin-bottom:1.0666667em;margin-top:1.8666667em}.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;line-height:1.5;margin-bottom:.6666667em;margin-top:1.6666667em}.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.7777778em}.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.8888889em;padding:.2222222em .4444444em}.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.8888889em;line-height:1.75;margin-bottom:2em;margin-top:2em;padding:1em 1.5em}.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6666667em;margin-top:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-left:1.5555556em}.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3.1111111em;margin-top:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.75em;padding-left:.75em;padding-right:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-xl{font-size:1.25rem;line-height:1.8}.prose-xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em}.prose-xl :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-bottom:1em;margin-top:1em}.prose-xl :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1.0666667em}.prose-xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.8em;line-height:1;margin-bottom:.8571429em;margin-top:0}.prose-xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.8em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:1.5555556em}.prose-xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:.6666667em;margin-top:1.6em}.prose-xl :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.6;margin-bottom:.6em;margin-top:1.8em}.prose-xl :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-xl :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.9em;padding:.25em .4em}.prose-xl :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-xl :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8611111em}.prose-xl :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-xl :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.5rem;font-size:.9em;line-height:1.7777778;margin-bottom:2em;margin-top:2em;padding:1.1111111em 1.3333333em}.prose-xl :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em;padding-left:1.6em}.prose-xl :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em;padding-left:1.6em}.prose-xl :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6em;margin-top:.6em}.prose-xl :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}.prose-xl :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}.prose-xl :where(.prose-xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(.prose-xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose-xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose-xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose-xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em}.prose-xl :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6em;padding-left:1.6em}.prose-xl :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2.8em;margin-top:2.8em}.prose-xl :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.prose-xl :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.8888889em;padding-left:.6666667em;padding-right:.6666667em}.prose-xl :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-xl :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8888889em .6666667em}.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-xl :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-xl :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.prose-xl :where(.prose-xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose-xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-2xl{font-size:1.5rem;line-height:1.6666667}.prose-2xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-2xl :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-bottom:1.0666667em;margin-top:1.0666667em}.prose-2xl :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em;padding-left:1.1111111em}.prose-2xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;line-height:1;margin-bottom:.875em;margin-top:0}.prose-2xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2em;line-height:1.0833333;margin-bottom:.8333333em;margin-top:1.5em}.prose-2xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.2222222;margin-bottom:.6666667em;margin-top:1.5555556em}.prose-2xl :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.6666667em;margin-top:1.6666667em}.prose-2xl :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-2xl :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.8333333em;padding:.25em .3333333em}.prose-2xl :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em}.prose-2xl :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-2xl :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-2xl :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.5rem;font-size:.8333333em;line-height:1.8;margin-bottom:2em;margin-top:2em;padding:1.2em 1.6em}.prose-2xl :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose-2xl :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(.prose-2xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8333333em;margin-top:.8333333em}.prose-2xl :where(.prose-2xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose-2xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose-2xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose-2xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6666667em;margin-top:.6666667em}.prose-2xl :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-2xl :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.5833333em}.prose-2xl :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.prose-2xl :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.4}.prose-2xl :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.8em;padding-left:.6em;padding-right:.6em}.prose-2xl :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-2xl :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-2xl :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8em .6em}.prose-2xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-2xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-2xl :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-2xl :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}.prose-2xl :where(.prose-2xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose-2xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.table-custom th{color:#111827;font-size:.875rem;font-weight:600;padding:.75rem .25rem;text-align:left;text-transform:capitalize}.\!dark .table-custom th{color:#e5e7eb!important}.dark .table-custom th{color:#e5e7eb}.table-custom td{color:#374151;font-size:.875rem;padding:.5rem .25rem}.\!dark .table-custom td{color:#e5e7eb!important}.dark .table-custom td{color:#e5e7eb}.table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #e5e7eb}.\!dark .table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #374151!important}.dark .table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #374151}.table-custom tbody>tr:hover{background-color:#f9fafb}.\!dark .table-custom tbody>tr:hover{background-color:#1f2937!important}.dark .table-custom tbody>tr:hover{background-color:#1f2937}.input-error{border-color:#ef4444!important}.box{border-radius:.125rem;border-width:1px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1rem}.animate-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#dbeafe;border-radius:.25rem}.splitpanes__pane{background-color:#fff!important;overflow:auto!important}.\!dark .splitpanes__pane,.dark .splitpanes__pane{background-color:#2e3440!important;overflow:auto!important}.splitpanes__splitter{border:none!important}.splitpanes__splitter,.splitpanes__splitter:after{background-color:#ddd!important;margin:0!important}.splitpanes__splitter:after{--splitter-hover-size:5px;--splitter-hover-adjustment:-2px;opacity:0;transform:none!important;transition:opacity .2s!important}.splitpanes__splitter:hover:after{opacity:1;z-index:1001!important}.\!dark .splitpanes__splitter,.\!dark .splitpanes__splitter:after,.dark .splitpanes__splitter,.dark .splitpanes__splitter:after{background-color:#3e4c60!important}.splitpanes--vertical>.splitpanes__splitter{width:1px!important}.splitpanes--vertical>.splitpanes__splitter:before{left:1px!important;margin-left:0!important;width:0!important}.splitpanes--vertical>.splitpanes__splitter:after{height:100%!important;left:var(--splitter-hover-adjustment)!important;top:0!important;width:var(--splitter-hover-size)!important}.splitpanes--horizontal>.splitpanes__splitter{height:1px!important}.splitpanes--horizontal>.splitpanes__splitter:before{height:0!important;margin-top:0!important;top:1px!important}.splitpanes--horizontal>.splitpanes__splitter:after{height:var(--splitter-hover-size)!important;left:0!important;top:var(--splitter-hover-adjustment)!important;width:100%!important}.wm-tab-active{border-color:#3e4c60;color:#2d3748}.\!dark .wm-tab-active{border-color:#ddd!important;color:#eee!important}.dark .wm-tab-active{border-color:#ddd;color:#eee}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\!inset-0{inset:0!important}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.\!right-9{right:2.25rem!important}.-bottom-0{bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-10{bottom:-2.5rem}.-bottom-2{bottom:-.5rem}.-bottom-3{bottom:-.75rem}.-left-10{left:-2.5rem}.-left-2{left:-.5rem}.-left-4{left:-1rem}.-left-\[10px\]{left:-10px}.-left-\[20px\]{left:-20px}.-left-\[8px\]{left:-8px}.-right-0{right:0}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-right-\[10px\]{right:-10px}.-top-0{top:0}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-10{top:-2.5rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.-top-5{top:-1.25rem}.-top-8{top:-2rem}.-top-\[10px\]{top:-10px}.-top-\[11px\]{top:-11px}.-top-\[18px\]{top:-18px}.-top-\[32px\]{top:-32px}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-\[35px\]{bottom:35px}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-36{left:9rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-\[0\.5rem\]{left:.5rem}.left-\[2\.05rem\]{left:2.05rem}.left-\[50\%\]{left:50%}.left-\[60px\]{left:60px}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-12{right:3rem}.right-2{right:.5rem}.right-20{right:5rem}.right-4{right:1rem}.right-8{right:2rem}.right-\[4\.5rem\]{right:4.5rem}.right-\[50\%\]{right:50%}.right-\[60px\]{right:60px}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[-10px\]{top:-10px}.top-\[0\.05rem\]{top:.05rem}.top-\[0\.3rem\]{top:.3rem}.top-\[1\.3rem\]{top:1.3rem}.top-\[35px\]{top:35px}.top-\[50\%\]{top:50%}.top-\[9\.5px\]{top:9.5px}.isolate{isolation:isolate}.\!z-10{z-index:10!important}.-z-0{z-index:0}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.z-\[4999\]{z-index:4999}.z-\[5000\]{z-index:5000}.z-\[5001\]{z-index:5001}.z-\[500\]{z-index:500}.z-\[6000\]{z-index:6000}.z-\[7000\]{z-index:7000}.z-\[900\]{z-index:900}.z-\[901\]{z-index:901}.z-auto{z-index:auto}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.float-right{float:right}.\!m-0{margin:0!important}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-1{margin:.25rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-24{margin:6rem}.m-4{margin:1rem}.m-\[0\.5px\]{margin:.5px}.m-\[1px\]{margin:1px}.m-\[2px\]{margin:2px}.m-\[5px\]{margin:5px}.m-auto{margin:auto}.\!my-0{margin-bottom:0!important;margin-top:0!important}.-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-24{margin-left:6rem;margin-right:6rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-\[1px\]{margin-left:1px;margin-right:1px}.mx-\[3px\]{margin-left:3px;margin-right:3px}.mx-\[5px\]{margin-left:5px;margin-right:5px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.\!ml-0{margin-left:0!important}.\!ml-1{margin-left:.25rem!important}.\!ml-2{margin-left:.5rem!important}.\!ml-4{margin-left:1rem!important}.\!mt-0{margin-top:0!important}.\!mt-2{margin-top:.5rem!important}.-ml-14{margin-left:-3.5rem}.-mr-12{margin-right:-3rem}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-4{margin-top:-1rem}.-mt-6{margin-top:-1.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.table-column{display:table-column}.table-row{display:table-row}.flow-root{display:flow-root}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.\!hidden{display:none!important}.hidden{display:none}.\!h-10{height:2.5rem!important}.\!h-2{height:.5rem!important}.\!h-4{height:1rem!important}.\!h-5{height:1.25rem!important}.\!h-8{height:2rem!important}.\!h-\[24px\]{height:24px!important}.\!h-\[28px\]{height:28px!important}.\!h-\[32px\]{height:32px!important}.\!h-\[34px\]{height:34px!important}.\!h-full{height:100%!important}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[20px\]{height:20px}.h-\[25px\]{height:25px}.h-\[300px\]{height:300px}.h-\[30px\]{height:30px}.h-\[500px\]{height:500px}.h-\[70vh\]{height:70vh}.h-\[calc\(100\%-22px\)\]{height:calc(100% - 22px)}.h-\[calc\(100\%-32px\)\]{height:calc(100% - 32px)}.h-\[calc\(100\%-34px\)\]{height:calc(100% - 34px)}.h-\[calc\(100\%-50px\)\]{height:calc(100% - 50px)}.h-\[calc\(100\%-68px\)\]{height:calc(100% - 68px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.\!max-h-\[400px\]{max-height:400px!important}.\!max-h-\[calc\(100\%-30px\)\]{max-height:calc(100% - 30px)!important}.\!max-h-\[calc\(100\%-43px\)\]{max-height:calc(100% - 43px)!important}.\!max-h-\[calc\(100\%-48px\)\]{max-height:calc(100% - 48px)!important}.max-h-1\/2{max-height:50vh}.max-h-12{max-height:3rem}.max-h-3\/4{max-height:75vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-\[15px\]{max-height:15px}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[34rem\]{max-height:34rem}.max-h-\[512px\]{max-height:512px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80px\]{max-height:80px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.\!min-h-\[30px\]{min-height:30px!important}.\!min-h-\[42px\]{min-height:42px!important}.min-h-0{min-height:0}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[256px\]{min-height:256px}.min-h-\[28px\]{min-height:28px}.min-h-\[30px\]{min-height:30px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[56px\]{min-height:56px}.min-h-\[600px\]{min-height:600px}.min-h-\[60px\]{min-height:60px}.min-h-\[700px\]{min-height:700px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100\%-32px\)\]{min-height:calc(100% - 32px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-1\/4{width:25%!important}.\!w-10{width:2.5rem!important}.\!w-14{width:3.5rem!important}.\!w-16{width:4rem!important}.\!w-2{width:.5rem!important}.\!w-24{width:6rem!important}.\!w-3\/4{width:75%!important}.\!w-32{width:8rem!important}.\!w-36{width:9rem!important}.\!w-4{width:1rem!important}.\!w-40{width:10rem!important}.\!w-48{width:12rem!important}.\!w-64{width:16rem!important}.\!w-80{width:20rem!important}.\!w-\[34px\]{width:34px!important}.\!w-\[38px\]{width:38px!important}.\!w-\[45px\]{width:45px!important}.\!w-\[50px\]{width:50px!important}.\!w-\[70px\]{width:70px!important}.\!w-\[90px\]{width:90px!important}.\!w-auto{width:auto!important}.\!w-full{width:100%!important}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/12{width:25%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/12{width:33.333333%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[120px\]{width:120px}.w-\[20px\]{width:20px}.w-\[25px\]{width:25px}.w-\[27px\]{width:27px}.w-\[40px\]{width:40px}.w-\[42rem\]{width:42rem}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[95\%\]{width:95%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.\!min-w-\[34px\]{min-width:34px!important}.\!min-w-\[96px\]{min-width:96px!important}.min-w-0{min-width:0}.min-w-1\/3{min-width:33%}.min-w-10{min-width:2.5rem}.min-w-24{min-width:6rem}.min-w-3{min-width:.75rem}.min-w-3\.5{min-width:.875rem}.min-w-32{min-width:8rem}.min-w-4{min-width:1rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-96{min-width:24rem}.min-w-\[100px\]{min-width:100px}.min-w-\[150px\]{min-width:150px}.min-w-\[250px\]{min-width:250px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[30\%\]{min-width:30%}.min-w-\[300px\]{min-width:300px}.min-w-\[32px\]{min-width:32px}.min-w-\[400px\]{min-width:400px}.min-w-\[50px\]{min-width:50px}.min-w-\[5rem\]{min-width:5rem}.min-w-\[640px\]{min-width:640px}.min-w-\[710px\]{min-width:710px}.min-w-\[768px\]{min-width:768px}.min-w-full{min-width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.\!max-w-64{max-width:16rem!important}.\!max-w-7xl{max-width:80rem!important}.\!max-w-80{max-width:20rem!important}.\!max-w-\[300px\]{max-width:300px!important}.max-w-24{max-width:6rem}.max-w-28{max-width:7rem}.max-w-2xl{max-width:42rem}.max-w-32{max-width:8rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-52{max-width:13rem}.max-w-5xl{max-width:64rem}.max-w-64{max-width:16rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-\[120px\]{max-width:120px}.max-w-\[125px\]{max-width:125px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[248px\]{max-width:248px}.max-w-\[300px\]{max-width:300px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-\[656px\]{max-width:656px}.max-w-\[calc\(100\%-70px\)\]{max-width:calc(100% - 70px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.max-w-none{max-width:none}.max-w-screen-lg{max-width:1024px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.\!grow-0{flex-grow:0!important}.grow{flex-grow:1}.table-auto{table-layout:auto}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-1,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!rotate-180{--tw-rotate:180deg!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[pulse_5s_ease-in-out_infinite\]{animation:pulse 5s ease-in-out infinite}.animate-\[pulse_5s_linear_infinite\]{animation:pulse 5s linear infinite}.animate-\[spin_15s_linear_infinite\]{animation:spin 15s linear infinite}.animate-\[spin_2s_linear_infinite\]{animation:spin 2s linear infinite}.animate-\[spin_50s_linear_infinite\]{animation:spin 50s linear infinite}.animate-\[spin_5s_linear_infinite\]{animation:spin 5s linear infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}.animate-none{animation:none}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.\!cursor-pointer{cursor:pointer!important}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\!resize-none{resize:none!important}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.\!list-outside{list-style-position:outside!important}.\!list-disc{list-style-type:disc!important}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.\!appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.columns-2{-moz-columns:2;-moz-column-count:2;     column-count:2}.columns-3{-moz-columns:3;-moz-column-count:3;     column-count:3}.columns-4{-moz-columns:4;-moz-column-count:4;     column-count:4}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-end{place-items:end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-0{row-gap:0}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.5rem*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.\!divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))!important}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-blue-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(191 219 254/var(--tw-divide-opacity))}.divide-frost-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(65 95 136/var(--tw-divide-opacity))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(209 213 219/var(--tw-divide-opacity))}.divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.divide-gray-800>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(31 41 55/var(--tw-divide-opacity))}.divide-green-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(21 128 61/var(--tw-divide-opacity))}.divide-marine-500>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(50 63 91/var(--tw-divide-opacity))}.divide-red-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(185 28 28/var(--tw-divide-opacity))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.\!overflow-visible{overflow:visible!important}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:.25rem!important}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:.5rem!important}.\!rounded-md{border-radius:.375rem!important}.\!rounded-none{border-radius:0!important}.\!rounded-sm{border-radius:.125rem!important}.rounded,.rounded-component{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.\!rounded-b-none{border-bottom-right-radius:0!important}.\!rounded-b-none,.\!rounded-l-none{border-bottom-left-radius:0!important}.\!rounded-l-none{border-top-left-radius:0!important}.\!rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.rounded-b{border-bottom-right-radius:.25rem}.rounded-b,.rounded-l{border-bottom-left-radius:.25rem}.rounded-l{border-top-left-radius:.25rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-l-sm{border-bottom-left-radius:.125rem;border-top-left-radius:.125rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-r-sm{border-bottom-right-radius:.125rem;border-top-right-radius:.125rem}.rounded-s{border-end-start-radius:.25rem;border-start-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-y{border-bottom-width:1px;border-top-width:1px}.border-y-0{border-bottom-width:0;border-top-width:0}.\!border-b-0{border-bottom-width:0!important}.\!border-l-0{border-left-width:0!important}.\!border-r{border-right-width:1px!important}.\!border-r-0{border-right-width:0!important}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-blue-500{--tw-border-opacity:1!important;border-color:rgb(59 130 246/var(--tw-border-opacity))!important}.\!border-blue-600{--tw-border-opacity:1!important;border-color:rgb(37 99 235/var(--tw-border-opacity))!important}.\!border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity))!important}.\!border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity))!important}.\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.\!border-red-700{--tw-border-opacity:1!important;border-color:rgb(185 28 28/var(--tw-border-opacity))!important}.border-\[\#99f6e4\]{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-frost-500{--tw-border-opacity:1;border-color:rgb(94 129 172/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-gray-500\/75{border-color:hsla(220,9%,46%,.75)}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-marine-300{--tw-border-opacity:1;border-color:rgb(74 95 138/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 192 137/var(--tw-border-opacity))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.border-orange-600{--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--color-text-primary)/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-600\/60{border-color:rgba(220,38,38,.6)}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.border-secondary-inverse{--tw-border-opacity:1;border-color:rgb(var(--color-text-secondary-inverse)/var(--tw-border-opacity))}.border-surface-hover{--tw-border-opacity:1;border-color:rgb(var(--color-surface-hover)/var(--tw-border-opacity))}.border-tertiary-inverse{--tw-border-opacity:1;border-color:rgb(var(--color-text-tertiary-inverse)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.\!border-opacity-30{--tw-border-opacity:0.3!important}.\!border-opacity-70{--tw-border-opacity:0.7!important}.border-opacity-0{--tw-border-opacity:0}.border-opacity-100{--tw-border-opacity:1}.border-opacity-30{--tw-border-opacity:0.3}.\!bg-blue-400{--tw-bg-opacity:1!important;background-color:rgb(96 165 250/var(--tw-bg-opacity))!important}.\!bg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(239 246 255/var(--tw-bg-opacity))!important}.\!bg-blue-50\/75{background-color:rgba(239,246,255,.75)!important}.\!bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity))!important}.\!bg-surface{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important}.\!bg-surface-disabled{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-disabled)/var(--tw-bg-opacity))!important}.\!bg-surface-secondary{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))!important}.\!bg-transparent{background-color:transparent!important}.bg-\[\#202125\]{--tw-bg-opacity:1;background-color:rgb(32 33 37/var(--tw-bg-opacity))}.bg-\[\#F1F3F5\]{--tw-bg-opacity:1;background-color:rgb(241 243 245/var(--tw-bg-opacity))}.bg-\[\#f0fdfa\]{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity))}.bg-\[\#fff7ed\]{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.bg-blue-400\/50{background-color:rgba(96,165,250,.5)}.bg-blue-400\/90{background-color:rgba(96,165,250,.9)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-50\/50{background-color:rgba(239,246,255,.5)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-500\/90{background-color:rgba(59,130,246,.9)}.bg-frost-400{--tw-bg-opacity:1;background-color:rgb(117 148 187/var(--tw-bg-opacity))}.bg-frost-500{--tw-bg-opacity:1;background-color:rgb(94 129 172/var(--tw-bg-opacity))}.bg-frost-600{--tw-bg-opacity:1;background-color:rgb(65 95 136/var(--tw-bg-opacity))}.bg-frost-700{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-50\/50{background-color:rgba(249,250,251,.5)}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-500\/75{background-color:hsla(220,9%,46%,.75)}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-700\/10{background-color:rgba(55,65,81,.1)}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.bg-indigo-100\/90{background-color:rgba(224,231,255,.9)}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-indigo-500\/90{background-color:rgba(99,102,241,.9)}.bg-indigo-800{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.bg-marine-300{--tw-bg-opacity:1;background-color:rgb(74 95 138/var(--tw-bg-opacity))}.bg-marine-400{--tw-bg-opacity:1;background-color:rgb(57 74 109/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-100\/40{background-color:rgba(255,237,213,.4)}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 192 137/var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-500\/70{background-color:rgba(239,68,68,.7)}.bg-red-500\/90{background-color:rgba(239,68,68,.9)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-surface{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))}.bg-surface-disabled{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-disabled)/var(--tw-bg-opacity))}.bg-surface-disabled\/50{background-color:rgb(var(--color-surface-disabled)/.5)}.bg-surface-hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.bg-surface-inverse{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))}.bg-surface-secondary{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}.bg-surface-secondary-inverse{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary-inverse)/var(--tw-bg-opacity))}.bg-surface-secondary\/30{background-color:rgb(var(--color-surface-secondary)/.3)}.bg-surface-selected{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-selected)/var(--tw-bg-opacity))}.bg-surface\/40{background-color:rgb(var(--color-surface)/.4)}.bg-surface\/60{background-color:rgb(var(--color-surface)/.6)}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-\[radial-gradient\(\#dbdbdb_1px\2c transparent_1px\)\]{background-image:radial-gradient(#dbdbdb 1px,transparent 0)}.fill-current{fill:currentcolor}.fill-primary{fill:rgb(var(--color-text-primary)/1)}.stroke-primary{stroke:rgb(var(--color-text-primary)/1)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-1\.5{padding:.375rem!important}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-0{padding-bottom:0!important;padding-top:0!important}.\!py-0\.5{padding-bottom:.125rem!important;padding-top:.125rem!important}.\!py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.\!py-1\.5{padding-bottom:.375rem!important;padding-top:.375rem!important}.\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[1px\]{padding-bottom:1px;padding-top:1px}.py-\[4px\]{padding-bottom:4px;padding-top:4px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.py-\[9px\]{padding-bottom:9px;padding-top:9px}.\!pl-0{padding-left:0!important}.\!pl-8{padding-left:2rem!important}.\!pr-10{padding-right:2.5rem!important}.\!pr-12{padding-right:3rem!important}.\!pr-6{padding-right:1.5rem!important}.\!pr-8{padding-right:2rem!important}.\!pr-9{padding-right:2.25rem!important}.\!pr-\[26px\]{padding-right:26px!important}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.\!indent-\[3\.5rem\]{text-indent:3.5rem!important}.\!indent-\[8\.8rem\]{text-indent:8.8rem!important}.indent-\[3\.5rem\]{text-indent:3.5rem}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-main{font-family:Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.\!text-2xs{font-size:.7rem!important}.\!text-\[10px\]{font-size:10px!important}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-2xs{font-size:.7rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.6em\]{font-size:.6em}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7em\]{font-size:.7em}.text-\[1\.2em\]{font-size:1.2em}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.\!font-medium{font-weight:500!important}.\!font-normal{font-weight:400!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.tracking-tight{letter-spacing:-.025em}.\!text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity))!important}.\!text-blue-900{--tw-text-opacity:1!important;color:rgb(30 58 138/var(--tw-text-opacity))!important}.\!text-gray-300{--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity))!important}.\!text-primary{--tw-text-opacity:1!important;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))!important}.\!text-red-600{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity))!important}.\!text-secondary{--tw-text-opacity:1!important;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))!important}.\!text-tertiary{--tw-text-opacity:1!important;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))!important}.text-\[\#0007\]{color:#0007}.text-\[\#11181C\]{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.text-\[\#14b8a6\]{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-current{color:currentcolor}.text-disabled{--tw-text-opacity:1;color:rgb(var(--color-text-disabled)/var(--tw-text-opacity))}.text-frost-200{--tw-text-opacity:1;color:rgb(207 217 232/var(--tw-text-opacity))}.text-frost-500{--tw-text-opacity:1;color:rgb(94 129 172/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.text-marine-50{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}.text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-orange-700,.text-orange-800{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}.text-primary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.text-secondary\/80{color:rgb(var(--color-text-secondary)/.8)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-tertiary{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))}.text-tertiary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary-inverse)/var(--tw-text-opacity))}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.text-opacity-70{--tw-text-opacity:0.7}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-gray-400{text-decoration-color:#9ca3af}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\!opacity-0{opacity:0!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.\!shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.\!shadow-md,.\!shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-\[1px\]{outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-1{outline-offset:1px}.outline-offset-2{outline-offset:2px}.outline-black{outline-color:#000}.outline-blue-500{outline-color:#3b82f6}.outline-blue-600{outline-color:#2563eb}.outline-gray-300{outline-color:#d1d5db}.outline-gray-600{outline-color:#4b5563}.outline-gray-700{outline-color:#374151}.outline-indigo-500{outline-color:#6366f1}.outline-indigo-600{outline-color:#4f46e5}.outline-orange-600{outline-color:#ea580c}.outline-slate-500{outline-color:#64748b}.outline-slate-900{outline-color:#0f172a}.outline-surface-secondary{outline-color:rgb(var(--color-surface-secondary)/1)}.\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.\!ring-frost-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(234 238 244/var(--tw-ring-opacity))!important}.\!ring-gray-300{--tw-ring-opacity:1!important;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))!important}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.\!ring-offset-0{--tw-ring-offset-width:0px!important}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-none{transition-property:none!important}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-1000{transition-delay:1s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.duration-\[25ms\]{transition-duration:25ms}.duration-\[400ms\]{transition-duration:.4s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.separator{background-color:#ddd!important}.\!dark .separator,.dark .separator{background-color:#3e4c60!important}.center-center{align-items:center;display:flex;justify-content:center}.\!dark .inner-border{box-shadow:inset 0 0 0 1px #3e4c60!important}.dark .inner-border{box-shadow:inset 0 0 0 1px #3e4c60}.z5000{z-index:5000!important}.ellipsize{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!disabled{cursor:default!important;filter:grayscale(1)!important;pointer-events:none!important}.disabled{cursor:default;filter:grayscale(1);pointer-events:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none;width:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.\[animation-delay\:1000ms\]{animation-delay:1s}.\[background-size\:16px_16px\]{background-size:16px 16px}.splitpanes--horizontal>.splitpanes__pane,.splitpanes--vertical>.splitpanes__pane{transition:none!important}.monaco-workbench>.notifications-toasts.visible{display:none!important}.monaco-editor .suggest-widget{z-index:10001!important}svelte-virtual-list-row{overflow:visible!important}svelte-virtual-list-contents>*+*{border-bottom-width:0!important;border-top-width:1px!important}.monaco-editor textarea:focus{box-shadow:none!important}.component-wrapper{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;overflow:hidden}:is(.dark .component-wrapper){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.app-editor-input{border-radius:.25rem;border-width:1px}.app-editor-input,.app-editor-input:focus{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.app-editor-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}:is(.dark .app-editor-input){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}:is(.dark .app-editor-input):focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.app-editor-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.app-editor-input::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .app-editor-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .app-editor-input)::placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))}.app-editor-input:disabled{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input:disabled::placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.nonmain-editor .cursor.monaco-mouse-cursor-text{width:1px!important}.bg-locked{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,50%,.2),hsla(0,0%,50%,.2) 10px,hsla(0,0%,75%,.2) 0,hsla(0,0%,75%,.2) 20px)}.bg-locked-hover{background-image:repeating-linear-gradient(-45deg,rgba(255,99,71,.2),rgba(255,99,71,.2) 10px,rgba(255,69,58,.2),rgba(255,69,58,.2) 20px)}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.placeholder\:text-secondary::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.placeholder\:text-secondary::placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.after\:bg-surface:after{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.first-of-type\:rounded-t-md:first-of-type{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.first-of-type\:\!border-t-0:first-of-type{border-top-width:0!important}.last-of-type\:rounded-b-md:last-of-type{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.focus-within\:border-blue-300:focus-within{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus-within\:border-blue-500:focus-within{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.focus-within\:bg-blue-50:focus-within{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:\!visible:hover{visibility:visible!important}.hover\:z-50:hover{z-index:50}.hover\:animate-none:hover{animation:none}.hover\:divide-blue-300:hover>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(147 197 253/var(--tw-divide-opacity))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:border-frost-700:hover{--tw-border-opacity:1;border-color:rgb(54 77 110/var(--tw-border-opacity))}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.hover\:border-green-700:hover{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.hover\:border-marine-500:hover{--tw-border-opacity:1;border-color:rgb(50 63 91/var(--tw-border-opacity))}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.hover\:border-red-700:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--color-text-secondary)/var(--tw-border-opacity))}.hover\:border-opacity-100:hover{--tw-border-opacity:1}.hover\:\!bg-surface-hover:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))!important}.hover\:bg-\[\#2A3648\]:hover{--tw-bg-opacity:1;background-color:rgb(42 54 72/var(--tw-bg-opacity))}.hover\:bg-\[\#30404e\]:hover{--tw-bg-opacity:1;background-color:rgb(48 64 78/var(--tw-bg-opacity))}.hover\:bg-\[\#E6E8EB\]:hover{--tw-bg-opacity:1;background-color:rgb(230 232 235/var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-frost-100:hover{--tw-bg-opacity:1;background-color:rgb(234 238 244/var(--tw-bg-opacity))}.hover\:bg-frost-500:hover{--tw-bg-opacity:1;background-color:rgb(94 129 172/var(--tw-bg-opacity))}.hover\:bg-frost-700:hover{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-200\/90:hover{background-color:rgba(229,231,235,.9)}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-gray-300\/20:hover{background-color:rgba(209,213,219,.2)}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-indigo-300:hover{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-marine-200:hover{--tw-bg-opacity:1;background-color:rgb(88 111 158/var(--tw-bg-opacity))}.hover\:bg-marine-500:hover{--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.hover\:bg-surface-hover:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.hover\:bg-surface-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.hover\:\!text-gray-600:hover{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity))!important}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.hover\:text-frost-700:hover{--tw-text-opacity:1;color:rgb(54 77 110/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.hover\:text-indigo-200:hover{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.hover\:text-marine-50:hover{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.hover\:text-tertiary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:outline:hover{outline-style:solid}.hover\:ring-1:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-indigo-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity))}.hover\:transition-all:hover{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:delay-0:hover{transition-delay:0s}.focus\:\!border-red-700:focus{--tw-border-opacity:1!important;border-color:rgb(185 28 28/var(--tw-border-opacity))!important}.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(var(--color-text-primary)/var(--tw-border-opacity))}.focus\:border-red-700:focus{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.focus\:\!border-opacity-30:focus{--tw-border-opacity:0.3!important}.focus\:border-opacity-30:focus{--tw-border-opacity:0.3}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus\:bg-gray-600:focus{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.focus\:bg-indigo-500:focus{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-frost-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(65 95 136/var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus\:ring-surface-selected:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected)/var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus-visible\:border-frost-700:focus-visible{--tw-border-opacity:1;border-color:rgb(54 77 110/var(--tw-border-opacity))}.focus-visible\:border-gray-700:focus-visible{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.focus-visible\:border-marine-500:focus-visible{--tw-border-opacity:1;border-color:rgb(50 63 91/var(--tw-border-opacity))}.focus-visible\:border-red-700:focus-visible{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.focus-visible\:bg-frost-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(234 238 244/var(--tw-bg-opacity))}.focus-visible\:bg-frost-700:focus-visible{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.focus-visible\:bg-gray-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus-visible\:bg-gray-700:focus-visible{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.focus-visible\:bg-marine-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(133 154 199/var(--tw-bg-opacity))}.focus-visible\:bg-marine-500:focus-visible{--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}.focus-visible\:bg-surface-hover:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.focus-visible\:bg-surface-hover-inverse:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover-inverse)/var(--tw-bg-opacity))}.focus-visible\:text-frost-700:focus-visible{--tw-text-opacity:1;color:rgb(54 77 110/var(--tw-text-opacity))}.focus-visible\:text-gray-700:focus-visible{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.focus-visible\:text-marine-300:focus-visible{--tw-text-opacity:1;color:rgb(74 95 138/var(--tw-text-opacity))}.focus-visible\:text-secondary:focus-visible{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-frost-600:focus-visible{outline-color:#415f88}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-frost-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(166 186 211/var(--tw-ring-opacity))}.focus-visible\:ring-gray-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.focus-visible\:ring-green-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity))}.focus-visible\:ring-marine-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(88 111 158/var(--tw-ring-opacity))}.focus-visible\:ring-red-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity))}.focus-visible\:ring-red-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity))}.focus-visible\:ring-surface-selected:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected)/var(--tw-ring-opacity))}.focus-visible\:ring-surface-selected-inverse:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected-inverse)/var(--tw-ring-opacity))}.focus-visible\:ring-opacity-25:focus-visible{--tw-ring-opacity:0.25}.active\:opacity-80:active{opacity:.8}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:text-primary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-secondary-inverse)/var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}:is(.dark .dark\:divide-gray-200)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}:is(.dark .dark\:divide-gray-600)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}:is(.dark .dark\:divide-gray-700)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}:is(.dark .dark\:\!border-gray-600){--tw-border-opacity:1!important;border-color:rgb(75 85 99/var(--tw-border-opacity))!important}:is(.dark .dark\:border-blue-500\/70){border-color:rgba(59,130,246,.7)}:is(.dark .dark\:border-blue-700\/40){border-color:rgba(29,78,216,.4)}:is(.dark .dark\:border-blue-900){--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity))}:is(.dark .dark\:border-frost-300){--tw-border-opacity:1;border-color:rgb(166 186 211/var(--tw-border-opacity))}:is(.dark .dark\:border-frost-600){--tw-border-opacity:1;border-color:rgb(65 95 136/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-100){--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-300){--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-400){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-500){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-900){--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}:is(.dark .dark\:border-green-400\/90){border-color:rgba(74,222,128,.9)}:is(.dark .dark\:border-green-700\/40){border-color:rgba(21,128,61,.4)}:is(.dark .dark\:border-marine-200){--tw-border-opacity:1;border-color:rgb(88 111 158/var(--tw-border-opacity))}:is(.dark .dark\:border-orange-400\/70){border-color:rgba(251,146,60,.7)}:is(.dark .dark\:border-red-400\/70){border-color:hsla(0,91%,71%,.7)}:is(.dark .dark\:border-red-400\/90){border-color:hsla(0,91%,71%,.9)}:is(.dark .dark\:border-red-700\/40){border-color:rgba(185,28,28,.4)}:is(.dark .dark\:border-teal-600\/70){border-color:rgba(13,148,136,.7)}:is(.dark .dark\:border-yellow-700\/40){border-color:rgba(161,98,7,.4)}:is(.dark .dark\:\!bg-frost-900){--tw-bg-opacity:1!important;background-color:rgb(43 57 79/var(--tw-bg-opacity))!important}:is(.dark .dark\:\!bg-frost-900\/75){background-color:rgba(43,57,79,.75)!important}:is(.dark .dark\:\!bg-gray-700){--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity))!important}:is(.dark .dark\:bg-\[\#1C1C1C\]){--tw-bg-opacity:1;background-color:rgb(28 28 28/var(--tw-bg-opacity))}:is(.dark .dark\:bg-\[\#1e232e\]){--tw-bg-opacity:1;background-color:rgb(30 35 46/var(--tw-bg-opacity))}:is(.dark .dark\:bg-\[\#272D38\]){--tw-bg-opacity:1;background-color:rgb(39 45 56/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-200){--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-400){--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-500){--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-800){--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-800\/20){background-color:rgba(30,64,175,.2)}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-900\/40){background-color:rgba(30,58,138,.4)}:is(.dark .dark\:bg-blue-900\/50){background-color:rgba(30,58,138,.5)}:is(.dark .dark\:bg-frost-500\/90){background-color:rgba(94,129,172,.9)}:is(.dark .dark\:bg-frost-700){--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}:is(.dark .dark\:bg-frost-800){--tw-bg-opacity:1;background-color:rgb(47 66 93/var(--tw-bg-opacity))}:is(.dark .dark\:bg-frost-900\/50){background-color:rgba(43,57,79,.5)}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-200){--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-700){--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-700\/90){background-color:rgba(21,128,61,.9)}:is(.dark .dark\:bg-green-900\/40){background-color:rgba(20,83,45,.4)}:is(.dark .dark\:bg-indigo-200){--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}:is(.dark .dark\:bg-indigo-700\/50){background-color:rgba(67,56,202,.5)}:is(.dark .dark\:bg-marine-200){--tw-bg-opacity:1;background-color:rgb(88 111 158/var(--tw-bg-opacity))}:is(.dark .dark\:bg-marine-50){--tw-bg-opacity:1;background-color:rgb(233 233 244/var(--tw-bg-opacity))}:is(.dark .dark\:bg-orange-100){--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}:is(.dark .dark\:bg-orange-800\/20){background-color:rgba(194,65,12,.2)}:is(.dark .dark\:bg-red-200){--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-700){--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-700\/90){background-color:rgba(185,28,28,.9)}:is(.dark .dark\:bg-red-800\/50){background-color:rgba(153,27,27,.5)}:is(.dark .dark\:bg-red-900\/40){background-color:rgba(127,29,29,.4)}:is(.dark .dark\:bg-surface-secondary){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}:is(.dark .dark\:bg-surface-selected){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-selected)/var(--tw-bg-opacity))}:is(.dark .dark\:bg-teal-800\/20){background-color:rgba(17,94,89,.2)}:is(.dark .dark\:bg-transparent){background-color:transparent}:is(.dark .dark\:bg-white\/5){background-color:hsla(0,0%,100%,.05)}:is(.dark .dark\:bg-yellow-100){--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-200){--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-900\/40){background-color:rgba(113,63,18,.4)}:is(.dark .dark\:bg-opacity-75){--tw-bg-opacity:0.75}:is(.dark .dark\:bg-\[radial-gradient\(\#666666_1px\2c transparent_1px\)\]){background-image:radial-gradient(#666 1px,transparent 0)}:is(.dark .dark\:\!text-gray-300){--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity))!important}:is(.dark .dark\:\!text-red-400){--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity))!important}:is(.dark .dark\:text-\[\#EDEDED\]){--tw-text-opacity:1;color:rgb(237 237 237/var(--tw-text-opacity))}:is(.dark .dark\:text-\[\#ffffff56\]){color:#ffffff56}:is(.dark .dark\:text-blue-100){--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-200){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-300){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-800){--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}:is(.dark .dark\:text-frost-100){--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .dark\:text-frost-300){--tw-text-opacity:1;color:rgb(166 186 211/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-50){--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-900){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}:is(.dark .dark\:text-green-100\/90){color:rgba(220,252,231,.9)}:is(.dark .dark\:text-green-300\/90){color:rgba(134,239,172,.9)}:is(.dark .dark\:text-green-400){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:is(.dark .dark\:text-green-800){--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}:is(.dark .dark\:text-green-900){--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}:is(.dark .dark\:text-indigo-400){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}:is(.dark .dark\:text-indigo-900){--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}:is(.dark .dark\:text-marine-50){--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .dark\:text-orange-500){--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}:is(.dark .dark\:text-primary){--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}:is(.dark .dark\:text-primary-inverse){--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}:is(.dark .dark\:text-red-100\/90){color:hsla(0,93%,94%,.9)}:is(.dark .dark\:text-red-200){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}:is(.dark .dark\:text-red-300\/90){color:hsla(0,94%,82%,.9)}:is(.dark .dark\:text-red-400){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}:is(.dark .dark\:text-red-500){--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}:is(.dark .dark\:text-red-900){--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}:is(.dark .dark\:text-secondary){--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}:is(.dark .dark\:text-violet-400){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-100\/90){color:hsla(55,97%,88%,.9)}:is(.dark .dark\:text-yellow-300\/90){color:rgba(253,224,71,.9)}:is(.dark .dark\:text-yellow-500){--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-800){--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-900){--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity))}:is(.dark .dark\:shadow-gray-700){--tw-shadow-color:#374151;--tw-shadow:var(--tw-shadow-colored)}:is(.dark .dark\:outline-gray-400){outline-color:#9ca3af}:is(.dark .dark\:outline-gray-500){outline-color:#6b7280}:is(.dark .dark\:outline-slate-800\/60){outline-color:rgba(30,41,59,.6)}:is(.dark .dark\:outline-slate-900\/0){outline-color:rgba(15,23,42,0)}:is(.dark .dark\:invert){--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.dark .dark\:hover\:divide-gray-700:hover)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}:is(.dark .dark\:hover\:border-frost-400:hover){--tw-border-opacity:1;border-color:rgb(117 148 187/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-gray-400:hover){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-marine-400:hover){--tw-border-opacity:1;border-color:rgb(57 74 109/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-red-300:hover){--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-red-400:hover){--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}:is(.dark .dark\:hover\:bg-black:hover){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-blue-100\/10:hover){background-color:rgba(219,234,254,.1)}:is(.dark .dark\:hover\:bg-blue-300:hover){--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-blue-900:hover){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-frost-600\/90:hover){background-color:rgba(65,95,136,.9)}:is(.dark .dark\:hover\:bg-frost-900:hover){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-frost-900\/50:hover){background-color:rgba(43,57,79,.5)}:is(.dark .dark\:hover\:bg-gray-300:hover){--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-900:hover){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-300:hover){--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-700:hover){--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-800:hover){--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-indigo-300:hover){--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-marine-400:hover){--tw-bg-opacity:1;background-color:rgb(57 74 109/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-marine-50\/70:hover){background-color:rgba(233,233,244,.7)}:is(.dark .dark\:hover\:bg-orange-300:hover){--tw-bg-opacity:1;background-color:rgb(253 192 137/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-red-300:hover){--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-red-500\/60:hover){background-color:rgba(239,68,68,.6)}:is(.dark .dark\:hover\:bg-red-900:hover){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-surface-hover:hover){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-yellow-300:hover){--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}:is(.dark .hover\:dark\:bg-gray-900):hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:\!text-gray-200:hover){--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity))!important}:is(.dark .dark\:hover\:text-frost-100:hover){--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-frost-400:hover){--tw-text-opacity:1;color:rgb(117 148 187/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-gray-400:hover){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-indigo-300:hover){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-marine-50:hover){--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-red-100:hover){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}:is(.dark .dark\:focus\:bg-frost-900:focus){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-frost-900:focus-visible){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-gray-900:focus-visible){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-marine-500:focus-visible){--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}:is(.dark .focus-visible\:dark\:text-frost-100):focus-visible{--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .focus-visible\:dark\:text-gray-100):focus-visible{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}:is(.dark .focus-visible\:dark\:text-marine-50):focus-visible{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-secondary){--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}:is(.dark .peer:checked~.dark\:peer-checked\:bg-blue-500){--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:mr-0{margin-right:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:w-full{width:100%}.sm\:max-w-5xl{max-width:64rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-xl{max-width:36rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:gap-10{gap:2.5rem}.sm\:gap-4{gap:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-6{padding:1.5rem}.sm\:\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:pl-3{padding-left:.75rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-3{padding-right:.75rem}.sm\:pr-6{padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:w-12{width:3rem}.md\:w-40{width:10rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:gap-2{gap:.5rem}.md\:gap-40{gap:10rem}.md\:border{border-width:1px}.md\:\!px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-2{padding-bottom:.5rem}.md\:pl-12{padding-left:3rem}.md\:pl-40{padding-left:10rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:min-w-64{min-width:16rem}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:mt-0{margin-top:0}.xl\:inline{display:inline}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:flex-row{flex-direction:row}.\32xl\:gap-1{gap:.25rem}}@media (min-width:2500px){.qhd\:m-\[1\.125px\]{margin:1.125px}.qhd\:m-\[1px\]{margin:1px}.qhd\:m-\[2\.25px\]{margin:2.25px}.qhd\:m-\[5\.625px\]{margin:5.625px}.qhd\:\!h-\[38px\]{height:38px!important}}
\ No newline at end of file
+/*! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com*/*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{color:#9ca3af}input::-moz-placeholder, textarea::-moz-placeholder{color:#9ca3af}input::placeholder,textarea::placeholder{color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]{display:none}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],input:where(:not([type])),select,textarea{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,input:where(:not([type])):focus,select:focus,textarea:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);border-color:#2563eb;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::-moz-placeholder, textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-meridiem-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-year-field{padding-bottom:0;padding-top:0}select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{--tw-shadow:0 0 #0000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}[type=checkbox]:checked,[type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}@media (forced-colors:active) {[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{background-color:currentColor;border-color:transparent}[type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}@media (forced-colors:active) {[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}[type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}html{--color-surface:255 255 255;--color-surface-secondary:243 244 246;--color-surface-hover:229 231 235;--color-surface-disabled:249 250 251;--color-surface-selected:209 213 219;--color-text-primary:45 55 72;--color-text-secondary:74 85 104;--color-text-tertiary:80 92 112;--color-text-disabled:160 174 192;--color-surface-inverse:46 52 64;--color-surface-secondary-inverse:59 66 82;--color-surface-hover-inverse:69 79 100;--color-surface-disabled-inverse:33 39 50;--color-surface-selected-inverse:67 76 94;--color-text-primary-inverse:238 238 238;--color-text-secondary-inverse:194 201 209;--color-text-tertiary-inverse:168 174 183;--color-text-disabled-inverse:152 157 165;--color-border:221 13 NaN;--color-border-hover:204 12 NaN;--vscode-editorSuggestWidget-background:#f3f3f3;--vscode-editorHoverWidget-foreground:#616161;--vscode-editorHoverWidget-border:#c8c8c8;--vscode-editorHoverWidget-statusBarBackground:#e7e7e7;--vscode-editorSuggestWidget-foreground:#eff;--vscode-editorSuggestWidget-highlightForeground:#80cbc4;--vscode-editorSuggestWidget-selectedBackground:rgba(0,0,0,.31);background-color:rgb(var(--color-surface));color:#2d3748;font-family:Inter,sans-serif;font-size:1rem;font-weight:400}@media (min-width:2500px){html{font-size:1.125rem}}html.\!dark{--color-surface:46 52 64!important;--color-surface-secondary:59 66 82!important;--color-surface-hover:69 79 100!important;--color-surface-disabled:33 39 50!important;--color-surface-selected:67 76 94!important;--color-text-primary:238 238 238!important;--color-text-secondary:194 201 209!important;--color-text-tertiary:168 174 183!important;--color-text-disabled:152 157 165!important;--color-surface-inverse:255 255 255!important;--color-surface-secondary-inverse:243 244 246!important;--color-surface-hover-inverse:229 231 235!important;--color-surface-disabled-inverse:249 250 251!important;--color-surface-selected-inverse:209 213 219!important;--color-text-primary-inverse:45 55 72!important;--color-text-secondary-inverse:74 85 104!important;--color-text-tertiary-inverse:80 92 112!important;--color-text-disabled-inverse:160 174 192!important;--color-border:62 76 96!important;--color-border-hover:62 76 96!important;--vscode-editorSuggestWidget-background:#252526!important;--vscode-editorHoverWidget-foreground:#ccc!important;--vscode-editorHoverWidget-border:#454545!important;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d!important;background-color:#2e3440!important;color:#eee!important}html.dark{--color-surface:46 52 64;--color-surface-secondary:59 66 82;--color-surface-hover:69 79 100;--color-surface-disabled:33 39 50;--color-surface-selected:67 76 94;--color-text-primary:238 238 238;--color-text-secondary:194 201 209;--color-text-tertiary:168 174 183;--color-text-disabled:152 157 165;--color-surface-inverse:255 255 255;--color-surface-secondary-inverse:243 244 246;--color-surface-hover-inverse:229 231 235;--color-surface-disabled-inverse:249 250 251;--color-surface-selected-inverse:209 213 219;--color-text-primary-inverse:45 55 72;--color-text-secondary-inverse:74 85 104;--color-text-tertiary-inverse:80 92 112;--color-text-disabled-inverse:160 174 192;--color-border:62 76 96;--color-border-hover:62 76 96;--vscode-editorSuggestWidget-background:#252526;--vscode-editorHoverWidget-foreground:#ccc;--vscode-editorHoverWidget-border:#454545;--vscode-editorHoverWidget-statusBarBackground:#2c2c2d;background-color:#2e3440;color:#eee}h1{font-size:24px;font-weight:800;line-height:1.05}@media (min-width:1024px){h1{font-size:26px}}@media (min-width:1900px){h1{font-size:29px}}@media (min-width:2500px){h1{font-size:34px}}h2{font-size:20px;font-weight:800;line-height:1.1}@media (min-width:1900px){h2{font-size:22px}}@media (min-width:2500px){h2{font-size:25px}}mark{background-color:#fef08a;border-radius:.125rem}h3{font-size:18px;font-weight:700;line-height:1.2}@media (min-width:1900px){h3{font-size:20px}}@media (min-width:2500px){h3{font-size:22px}}h4{font-size:18px;font-weight:600;line-height:1.3}@media (min-width:2500px){h4{font-size:20px}}h5{font-size:16px;font-weight:600;line-height:1.5}@media (min-width:2500px){h5{font-size:18px}}h6{font-size:16px;font-weight:500;line-height:1.5}@media (min-width:2500px){h6{font-size:18px}}button{font-weight:600}a{color:#3b82f6}.\!dark input::-moz-placeholder{color:#9ca3af!important}.\!dark input::placeholder{color:#9ca3af!important}.dark input::-moz-placeholder{color:#9ca3af}.dark input::placeholder{color:#9ca3af}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}.\!dark [type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")!important}.dark [type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")}input:not(.windmillapp),input[type=date]:not(.windmillapp),input[type=datetime-local]:not(.windmillapp),input[type=email]:not(.windmillapp),input[type=month]:not(.windmillapp),input[type=number]:not(.windmillapp),input[type=password]:not(.windmillapp),input[type=search]:not(.windmillapp),input[type=tel]:not(.windmillapp),input[type=text]:not(.windmillapp),input[type=time]:not(.windmillapp),input[type=url]:not(.windmillapp),input[type=week]:not(.windmillapp),select:not(.windmillapp),textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){border:1px solid #d1d5db;border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:block;font-size:.875rem;padding:.25rem .5rem;width:100%}input:not(.windmillapp):focus,input[type=date]:not(.windmillapp):focus,input[type=datetime-local]:not(.windmillapp):focus,input[type=email]:not(.windmillapp):focus,input[type=month]:not(.windmillapp):focus,input[type=number]:not(.windmillapp):focus,input[type=password]:not(.windmillapp):focus,input[type=search]:not(.windmillapp):focus,input[type=tel]:not(.windmillapp):focus,input[type=text]:not(.windmillapp):focus,input[type=time]:not(.windmillapp):focus,input[type=url]:not(.windmillapp):focus,input[type=week]:not(.windmillapp):focus,select:not(.windmillapp):focus,textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#eaeef4;--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(3px + 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:not(.windmillapp) [disabled],input:not(.windmillapp):disabled,input[type=date]:not(.windmillapp) [disabled],input[type=date]:not(.windmillapp):disabled,input[type=datetime-local]:not(.windmillapp) [disabled],input[type=datetime-local]:not(.windmillapp):disabled,input[type=email]:not(.windmillapp) [disabled],input[type=email]:not(.windmillapp):disabled,input[type=month]:not(.windmillapp) [disabled],input[type=month]:not(.windmillapp):disabled,input[type=number]:not(.windmillapp) [disabled],input[type=number]:not(.windmillapp):disabled,input[type=password]:not(.windmillapp) [disabled],input[type=password]:not(.windmillapp):disabled,input[type=search]:not(.windmillapp) [disabled],input[type=search]:not(.windmillapp):disabled,input[type=tel]:not(.windmillapp) [disabled],input[type=tel]:not(.windmillapp):disabled,input[type=text]:not(.windmillapp) [disabled],input[type=text]:not(.windmillapp):disabled,input[type=time]:not(.windmillapp) [disabled],input[type=time]:not(.windmillapp):disabled,input[type=url]:not(.windmillapp) [disabled],input[type=url]:not(.windmillapp):disabled,input[type=week]:not(.windmillapp) [disabled],input[type=week]:not(.windmillapp):disabled,select:not(.windmillapp) [disabled],select:not(.windmillapp):disabled,textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled{background-color:#f3f4f6!important}.\!dark input:not(.windmillapp) [disabled],.\!dark input:not(.windmillapp):disabled,.\!dark input[type=date]:not(.windmillapp) [disabled],.\!dark input[type=date]:not(.windmillapp):disabled,.\!dark input[type=datetime-local]:not(.windmillapp) [disabled],.\!dark input[type=datetime-local]:not(.windmillapp):disabled,.\!dark input[type=email]:not(.windmillapp) [disabled],.\!dark input[type=email]:not(.windmillapp):disabled,.\!dark input[type=month]:not(.windmillapp) [disabled],.\!dark input[type=month]:not(.windmillapp):disabled,.\!dark input[type=number]:not(.windmillapp) [disabled],.\!dark input[type=number]:not(.windmillapp):disabled,.\!dark input[type=password]:not(.windmillapp) [disabled],.\!dark input[type=password]:not(.windmillapp):disabled,.\!dark input[type=search]:not(.windmillapp) [disabled],.\!dark input[type=search]:not(.windmillapp):disabled,.\!dark input[type=tel]:not(.windmillapp) [disabled],.\!dark input[type=tel]:not(.windmillapp):disabled,.\!dark input[type=text]:not(.windmillapp) [disabled],.\!dark input[type=text]:not(.windmillapp):disabled,.\!dark input[type=time]:not(.windmillapp) [disabled],.\!dark input[type=time]:not(.windmillapp):disabled,.\!dark input[type=url]:not(.windmillapp) [disabled],.\!dark input[type=url]:not(.windmillapp):disabled,.\!dark input[type=week]:not(.windmillapp) [disabled],.\!dark input[type=week]:not(.windmillapp):disabled,.\!dark select:not(.windmillapp) [disabled],.\!dark select:not(.windmillapp):disabled,.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled,.dark input:not(.windmillapp) [disabled],.dark input:not(.windmillapp):disabled,.dark input[type=date]:not(.windmillapp) [disabled],.dark input[type=date]:not(.windmillapp):disabled,.dark input[type=datetime-local]:not(.windmillapp) [disabled],.dark input[type=datetime-local]:not(.windmillapp):disabled,.dark input[type=email]:not(.windmillapp) [disabled],.dark input[type=email]:not(.windmillapp):disabled,.dark input[type=month]:not(.windmillapp) [disabled],.dark input[type=month]:not(.windmillapp):disabled,.dark input[type=number]:not(.windmillapp) [disabled],.dark input[type=number]:not(.windmillapp):disabled,.dark input[type=password]:not(.windmillapp) [disabled],.dark input[type=password]:not(.windmillapp):disabled,.dark input[type=search]:not(.windmillapp) [disabled],.dark input[type=search]:not(.windmillapp):disabled,.dark input[type=tel]:not(.windmillapp) [disabled],.dark input[type=tel]:not(.windmillapp):disabled,.dark input[type=text]:not(.windmillapp) [disabled],.dark input[type=text]:not(.windmillapp):disabled,.dark input[type=time]:not(.windmillapp) [disabled],.dark input[type=time]:not(.windmillapp):disabled,.dark input[type=url]:not(.windmillapp) [disabled],.dark input[type=url]:not(.windmillapp):disabled,.dark input[type=week]:not(.windmillapp) [disabled],.dark input[type=week]:not(.windmillapp):disabled,.dark select:not(.windmillapp) [disabled],.dark select:not(.windmillapp):disabled,.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text) [disabled],.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):disabled{background-color:#374151!important}.dark input:not(.windmillapp),.dark input[type=date]:not(.windmillapp),.dark input[type=datetime-local]:not(.windmillapp),.dark input[type=email]:not(.windmillapp),.dark input[type=month]:not(.windmillapp),.dark input[type=number]:not(.windmillapp),.dark input[type=password]:not(.windmillapp),.dark input[type=search]:not(.windmillapp),.dark input[type=tel]:not(.windmillapp),.dark input[type=text]:not(.windmillapp),.dark input[type=time]:not(.windmillapp),.dark input[type=url]:not(.windmillapp),.dark input[type=week]:not(.windmillapp),.dark select:not(.windmillapp),.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){background-color:#374151;border-color:#4b5563;color:#e5e7eb}.\!dark input:not(.windmillapp),.\!dark input[type=date]:not(.windmillapp),.\!dark input[type=datetime-local]:not(.windmillapp),.\!dark input[type=email]:not(.windmillapp),.\!dark input[type=month]:not(.windmillapp),.\!dark input[type=number]:not(.windmillapp),.\!dark input[type=password]:not(.windmillapp),.\!dark input[type=search]:not(.windmillapp),.\!dark input[type=tel]:not(.windmillapp),.\!dark input[type=text]:not(.windmillapp),.\!dark input[type=time]:not(.windmillapp),.\!dark input[type=url]:not(.windmillapp),.\!dark input[type=week]:not(.windmillapp),.\!dark select:not(.windmillapp),.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text){background-color:#374151!important;border-color:#4b5563!important;color:#e5e7eb!important}.dark input:not(.windmillapp):focus,.dark input[type=date]:not(.windmillapp):focus,.dark input[type=datetime-local]:not(.windmillapp):focus,.dark input[type=email]:not(.windmillapp):focus,.dark input[type=month]:not(.windmillapp):focus,.dark input[type=number]:not(.windmillapp):focus,.dark input[type=password]:not(.windmillapp):focus,.dark input[type=search]:not(.windmillapp):focus,.dark input[type=tel]:not(.windmillapp):focus,.dark input[type=text]:not(.windmillapp):focus,.dark input[type=time]:not(.windmillapp):focus,.dark input[type=url]:not(.windmillapp):focus,.dark input[type=week]:not(.windmillapp):focus,.dark select:not(.windmillapp):focus,.dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#364d6e}.\!dark input:not(.windmillapp):focus,.\!dark input[type=date]:not(.windmillapp):focus,.\!dark input[type=datetime-local]:not(.windmillapp):focus,.\!dark input[type=email]:not(.windmillapp):focus,.\!dark input[type=month]:not(.windmillapp):focus,.\!dark input[type=number]:not(.windmillapp):focus,.\!dark input[type=password]:not(.windmillapp):focus,.\!dark input[type=search]:not(.windmillapp):focus,.\!dark input[type=tel]:not(.windmillapp):focus,.\!dark input[type=text]:not(.windmillapp):focus,.\!dark input[type=time]:not(.windmillapp):focus,.\!dark input[type=url]:not(.windmillapp):focus,.\!dark input[type=week]:not(.windmillapp):focus,.\!dark select:not(.windmillapp):focus,.\!dark textarea:not(.windmillapp):not(.monaco-mouse-cursor-text):focus{--tw-ring-color:#364d6e!important}a:disabled,a[disabled=true],button:disabled,button[disabled=true]{cursor:default;opacity:.9;pointer-events:none}pre code.hljs{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem!important;line-height:1rem!important;padding:0!important}.h1-textarea{font-size:24px!important;font-weight:800!important;line-height:1.05!important}@media (min-width:1024px){.h1-textarea{font-size:26px!important}}@media (min-width:1900px){.h1-textarea{font-size:29px!important}}@media (min-width:2500px){.h1-textarea{font-size:34px!important}}.h3-textarea{font-size:18px!important;font-weight:700!important;line-height:1.2!important}@media (min-width:1900px){.h3-textarea{font-size:20px!important}}@media (min-width:2500px){.h3-textarea{font-size:22px!important}}.p-textarea{font-size:16px!important;font-weight:400!important;line-height:1.5!important}@media (min-width:1900px){.p-textarea{font-size:18px!important}}@media (min-width:2500px){.p-textarea{font-size:20px!important}}input,textarea{background-color:rgb(var(--color-surface-secondary)/30%)!important}:is(.dark *),:is(.dark):after,:is(.dark):before{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}::-webkit-scrollbar{height:5px;width:5px}::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(var(--color-text-tertiary-inverse)/var(--tw-bg-opacity))}:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(var(--color-text-tertiary)/var(--tw-bg-opacity))}::-webkit-scrollbar-thumb{border-radius:3px}@font-face{font-display:swap;font-family:Inter;font-weight:100 900;src:url(/Inter-Variable.woff2) format("woff2");}.\!prose-xs ul{list-style-type:"- "!important;margin-top:.5rem!important;padding-left:1.5rem!important}.prose-xs ul{list-style-type:"- ";margin-top:.5rem;padding-left:1.5rem}.prose ul{list-style-type:"- ";margin-top:1.5rem;padding-left:3rem}.autocomplete-list-item-create{background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))!important}.autocomplete-list-item,.autocomplete-list-item-create{--tw-bg-opacity:1!important;--tw-text-opacity:1!important}.autocomplete-list-item{background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))!important;font-size:.75rem;line-height:1rem}.autocomplete-list-item.\!selected,.autocomplete-list-item.\!selected.confirmed,.autocomplete-list-item.selected,.autocomplete-list-item.selected.confirmed{--tw-bg-opacity:1!important;--tw-text-opacity:1!important;background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))!important;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))!important}.autocomplete-list{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important}*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.\!container{width:100%!important}.container{width:100%}@media (min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media (min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media (min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media (min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media (min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}@media (min-width:1900px){.\!container{max-width:1900px!important}.container{max-width:1900px}}@media (min-width:2500px){.\!container{max-width:2500px!important}.container{max-width:2500px}}@media (min-width:3800px){.\!container{max-width:3800px!important}.container{max-width:3800px}}.prose{color:var(--tw-prose-body);max-width:65ch}.prose :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-lead);font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose :where(a):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-links);font-weight:500;text-decoration:underline}.prose :where(strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-bold);font-weight:600}.prose :where(a strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol[type=A]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=A s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-alpha}.prose :where(ol[type=a s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-alpha}.prose :where(ol[type=I]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type=I s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:upper-roman}.prose :where(ol[type=i s]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:lower-roman}.prose :where(ol[type="1"]):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:decimal}.prose :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){list-style-type:disc;margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-counters);font-weight:400}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *))::marker{color:var(--tw-prose-bullets)}.prose :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;margin-top:1.25em}.prose :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){border-color:var(--tw-prose-hr);border-top-width:1px;margin-bottom:3em;margin-top:3em}.prose :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){border-left-color:var(--tw-prose-quote-borders);border-left-width:.25rem;color:var(--tw-prose-quotes);font-style:italic;font-weight:500;margin-bottom:1.6em;margin-top:1.6em;padding-left:1em;quotes:"\201C""\201D""\2018""\2019"}.prose :where(blockquote p:first-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:open-quote}.prose :where(blockquote p:last-of-type):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:close-quote}.prose :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:2.25em;font-weight:800;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose :where(h1 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:900}.prose :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.5em;font-weight:700;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose :where(h2 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:800}.prose :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-size:1.25em;font-weight:600;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose :where(h3 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose :where(h4 strong):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-weight:700}.prose :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){display:block;margin-bottom:2em;margin-top:2em}.prose :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;box-shadow:0 0 0 1px rgb(var(--tw-prose-kbd-shadows)/10%),0 3px 0 rgb(var(--tw-prose-kbd-shadows)/10%);color:var(--tw-prose-kbd);font-family:inherit;font-size:.875em;font-weight:500;padding:.1875em .375em}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-code);font-size:.875em;font-weight:600}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:"`"}.prose :where(code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:"`"}.prose :where(a code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h1 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.875em}.prose :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit;font-size:.9em}.prose :where(h4 code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(blockquote code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(thead th code):not(:where([class~=not-prose],[class~=not-prose] *)){color:inherit}.prose :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:var(--tw-prose-pre-bg);border-radius:.375rem;color:var(--tw-prose-pre-code);font-size:.875em;font-weight:400;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;overflow-x:auto;padding:.8571429em 1.1428571em}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)){background-color:transparent;border-radius:0;border-width:0;color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;padding:0}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):before{content:none}.prose :where(pre code):not(:where([class~=not-prose],[class~=not-prose] *)):after{content:none}.prose :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857;margin-bottom:2em;margin-top:2em;table-layout:auto;text-align:left;width:100%}.prose :where(thead):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-th-borders);border-bottom-width:1px}.prose :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-headings);font-weight:600;padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em;vertical-align:bottom}.prose :where(tbody tr):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-color:var(--tw-prose-td-borders);border-bottom-width:1px}.prose :where(tbody tr:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){border-bottom-width:0}.prose :where(tbody td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:baseline}.prose :where(tfoot):not(:where([class~=not-prose],[class~=not-prose] *)){border-top-color:var(--tw-prose-th-borders);border-top-width:1px}.prose :where(tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){vertical-align:top}.prose :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){color:var(--tw-prose-captions);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose{--tw-prose-body:#374151;--tw-prose-headings:#111827;--tw-prose-lead:#4b5563;--tw-prose-links:#111827;--tw-prose-bold:#111827;--tw-prose-counters:#6b7280;--tw-prose-bullets:#d1d5db;--tw-prose-hr:#e5e7eb;--tw-prose-quotes:#111827;--tw-prose-quote-borders:#e5e7eb;--tw-prose-captions:#6b7280;--tw-prose-kbd:#111827;--tw-prose-kbd-shadows:17 24 39;--tw-prose-code:#111827;--tw-prose-pre-code:#e5e7eb;--tw-prose-pre-bg:#1f2937;--tw-prose-th-borders:#d1d5db;--tw-prose-td-borders:#e5e7eb;--tw-prose-invert-body:#d1d5db;--tw-prose-invert-headings:#fff;--tw-prose-invert-lead:#9ca3af;--tw-prose-invert-links:#fff;--tw-prose-invert-bold:#fff;--tw-prose-invert-counters:#9ca3af;--tw-prose-invert-bullets:#4b5563;--tw-prose-invert-hr:#374151;--tw-prose-invert-quotes:#f3f4f6;--tw-prose-invert-quote-borders:#374151;--tw-prose-invert-captions:#9ca3af;--tw-prose-invert-kbd:#fff;--tw-prose-invert-kbd-shadows:255 255 255;--tw-prose-invert-code:#fff;--tw-prose-invert-pre-code:#d1d5db;--tw-prose-invert-pre-bg:rgba(0,0,0,.5);--tw-prose-invert-th-borders:#4b5563;--tw-prose-invert-td-borders:#374151;font-size:1rem;line-height:1.75}.prose :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose :where(.prose>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(.prose>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(.prose>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose :where(.prose>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose :where(.prose>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose :where(.prose>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-sm{font-size:.875rem;line-height:1.7142857}.prose-sm :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.8888889em;margin-top:.8888889em}.prose-sm :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.1111111em}.prose-sm :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.1428571em;line-height:1.2;margin-bottom:.8em;margin-top:0}.prose-sm :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.4285714em;line-height:1.4;margin-bottom:.8em;margin-top:1.6em}.prose-sm :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2857143em;line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.5555556em}.prose-sm :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.4285714;margin-bottom:.5714286em;margin-top:1.4285714em}.prose-sm :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.8571429em;padding:.1428571em .3571429em}.prose-sm :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em}.prose-sm :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-sm :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-sm :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.25rem;font-size:.8571429em;line-height:1.6666667;margin-bottom:1.6666667em;margin-top:1.6666667em;padding:.6666667em 1em}.prose-sm :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em;padding-left:1.5714286em}.prose-sm :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.2857143em;margin-top:.2857143em}.prose-sm :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4285714em}.prose-sm :where(.prose-sm>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(.prose-sm>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(.prose-sm>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em}.prose-sm :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5714286em;margin-top:.5714286em}.prose-sm :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.1428571em;margin-top:1.1428571em}.prose-sm :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.1428571em}.prose-sm :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.2857143em;padding-left:1.5714286em}.prose-sm :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2.8571429em;margin-top:2.8571429em}.prose-sm :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.5}.prose-sm :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.6666667em;padding-left:1em;padding-right:1em}.prose-sm :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.6666667em 1em}.prose-sm :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-sm :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-sm :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7142857em;margin-top:1.7142857em}.prose-sm :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-sm :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8571429em;line-height:1.3333333;margin-top:.6666667em}.prose-sm :where(.prose-sm>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-sm :where(.prose-sm>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-base{font-size:1rem;line-height:1.75}.prose-base :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose-base :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:1.2em;margin-top:1.2em}.prose-base :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1em}.prose-base :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.25em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:0}.prose-base :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:1em;margin-top:2em}.prose-base :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.6;margin-bottom:.6em;margin-top:1.6em}.prose-base :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.5em;margin-top:1.5em}.prose-base :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-base :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.875em;padding:.1875em .375em}.prose-base :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-base :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-base :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-base :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.875em;line-height:1.7142857;margin-bottom:1.7142857em;margin-top:1.7142857em;padding:.8571429em 1.1428571em}.prose-base :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose-base :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em;padding-left:1.625em}.prose-base :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose-base :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose-base :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.375em}.prose-base :where(.prose-base>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(.prose-base>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose-base>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(.prose-base>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(.prose-base>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em}.prose-base :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.75em;margin-top:.75em}.prose-base :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.25em;margin-top:1.25em}.prose-base :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.25em}.prose-base :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.625em}.prose-base :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.prose-base :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.7142857}.prose-base :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.5714286em;padding-left:.5714286em;padding-right:.5714286em}.prose-base :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-base :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-base :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.5714286em}.prose-base :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-base :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-base :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-base :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-base :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose-base :where(.prose-base>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-base :where(.prose-base>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-lg{font-size:1.125rem;line-height:1.7777778}.prose-lg :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-lg :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2222222em;line-height:1.4545455;margin-bottom:1.0909091em;margin-top:1.0909091em}.prose-lg :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6666667em;margin-top:1.6666667em;padding-left:1em}.prose-lg :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;line-height:1;margin-bottom:.8333333em;margin-top:0}.prose-lg :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.6666667em;line-height:1.3333333;margin-bottom:1.0666667em;margin-top:1.8666667em}.prose-lg :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.3333333em;line-height:1.5;margin-bottom:.6666667em;margin-top:1.6666667em}.prose-lg :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5555556;margin-bottom:.4444444em;margin-top:1.7777778em}.prose-lg :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-lg :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.8888889em;padding:.2222222em .4444444em}.prose-lg :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-lg :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8666667em}.prose-lg :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-lg :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.8888889em;line-height:1.75;margin-bottom:2em;margin-top:2em;padding:1em 1.5em}.prose-lg :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5555556em}.prose-lg :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6666667em;margin-top:.6666667em}.prose-lg :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4444444em}.prose-lg :where(.prose-lg>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(.prose-lg>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(.prose-lg>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-lg :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8888889em;margin-top:.8888889em}.prose-lg :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-lg :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-lg :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6666667em;padding-left:1.5555556em}.prose-lg :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3.1111111em;margin-top:3.1111111em}.prose-lg :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5}.prose-lg :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.75em;padding-left:.75em;padding-right:.75em}.prose-lg :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.75em}.prose-lg :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-lg :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-lg :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em}.prose-lg :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-lg :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em;line-height:1.5;margin-top:1em}.prose-lg :where(.prose-lg>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-lg :where(.prose-lg>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-xl{font-size:1.25rem;line-height:1.8}.prose-xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em}.prose-xl :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.2em;line-height:1.5;margin-bottom:1em;margin-top:1em}.prose-xl :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.6em;margin-top:1.6em;padding-left:1.0666667em}.prose-xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.8em;line-height:1;margin-bottom:.8571429em;margin-top:0}.prose-xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.8em;line-height:1.1111111;margin-bottom:.8888889em;margin-top:1.5555556em}.prose-xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.3333333;margin-bottom:.6666667em;margin-top:1.6em}.prose-xl :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.6;margin-bottom:.6em;margin-top:1.8em}.prose-xl :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-xl :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.3125rem;font-size:.9em;padding:.25em .4em}.prose-xl :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-xl :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8611111em}.prose-xl :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em}.prose-xl :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.5rem;font-size:.9em;line-height:1.7777778;margin-bottom:2em;margin-top:2em;padding:1.1111111em 1.3333333em}.prose-xl :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em;padding-left:1.6em}.prose-xl :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em;padding-left:1.6em}.prose-xl :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6em;margin-top:.6em}.prose-xl :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}.prose-xl :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4em}.prose-xl :where(.prose-xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(.prose-xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose-xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(.prose-xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(.prose-xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em}.prose-xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8em;margin-top:.8em}.prose-xl :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.2em;margin-top:1.2em}.prose-xl :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.2em}.prose-xl :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.6em;padding-left:1.6em}.prose-xl :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2.8em;margin-top:2.8em}.prose-xl :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556}.prose-xl :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.8888889em;padding-left:.6666667em;padding-right:.6666667em}.prose-xl :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-xl :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-xl :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8888889em .6666667em}.prose-xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-xl :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-xl :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-xl :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.9em;line-height:1.5555556;margin-top:1em}.prose-xl :where(.prose-xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-xl :where(.prose-xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.prose-2xl{font-size:1.5rem;line-height:1.6666667}.prose-2xl :where(p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-2xl :where([class~=lead]):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.25em;line-height:1.4666667;margin-bottom:1.0666667em;margin-top:1.0666667em}.prose-2xl :where(blockquote):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.7777778em;margin-top:1.7777778em;padding-left:1.1111111em}.prose-2xl :where(h1):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2.6666667em;line-height:1;margin-bottom:.875em;margin-top:0}.prose-2xl :where(h2):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:2em;line-height:1.0833333;margin-bottom:.8333333em;margin-top:1.5em}.prose-2xl :where(h3):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:1.5em;line-height:1.2222222;margin-bottom:.6666667em;margin-top:1.5555556em}.prose-2xl :where(h4):not(:where([class~=not-prose],[class~=not-prose] *)){line-height:1.5;margin-bottom:.6666667em;margin-top:1.6666667em}.prose-2xl :where(img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(picture):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(picture>img):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-2xl :where(video):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(kbd):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.375rem;font-size:.8333333em;padding:.25em .3333333em}.prose-2xl :where(code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em}.prose-2xl :where(h2 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.875em}.prose-2xl :where(h3 code):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8888889em}.prose-2xl :where(pre):not(:where([class~=not-prose],[class~=not-prose] *)){border-radius:.5rem;font-size:.8333333em;line-height:1.8;margin-bottom:2em;margin-top:2em;padding:1.2em 1.6em}.prose-2xl :where(ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(ul):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em;padding-left:1.5833333em}.prose-2xl :where(li):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.5em;margin-top:.5em}.prose-2xl :where(ol>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(ul>li):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:.4166667em}.prose-2xl :where(.prose-2xl>ul>li p):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.8333333em;margin-top:.8333333em}.prose-2xl :where(.prose-2xl>ul>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose-2xl>ul>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(.prose-2xl>ol>li>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(.prose-2xl>ol>li>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em}.prose-2xl :where(ul ul,ul ol,ol ul,ol ol):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:.6666667em;margin-top:.6666667em}.prose-2xl :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:1.3333333em;margin-top:1.3333333em}.prose-2xl :where(dt):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:1.3333333em}.prose-2xl :where(dd):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:.5em;padding-left:1.5833333em}.prose-2xl :where(hr):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:3em;margin-top:3em}.prose-2xl :where(hr+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h2+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h3+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(h4+*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(table):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.4}.prose-2xl :where(thead th):not(:where([class~=not-prose],[class~=not-prose] *)){padding-bottom:.8em;padding-left:.6em;padding-right:.6em}.prose-2xl :where(thead th:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-2xl :where(thead th:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-2xl :where(tbody td,tfoot td):not(:where([class~=not-prose],[class~=not-prose] *)){padding:.8em .6em}.prose-2xl :where(tbody td:first-child,tfoot td:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-left:0}.prose-2xl :where(tbody td:last-child,tfoot td:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){padding-right:0}.prose-2xl :where(figure):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:2em;margin-top:2em}.prose-2xl :where(figure>*):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0;margin-top:0}.prose-2xl :where(figcaption):not(:where([class~=not-prose],[class~=not-prose] *)){font-size:.8333333em;line-height:1.6;margin-top:1em}.prose-2xl :where(.prose-2xl>:first-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-top:0}.prose-2xl :where(.prose-2xl>:last-child):not(:where([class~=not-prose],[class~=not-prose] *)){margin-bottom:0}.table-custom th{color:#111827;font-size:.875rem;font-weight:600;padding:.75rem .25rem;text-align:left;text-transform:capitalize}.\!dark .table-custom th{color:#e5e7eb!important}.dark .table-custom th{color:#e5e7eb}.table-custom td{color:#374151;font-size:.875rem;padding:.5rem .25rem}.\!dark .table-custom td{color:#e5e7eb!important}.dark .table-custom td{color:#e5e7eb}.table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #e5e7eb}.\!dark .table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #374151!important}.dark .table-custom tbody>:not([hidden])~:not([hidden]){border-top:1px solid #374151}.table-custom tbody>tr:hover{background-color:#f9fafb}.\!dark .table-custom tbody>tr:hover{background-color:#1f2937!important}.dark .table-custom tbody>tr:hover{background-color:#1f2937}.input-error{border-color:#ef4444!important}.box{border-radius:.125rem;border-width:1px;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);padding:1rem}.animate-skeleton{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;background-color:#dbeafe;border-radius:.25rem}.splitpanes__pane{background-color:#fff!important;overflow:auto!important}.\!dark .splitpanes__pane,.dark .splitpanes__pane{background-color:#2e3440!important;overflow:auto!important}.splitpanes__splitter{border:none!important}.splitpanes__splitter,.splitpanes__splitter:after{background-color:#ddd!important;margin:0!important}.splitpanes__splitter:after{--splitter-hover-size:5px;--splitter-hover-adjustment:-2px;opacity:0;transform:none!important;transition:opacity .2s!important}.splitpanes__splitter:hover:after{opacity:1;z-index:1001!important}.\!dark .splitpanes__splitter,.\!dark .splitpanes__splitter:after,.dark .splitpanes__splitter,.dark .splitpanes__splitter:after{background-color:#3e4c60!important}.splitpanes--vertical>.splitpanes__splitter{width:1px!important}.splitpanes--vertical>.splitpanes__splitter:before{left:1px!important;margin-left:0!important;width:0!important}.splitpanes--vertical>.splitpanes__splitter:after{height:100%!important;left:var(--splitter-hover-adjustment)!important;top:0!important;width:var(--splitter-hover-size)!important}.splitpanes--horizontal>.splitpanes__splitter{height:1px!important}.splitpanes--horizontal>.splitpanes__splitter:before{height:0!important;margin-top:0!important;top:1px!important}.splitpanes--horizontal>.splitpanes__splitter:after{height:var(--splitter-hover-size)!important;left:0!important;top:var(--splitter-hover-adjustment)!important;width:100%!important}.wm-tab-active{border-color:#3e4c60;color:#2d3748}.\!dark .wm-tab-active{border-color:#ddd!important;color:#eee!important}.dark .wm-tab-active{border-color:#ddd;color:#eee}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.\!static{position:static!important}.static{position:static}.\!fixed{position:fixed!important}.fixed{position:fixed}.\!absolute{position:absolute!important}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.\!inset-0{inset:0!important}.inset-0{inset:0}.inset-y-0{bottom:0;top:0}.\!right-9{right:2.25rem!important}.-bottom-0{bottom:0}.-bottom-0\.5{bottom:-.125rem}.-bottom-1{bottom:-.25rem}.-bottom-10{bottom:-2.5rem}.-bottom-2{bottom:-.5rem}.-bottom-3{bottom:-.75rem}.-left-10{left:-2.5rem}.-left-2{left:-.5rem}.-left-4{left:-1rem}.-left-\[10px\]{left:-10px}.-left-\[20px\]{left:-20px}.-left-\[8px\]{left:-8px}.-right-0{right:0}.-right-0\.5{right:-.125rem}.-right-1{right:-.25rem}.-right-1\.5{right:-.375rem}.-right-2{right:-.5rem}.-right-\[10px\]{right:-10px}.-top-0{top:0}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-1\.5{top:-.375rem}.-top-10{top:-2.5rem}.-top-2{top:-.5rem}.-top-4{top:-1rem}.-top-5{top:-1.25rem}.-top-8{top:-2rem}.-top-\[10px\]{top:-10px}.-top-\[11px\]{top:-11px}.-top-\[18px\]{top:-18px}.-top-\[32px\]{top:-32px}.bottom-0{bottom:0}.bottom-0\.5{bottom:.125rem}.bottom-1{bottom:.25rem}.bottom-2{bottom:.5rem}.bottom-4{bottom:1rem}.bottom-\[35px\]{bottom:35px}.left-0{left:0}.left-0\.5{left:.125rem}.left-1{left:.25rem}.left-1\/2{left:50%}.left-2{left:.5rem}.left-36{left:9rem}.left-6{left:1.5rem}.left-8{left:2rem}.left-\[0\.5rem\]{left:.5rem}.left-\[2\.05rem\]{left:2.05rem}.left-\[50\%\]{left:50%}.left-\[60px\]{left:60px}.right-0{right:0}.right-0\.5{right:.125rem}.right-1{right:.25rem}.right-12{right:3rem}.right-2{right:.5rem}.right-20{right:5rem}.right-4{right:1rem}.right-8{right:2rem}.right-\[4\.5rem\]{right:4.5rem}.right-\[50\%\]{right:50%}.right-\[60px\]{right:60px}.top-0{top:0}.top-0\.5{top:.125rem}.top-1{top:.25rem}.top-1\/2{top:50%}.top-2{top:.5rem}.top-2\.5{top:.625rem}.top-3{top:.75rem}.top-4{top:1rem}.top-\[-10px\]{top:-10px}.top-\[0\.05rem\]{top:.05rem}.top-\[0\.3rem\]{top:.3rem}.top-\[1\.3rem\]{top:1.3rem}.top-\[35px\]{top:35px}.top-\[50\%\]{top:50%}.top-\[9\.5px\]{top:9.5px}.isolate{isolation:isolate}.\!z-10{z-index:10!important}.-z-0{z-index:0}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[10000\]{z-index:10000}.z-\[1000\]{z-index:1000}.z-\[100\]{z-index:100}.z-\[1100\]{z-index:1100}.z-\[2000\]{z-index:2000}.z-\[4999\]{z-index:4999}.z-\[5000\]{z-index:5000}.z-\[5001\]{z-index:5001}.z-\[500\]{z-index:500}.z-\[6000\]{z-index:6000}.z-\[7000\]{z-index:7000}.z-\[900\]{z-index:900}.z-\[901\]{z-index:901}.z-auto{z-index:auto}.col-span-1{grid-column:span 1/span 1}.col-span-10{grid-column:span 10/span 10}.col-span-11{grid-column:span 11/span 11}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-5{grid-column:span 5/span 5}.float-right{float:right}.\!m-0{margin:0!important}.m-0{margin:0}.m-0\.5{margin:.125rem}.m-1{margin:.25rem}.m-16{margin:4rem}.m-2{margin:.5rem}.m-24{margin:6rem}.m-4{margin:1rem}.m-\[0\.5px\]{margin:.5px}.m-\[1px\]{margin:1px}.m-\[2px\]{margin:2px}.m-\[5px\]{margin:5px}.m-auto{margin:auto}.\!my-0{margin-bottom:0!important;margin-top:0!important}.-my-1{margin-bottom:-.25rem;margin-top:-.25rem}.-my-2{margin-bottom:-.5rem;margin-top:-.5rem}.mx-0{margin-left:0;margin-right:0}.mx-0\.5{margin-left:.125rem;margin-right:.125rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-2{margin-left:.5rem;margin-right:.5rem}.mx-24{margin-left:6rem;margin-right:6rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-\[1px\]{margin-left:1px;margin-right:1px}.mx-\[3px\]{margin-left:3px;margin-right:3px}.mx-\[5px\]{margin-left:5px;margin-right:5px}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-1{margin-bottom:.25rem;margin-top:.25rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.my-4{margin-bottom:1rem;margin-top:1rem}.my-6{margin-bottom:1.5rem;margin-top:1.5rem}.my-8{margin-bottom:2rem;margin-top:2rem}.\!ml-0{margin-left:0!important}.\!ml-1{margin-left:.25rem!important}.\!ml-2{margin-left:.5rem!important}.\!ml-4{margin-left:1rem!important}.\!mt-0{margin-top:0!important}.\!mt-2{margin-top:.5rem!important}.-ml-14{margin-left:-3.5rem}.-mr-12{margin-right:-3rem}.-mt-0{margin-top:0}.-mt-0\.5{margin-top:-.125rem}.-mt-1{margin-top:-.25rem}.-mt-2{margin-top:-.5rem}.-mt-4{margin-top:-1rem}.-mt-6{margin-top:-1.5rem}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-20{margin-bottom:5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-48{margin-bottom:12rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-0\.5{margin-left:.125rem}.ml-1{margin-left:.25rem}.ml-1\.5{margin-left:.375rem}.ml-10{margin-left:2.5rem}.ml-16{margin-left:4rem}.ml-2{margin-left:.5rem}.ml-20{margin-left:5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-8{margin-left:2rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-0\.5{margin-right:.125rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-4{margin-right:1rem}.mr-8{margin-right:2rem}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-3{margin-top:.75rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-40{margin-top:10rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.\!block{display:block!important}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.\!table{display:table!important}.table{display:table}.table-column{display:table-column}.table-row{display:table-row}.flow-root{display:flow-root}.\!grid{display:grid!important}.grid{display:grid}.contents{display:contents}.list-item{display:list-item}.\!hidden{display:none!important}.hidden{display:none}.\!h-10{height:2.5rem!important}.\!h-2{height:.5rem!important}.\!h-4{height:1rem!important}.\!h-5{height:1.25rem!important}.\!h-8{height:2rem!important}.\!h-\[24px\]{height:24px!important}.\!h-\[28px\]{height:28px!important}.\!h-\[32px\]{height:32px!important}.\!h-\[34px\]{height:34px!important}.\!h-full{height:100%!important}.h-0{height:0}.h-0\.5{height:.125rem}.h-1{height:.25rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-24{height:6rem}.h-3{height:.75rem}.h-36{height:9rem}.h-4{height:1rem}.h-40{height:10rem}.h-48{height:12rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-9{height:2.25rem}.h-\[20px\]{height:20px}.h-\[25px\]{height:25px}.h-\[300px\]{height:300px}.h-\[30px\]{height:30px}.h-\[500px\]{height:500px}.h-\[70vh\]{height:70vh}.h-\[calc\(100\%-22px\)\]{height:calc(100% - 22px)}.h-\[calc\(100\%-32px\)\]{height:calc(100% - 32px)}.h-\[calc\(100\%-34px\)\]{height:calc(100% - 34px)}.h-\[calc\(100\%-50px\)\]{height:calc(100% - 50px)}.h-\[calc\(100\%-68px\)\]{height:calc(100% - 68px)}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.h-full{height:100%}.h-screen{height:100vh}.\!max-h-\[400px\]{max-height:400px!important}.\!max-h-\[calc\(100\%-30px\)\]{max-height:calc(100% - 30px)!important}.\!max-h-\[calc\(100\%-43px\)\]{max-height:calc(100% - 43px)!important}.\!max-h-\[calc\(100\%-48px\)\]{max-height:calc(100% - 48px)!important}.max-h-1\/2{max-height:50vh}.max-h-12{max-height:3rem}.max-h-3\/4{max-height:75vh}.max-h-40{max-height:10rem}.max-h-48{max-height:12rem}.max-h-60{max-height:15rem}.max-h-80{max-height:20rem}.max-h-\[15px\]{max-height:15px}.max-h-\[200px\]{max-height:200px}.max-h-\[300px\]{max-height:300px}.max-h-\[34rem\]{max-height:34rem}.max-h-\[512px\]{max-height:512px}.max-h-\[60vh\]{max-height:60vh}.max-h-\[70vh\]{max-height:70vh}.max-h-\[80px\]{max-height:80px}.max-h-\[80vh\]{max-height:80vh}.max-h-\[90vh\]{max-height:90vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.\!min-h-\[30px\]{min-height:30px!important}.\!min-h-\[42px\]{min-height:42px!important}.min-h-0{min-height:0}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.min-h-6{min-height:1.5rem}.min-h-\[150px\]{min-height:150px}.min-h-\[200px\]{min-height:200px}.min-h-\[256px\]{min-height:256px}.min-h-\[28px\]{min-height:28px}.min-h-\[30px\]{min-height:30px}.min-h-\[3rem\]{min-height:3rem}.min-h-\[56px\]{min-height:56px}.min-h-\[600px\]{min-height:600px}.min-h-\[60px\]{min-height:60px}.min-h-\[700px\]{min-height:700px}.min-h-\[72px\]{min-height:72px}.min-h-\[80px\]{min-height:80px}.min-h-\[calc\(100\%-32px\)\]{min-height:calc(100% - 32px)}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.\!w-1\/4{width:25%!important}.\!w-10{width:2.5rem!important}.\!w-14{width:3.5rem!important}.\!w-16{width:4rem!important}.\!w-2{width:.5rem!important}.\!w-24{width:6rem!important}.\!w-3\/4{width:75%!important}.\!w-32{width:8rem!important}.\!w-36{width:9rem!important}.\!w-4{width:1rem!important}.\!w-40{width:10rem!important}.\!w-48{width:12rem!important}.\!w-64{width:16rem!important}.\!w-80{width:20rem!important}.\!w-\[34px\]{width:34px!important}.\!w-\[38px\]{width:38px!important}.\!w-\[45px\]{width:45px!important}.\!w-\[50px\]{width:50px!important}.\!w-\[70px\]{width:70px!important}.\!w-\[90px\]{width:90px!important}.\!w-auto{width:auto!important}.\!w-full{width:100%!important}.w-0{width:0}.w-1{width:.25rem}.w-1\.5{width:.375rem}.w-1\/12{width:8.333333%}.w-1\/2{width:50%}.w-1\/4{width:25%}.w-1\/6{width:16.666667%}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-11\/12{width:91.666667%}.w-12{width:3rem}.w-16{width:4rem}.w-2{width:.5rem}.w-20{width:5rem}.w-24{width:6rem}.w-3{width:.75rem}.w-3\/12{width:25%}.w-32{width:8rem}.w-4{width:1rem}.w-4\/12{width:33.333333%}.w-40{width:10rem}.w-48{width:12rem}.w-5{width:1.25rem}.w-56{width:14rem}.w-6{width:1.5rem}.w-60{width:15rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:18rem}.w-8{width:2rem}.w-8\/12{width:66.666667%}.w-80{width:20rem}.w-9{width:2.25rem}.w-96{width:24rem}.w-\[120px\]{width:120px}.w-\[20px\]{width:20px}.w-\[25px\]{width:25px}.w-\[27px\]{width:27px}.w-\[40px\]{width:40px}.w-\[42rem\]{width:42rem}.w-\[500px\]{width:500px}.w-\[550px\]{width:550px}.w-\[600px\]{width:600px}.w-\[64px\]{width:64px}.w-\[95\%\]{width:95%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-max{width:-moz-max-content;width:max-content}.w-min{width:-moz-min-content;width:min-content}.\!min-w-\[34px\]{min-width:34px!important}.\!min-w-\[96px\]{min-width:96px!important}.min-w-0{min-width:0}.min-w-1\/3{min-width:33%}.min-w-10{min-width:2.5rem}.min-w-24{min-width:6rem}.min-w-3{min-width:.75rem}.min-w-3\.5{min-width:.875rem}.min-w-32{min-width:8rem}.min-w-4{min-width:1rem}.min-w-64{min-width:16rem}.min-w-72{min-width:18rem}.min-w-96{min-width:24rem}.min-w-\[100px\]{min-width:100px}.min-w-\[150px\]{min-width:150px}.min-w-\[250px\]{min-width:250px}.min-w-\[2rem\]{min-width:2rem}.min-w-\[30\%\]{min-width:30%}.min-w-\[300px\]{min-width:300px}.min-w-\[32px\]{min-width:32px}.min-w-\[400px\]{min-width:400px}.min-w-\[50px\]{min-width:50px}.min-w-\[5rem\]{min-width:5rem}.min-w-\[640px\]{min-width:640px}.min-w-\[710px\]{min-width:710px}.min-w-\[768px\]{min-width:768px}.min-w-full{min-width:100%}.min-w-min{min-width:-moz-min-content;min-width:min-content}.\!max-w-64{max-width:16rem!important}.\!max-w-7xl{max-width:80rem!important}.\!max-w-80{max-width:20rem!important}.\!max-w-\[300px\]{max-width:300px!important}.max-w-24{max-width:6rem}.max-w-28{max-width:7rem}.max-w-2xl{max-width:42rem}.max-w-32{max-width:8rem}.max-w-36{max-width:9rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-52{max-width:13rem}.max-w-5xl{max-width:64rem}.max-w-64{max-width:16rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-80{max-width:20rem}.max-w-96{max-width:24rem}.max-w-\[120px\]{max-width:120px}.max-w-\[125px\]{max-width:125px}.max-w-\[160px\]{max-width:160px}.max-w-\[200px\]{max-width:200px}.max-w-\[248px\]{max-width:248px}.max-w-\[300px\]{max-width:300px}.max-w-\[500px\]{max-width:500px}.max-w-\[640px\]{max-width:640px}.max-w-\[656px\]{max-width:656px}.max-w-\[calc\(100\%-70px\)\]{max-width:calc(100% - 70px)}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-min{max-width:-moz-min-content;max-width:min-content}.max-w-none{max-width:none}.max-w-screen-lg{max-width:1024px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.\!grow-0{flex-grow:0!important}.grow{flex-grow:1}.table-auto{table-layout:auto}.origin-bottom-left{transform-origin:bottom left}.origin-bottom-right{transform-origin:bottom right}.origin-top-left{transform-origin:top left}.origin-top-right{transform-origin:top right}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px}.translate-x-\[-50\%\]{--tw-translate-x:-50%}.translate-x-\[-50\%\],.translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px}.translate-y-1{--tw-translate-y:0.25rem}.translate-y-1,.translate-y-4{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-4{--tw-translate-y:1rem}.translate-y-\[-50\%\]{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.\!rotate-180{--tw-rotate:180deg!important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important}.rotate-0{--tw-rotate:0deg}.rotate-0,.rotate-180{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-100,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-\[pulse_5s_ease-in-out_infinite\]{animation:pulse 5s ease-in-out infinite}.animate-\[pulse_5s_linear_infinite\]{animation:pulse 5s linear infinite}.animate-\[spin_15s_linear_infinite\]{animation:spin 15s linear infinite}.animate-\[spin_2s_linear_infinite\]{animation:spin 2s linear infinite}.animate-\[spin_50s_linear_infinite\]{animation:spin 50s linear infinite}.animate-\[spin_5s_linear_infinite\]{animation:spin 5s linear infinite}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.animate-bounce{animation:bounce 1s infinite}.animate-none{animation:none}@keyframes ping{75%,to{opacity:0;transform:scale(2)}}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.\!cursor-pointer{cursor:pointer!important}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-move{cursor:move}.cursor-none{cursor:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.cursor-wait{cursor:wait}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.\!resize-none{resize:none!important}.resize-none{resize:none}.resize-y{resize:vertical}.resize{resize:both}.list-inside{list-style-position:inside}.\!list-outside{list-style-position:outside!important}.\!list-disc{list-style-type:disc!important}.list-decimal{list-style-type:decimal}.list-disc{list-style-type:disc}.\!appearance-none{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important}.columns-2{-moz-columns:2;-moz-column-count:2;     column-count:2}.columns-3{-moz-columns:3;-moz-column-count:3;     column-count:3}.columns-4{-moz-columns:4;-moz-column-count:4;     column-count:4}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.place-items-end{place-items:end}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.\!justify-start{justify-content:flex-start!important}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.gap-0{gap:0}.gap-0\.5{gap:.125rem}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-10{gap:2.5rem}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-20{gap:5rem}.gap-3{gap:.75rem}.gap-3\.5{gap:.875rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-0{-moz-column-gap:0;column-gap:0}.gap-x-0\.5{-moz-column-gap:.125rem;column-gap:.125rem}.gap-x-1{-moz-column-gap:.25rem;column-gap:.25rem}.gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.gap-x-8{-moz-column-gap:2rem;column-gap:2rem}.gap-y-0{row-gap:0}.gap-y-0\.5{row-gap:.125rem}.gap-y-1{row-gap:.25rem}.gap-y-16{row-gap:4rem}.gap-y-2{row-gap:.5rem}.gap-y-4{row-gap:1rem}.gap-y-6{row-gap:1.5rem}.gap-y-8{row-gap:2rem}.-space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.25rem*var(--tw-space-x-reverse))}.-space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(-.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(-.5rem*var(--tw-space-x-reverse))}.space-x-1>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.25rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.25rem*var(--tw-space-x-reverse))}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(2rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(2rem*var(--tw-space-x-reverse))}.space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(0px*var(--tw-space-y-reverse));margin-top:calc(0px*(1 - var(--tw-space-y-reverse)))}.space-y-0\.5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.125rem*var(--tw-space-y-reverse));margin-top:calc(.125rem*(1 - var(--tw-space-y-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.25rem*var(--tw-space-y-reverse));margin-top:calc(.25rem*(1 - var(--tw-space-y-reverse)))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(.5rem*var(--tw-space-y-reverse));margin-top:calc(.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-x-reverse>:not([hidden])~:not([hidden]){--tw-space-x-reverse:1}.\!divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0!important;border-bottom-width:calc(1px*var(--tw-divide-y-reverse))!important;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))!important}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)));border-right-width:calc(1px*var(--tw-divide-x-reverse))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)))}.divide-blue-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(191 219 254/var(--tw-divide-opacity))}.divide-frost-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(65 95 136/var(--tw-divide-opacity))}.divide-gray-100>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(243 244 246/var(--tw-divide-opacity))}.divide-gray-200>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}.divide-gray-300>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(209 213 219/var(--tw-divide-opacity))}.divide-gray-600>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}.divide-gray-800>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(31 41 55/var(--tw-divide-opacity))}.divide-green-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(21 128 61/var(--tw-divide-opacity))}.divide-marine-500>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(50 63 91/var(--tw-divide-opacity))}.divide-red-700>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(185 28 28/var(--tw-divide-opacity))}.self-start{align-self:flex-start}.self-stretch{align-self:stretch}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-clip{overflow:clip}.\!overflow-visible{overflow:visible!important}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-visible{overflow-y:visible}.overflow-x-scroll{overflow-x:scroll}.overflow-y-scroll{overflow-y:scroll}.\!truncate{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.truncate{overflow:hidden;white-space:nowrap}.text-ellipsis,.truncate{text-overflow:ellipsis}.text-clip{text-overflow:clip}.\!whitespace-normal{white-space:normal!important}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-wrap{text-wrap:wrap}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.\!rounded{border-radius:.25rem!important}.\!rounded-full{border-radius:9999px!important}.\!rounded-lg{border-radius:.5rem!important}.\!rounded-md{border-radius:.375rem!important}.\!rounded-none{border-radius:0!important}.\!rounded-sm{border-radius:.125rem!important}.rounded,.rounded-component{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.\!rounded-b-none{border-bottom-right-radius:0!important}.\!rounded-b-none,.\!rounded-l-none{border-bottom-left-radius:0!important}.\!rounded-l-none{border-top-left-radius:0!important}.\!rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.rounded-b{border-bottom-right-radius:.25rem}.rounded-b,.rounded-l{border-bottom-left-radius:.25rem}.rounded-l{border-top-left-radius:.25rem}.rounded-l-md{border-bottom-left-radius:.375rem;border-top-left-radius:.375rem}.rounded-l-sm{border-bottom-left-radius:.125rem;border-top-left-radius:.125rem}.rounded-r-md{border-bottom-right-radius:.375rem;border-top-right-radius:.375rem}.rounded-r-none{border-bottom-right-radius:0;border-top-right-radius:0}.rounded-r-sm{border-bottom-right-radius:.125rem;border-top-right-radius:.125rem}.rounded-s{border-end-start-radius:.25rem;border-start-start-radius:.25rem}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-t-sm{border-top-left-radius:.125rem;border-top-right-radius:.125rem}.rounded-bl-lg{border-bottom-left-radius:.5rem}.rounded-br-lg{border-bottom-right-radius:.5rem}.\!border{border-width:1px!important}.\!border-0{border-width:0!important}.\!border-2{border-width:2px!important}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-\[1\.5px\]{border-width:1.5px}.border-\[1px\]{border-width:1px}.border-y{border-bottom-width:1px;border-top-width:1px}.border-y-0{border-bottom-width:0;border-top-width:0}.\!border-b-0{border-bottom-width:0!important}.\!border-l-0{border-left-width:0!important}.\!border-r{border-right-width:1px!important}.\!border-r-0{border-right-width:0!important}.\!border-t-0{border-top-width:0!important}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-r-2{border-right-width:2px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-dashed{border-style:dashed}.border-dotted{border-style:dotted}.\!border-none{border-style:none!important}.border-none{border-style:none}.\!border-blue-500{--tw-border-opacity:1!important;border-color:rgb(59 130 246/var(--tw-border-opacity))!important}.\!border-blue-600{--tw-border-opacity:1!important;border-color:rgb(37 99 235/var(--tw-border-opacity))!important}.\!border-gray-200{--tw-border-opacity:1!important;border-color:rgb(229 231 235/var(--tw-border-opacity))!important}.\!border-gray-300{--tw-border-opacity:1!important;border-color:rgb(209 213 219/var(--tw-border-opacity))!important}.\!border-red-500{--tw-border-opacity:1!important;border-color:rgb(239 68 68/var(--tw-border-opacity))!important}.\!border-red-700{--tw-border-opacity:1!important;border-color:rgb(185 28 28/var(--tw-border-opacity))!important}.border-\[\#99f6e4\]{--tw-border-opacity:1;border-color:rgb(153 246 228/var(--tw-border-opacity))}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity))}.border-blue-300{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.border-blue-500{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.border-blue-600{--tw-border-opacity:1;border-color:rgb(37 99 235/var(--tw-border-opacity))}.border-frost-500{--tw-border-opacity:1;border-color:rgb(94 129 172/var(--tw-border-opacity))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity))}.border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.border-gray-400{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}.border-gray-500{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.border-gray-500\/75{border-color:hsla(220,9%,46%,.75)}.border-gray-700{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.border-gray-900{--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}.border-green-200{--tw-border-opacity:1;border-color:rgb(187 247 208/var(--tw-border-opacity))}.border-green-500{--tw-border-opacity:1;border-color:rgb(34 197 94/var(--tw-border-opacity))}.border-green-600{--tw-border-opacity:1;border-color:rgb(22 163 74/var(--tw-border-opacity))}.border-indigo-200{--tw-border-opacity:1;border-color:rgb(199 210 254/var(--tw-border-opacity))}.border-indigo-500{--tw-border-opacity:1;border-color:rgb(99 102 241/var(--tw-border-opacity))}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(79 70 229/var(--tw-border-opacity))}.border-marine-300{--tw-border-opacity:1;border-color:rgb(74 95 138/var(--tw-border-opacity))}.border-orange-300{--tw-border-opacity:1;border-color:rgb(253 192 137/var(--tw-border-opacity))}.border-orange-400{--tw-border-opacity:1;border-color:rgb(251 146 60/var(--tw-border-opacity))}.border-orange-600{--tw-border-opacity:1;border-color:rgb(234 88 12/var(--tw-border-opacity))}.border-primary{--tw-border-opacity:1;border-color:rgb(var(--color-text-primary)/var(--tw-border-opacity))}.border-red-200{--tw-border-opacity:1;border-color:rgb(254 202 202/var(--tw-border-opacity))}.border-red-400{--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}.border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity))}.border-red-600{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.border-red-600\/60{border-color:rgba(220,38,38,.6)}.border-red-700{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.border-secondary-inverse{--tw-border-opacity:1;border-color:rgb(var(--color-text-secondary-inverse)/var(--tw-border-opacity))}.border-surface-hover{--tw-border-opacity:1;border-color:rgb(var(--color-surface-hover)/var(--tw-border-opacity))}.border-tertiary-inverse{--tw-border-opacity:1;border-color:rgb(var(--color-text-tertiary-inverse)/var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-white{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity))}.border-yellow-200{--tw-border-opacity:1;border-color:rgb(254 240 138/var(--tw-border-opacity))}.border-yellow-600{--tw-border-opacity:1;border-color:rgb(202 138 4/var(--tw-border-opacity))}.\!border-opacity-30{--tw-border-opacity:0.3!important}.\!border-opacity-70{--tw-border-opacity:0.7!important}.border-opacity-0{--tw-border-opacity:0}.border-opacity-100{--tw-border-opacity:1}.border-opacity-30{--tw-border-opacity:0.3}.\!bg-blue-400{--tw-bg-opacity:1!important;background-color:rgb(96 165 250/var(--tw-bg-opacity))!important}.\!bg-blue-50{--tw-bg-opacity:1!important;background-color:rgb(239 246 255/var(--tw-bg-opacity))!important}.\!bg-blue-50\/75{background-color:rgba(239,246,255,.75)!important}.\!bg-gray-300{--tw-bg-opacity:1!important;background-color:rgb(209 213 219/var(--tw-bg-opacity))!important}.\!bg-surface{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))!important}.\!bg-surface-disabled{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-disabled)/var(--tw-bg-opacity))!important}.\!bg-surface-secondary{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))!important}.\!bg-transparent{background-color:transparent!important}.bg-\[\#202125\]{--tw-bg-opacity:1;background-color:rgb(32 33 37/var(--tw-bg-opacity))}.bg-\[\#F1F3F5\]{--tw-bg-opacity:1;background-color:rgb(241 243 245/var(--tw-bg-opacity))}.bg-\[\#f0fdfa\]{--tw-bg-opacity:1;background-color:rgb(240 253 250/var(--tw-bg-opacity))}.bg-\[\#fff7ed\]{--tw-bg-opacity:1;background-color:rgb(255 247 237/var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.bg-black\/20{background-color:rgba(0,0,0,.2)}.bg-blue-100{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.bg-blue-200{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.bg-blue-300{--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}.bg-blue-400{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.bg-blue-400\/50{background-color:rgba(96,165,250,.5)}.bg-blue-400\/90{background-color:rgba(96,165,250,.9)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.bg-blue-50\/50{background-color:rgba(239,246,255,.5)}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}.bg-blue-500\/90{background-color:rgba(59,130,246,.9)}.bg-frost-400{--tw-bg-opacity:1;background-color:rgb(117 148 187/var(--tw-bg-opacity))}.bg-frost-500{--tw-bg-opacity:1;background-color:rgb(94 129 172/var(--tw-bg-opacity))}.bg-frost-600{--tw-bg-opacity:1;background-color:rgb(65 95 136/var(--tw-bg-opacity))}.bg-frost-700{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.bg-gray-300{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.bg-gray-50{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity))}.bg-gray-50\/50{background-color:rgba(249,250,251,.5)}.bg-gray-500{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity))}.bg-gray-500\/75{background-color:hsla(220,9%,46%,.75)}.bg-gray-600{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.bg-gray-700\/10{background-color:rgba(55,65,81,.1)}.bg-gray-800{--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.bg-green-200{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.bg-green-300{--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}.bg-green-400{--tw-bg-opacity:1;background-color:rgb(74 222 128/var(--tw-bg-opacity))}.bg-green-50{--tw-bg-opacity:1;background-color:rgb(240 253 244/var(--tw-bg-opacity))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity))}.bg-green-600{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.bg-indigo-100\/90{background-color:rgba(224,231,255,.9)}.bg-indigo-300{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(238 242 255/var(--tw-bg-opacity))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.bg-indigo-500\/90{background-color:rgba(99,102,241,.9)}.bg-indigo-800{--tw-bg-opacity:1;background-color:rgb(55 48 163/var(--tw-bg-opacity))}.bg-marine-300{--tw-bg-opacity:1;background-color:rgb(74 95 138/var(--tw-bg-opacity))}.bg-marine-400{--tw-bg-opacity:1;background-color:rgb(57 74 109/var(--tw-bg-opacity))}.bg-orange-100{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-100\/40{background-color:rgba(255,237,213,.4)}.bg-orange-200{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.bg-orange-300{--tw-bg-opacity:1;background-color:rgb(253 192 137/var(--tw-bg-opacity))}.bg-orange-400{--tw-bg-opacity:1;background-color:rgb(251 146 60/var(--tw-bg-opacity))}.bg-orange-500{--tw-bg-opacity:1;background-color:rgb(249 115 22/var(--tw-bg-opacity))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.bg-red-200{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.bg-red-400{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.bg-red-50{--tw-bg-opacity:1;background-color:rgb(254 242 242/var(--tw-bg-opacity))}.bg-red-500{--tw-bg-opacity:1;background-color:rgb(239 68 68/var(--tw-bg-opacity))}.bg-red-500\/70{background-color:rgba(239,68,68,.7)}.bg-red-500\/90{background-color:rgba(239,68,68,.9)}.bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.bg-surface{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))}.bg-surface-disabled{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-disabled)/var(--tw-bg-opacity))}.bg-surface-disabled\/50{background-color:rgb(var(--color-surface-disabled)/.5)}.bg-surface-hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.bg-surface-inverse{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-inverse)/var(--tw-bg-opacity))}.bg-surface-secondary{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}.bg-surface-secondary-inverse{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary-inverse)/var(--tw-bg-opacity))}.bg-surface-secondary\/30{background-color:rgb(var(--color-surface-secondary)/.3)}.bg-surface-selected{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-selected)/var(--tw-bg-opacity))}.bg-surface\/40{background-color:rgb(var(--color-surface)/.4)}.bg-surface\/60{background-color:rgb(var(--color-surface)/.6)}.bg-teal-600{--tw-bg-opacity:1;background-color:rgb(13 148 136/var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-violet-100{--tw-bg-opacity:1;background-color:rgb(237 233 254/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-yellow-100{--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}.bg-yellow-300{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.bg-yellow-50{--tw-bg-opacity:1;background-color:rgb(254 252 232/var(--tw-bg-opacity))}.bg-opacity-40{--tw-bg-opacity:0.4}.bg-opacity-50{--tw-bg-opacity:0.5}.bg-opacity-60{--tw-bg-opacity:0.6}.bg-opacity-75{--tw-bg-opacity:0.75}.bg-\[radial-gradient\(\#dbdbdb_1px\2c transparent_1px\)\]{background-image:radial-gradient(#dbdbdb 1px,transparent 0)}.fill-current{fill:currentcolor}.fill-primary{fill:rgb(var(--color-text-primary)/1)}.stroke-primary{stroke:rgb(var(--color-text-primary)/1)}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.object-fill{-o-object-fit:fill;object-fit:fill}.\!p-0{padding:0!important}.\!p-1{padding:.25rem!important}.\!p-1\.5{padding:.375rem!important}.\!p-2{padding:.5rem!important}.p-0{padding:0}.p-0\.5{padding:.125rem}.p-1{padding:.25rem}.p-1\.5{padding:.375rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.\!px-0{padding-left:0!important;padding-right:0!important}.\!px-1{padding-left:.25rem!important;padding-right:.25rem!important}.\!px-1\.5{padding-left:.375rem!important;padding-right:.375rem!important}.\!px-2{padding-left:.5rem!important;padding-right:.5rem!important}.\!px-3{padding-left:.75rem!important;padding-right:.75rem!important}.\!px-4{padding-left:1rem!important;padding-right:1rem!important}.\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.\!py-0{padding-bottom:0!important;padding-top:0!important}.\!py-0\.5{padding-bottom:.125rem!important;padding-top:.125rem!important}.\!py-1{padding-bottom:.25rem!important;padding-top:.25rem!important}.\!py-1\.5{padding-bottom:.375rem!important;padding-top:.375rem!important}.\!py-2{padding-bottom:.5rem!important;padding-top:.5rem!important}.px-0{padding-left:0;padding-right:0}.px-0\.5{padding-left:.125rem;padding-right:.125rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-1\.5{padding-left:.375rem;padding-right:.375rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-0{padding-bottom:0;padding-top:0}.py-0\.5{padding-bottom:.125rem;padding-top:.125rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-1\.5{padding-bottom:.375rem;padding-top:.375rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-2\.5{padding-bottom:.625rem;padding-top:.625rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-3\.5{padding-bottom:.875rem;padding-top:.875rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-\[1px\]{padding-bottom:1px;padding-top:1px}.py-\[4px\]{padding-bottom:4px;padding-top:4px}.py-\[6px\]{padding-bottom:6px;padding-top:6px}.py-\[7px\]{padding-bottom:7px;padding-top:7px}.py-\[8px\]{padding-bottom:8px;padding-top:8px}.py-\[9px\]{padding-bottom:9px;padding-top:9px}.\!pl-0{padding-left:0!important}.\!pl-8{padding-left:2rem!important}.\!pr-10{padding-right:2.5rem!important}.\!pr-12{padding-right:3rem!important}.\!pr-6{padding-right:1.5rem!important}.\!pr-8{padding-right:2rem!important}.\!pr-9{padding-right:2.25rem!important}.\!pr-\[26px\]{padding-right:26px!important}.pb-0{padding-bottom:0}.pb-0\.5{padding-bottom:.125rem}.pb-1{padding-bottom:.25rem}.pb-12{padding-bottom:3rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-3\.5{padding-bottom:.875rem}.pb-4{padding-bottom:1rem}.pb-40{padding-bottom:10rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pl-0{padding-left:0}.pl-0\.5{padding-left:.125rem}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-2{padding-left:.5rem}.pl-2\.5{padding-left:.625rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-0{padding-top:0}.pt-0\.5{padding-top:.125rem}.pt-1{padding-top:.25rem}.pt-1\.5{padding-top:.375rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-2{padding-top:.5rem}.pt-20{padding-top:5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-7{padding-top:1.75rem}.pt-8{padding-top:2rem}.\!text-left{text-align:left!important}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-start{text-align:start}.\!indent-\[3\.5rem\]{text-indent:3.5rem!important}.\!indent-\[8\.8rem\]{text-indent:8.8rem!important}.indent-\[3\.5rem\]{text-indent:3.5rem}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-main{font-family:Inter,sans-serif}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.\!text-2xl{font-size:1.5rem!important;line-height:2rem!important}.\!text-2xs{font-size:.7rem!important}.\!text-\[10px\]{font-size:10px!important}.\!text-lg{font-size:1.125rem!important;line-height:1.75rem!important}.\!text-sm{font-size:.875rem!important;line-height:1.25rem!important}.\!text-xs{font-size:.75rem!important;line-height:1rem!important}.text-2xl{font-size:1.5rem;line-height:2rem}.text-2xs{font-size:.7rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-\[0\.6em\]{font-size:.6em}.text-\[0\.6rem\]{font-size:.6rem}.text-\[0\.7em\]{font-size:.7em}.text-\[1\.2em\]{font-size:1.2em}.text-\[10px\]{font-size:10px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.\!font-bold{font-weight:700!important}.\!font-medium{font-weight:500!important}.\!font-normal{font-weight:400!important}.font-black{font-weight:900}.font-bold{font-weight:700}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-6{line-height:1.5rem}.leading-8{line-height:2rem}.leading-none{line-height:1}.leading-normal{line-height:1.5}.tracking-tight{letter-spacing:-.025em}.\!text-blue-600{--tw-text-opacity:1!important;color:rgb(37 99 235/var(--tw-text-opacity))!important}.\!text-blue-900{--tw-text-opacity:1!important;color:rgb(30 58 138/var(--tw-text-opacity))!important}.\!text-gray-300{--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity))!important}.\!text-primary{--tw-text-opacity:1!important;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))!important}.\!text-red-600{--tw-text-opacity:1!important;color:rgb(220 38 38/var(--tw-text-opacity))!important}.\!text-secondary{--tw-text-opacity:1!important;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))!important}.\!text-tertiary{--tw-text-opacity:1!important;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))!important}.text-\[\#0007\]{color:#0007}.text-\[\#11181C\]{--tw-text-opacity:1;color:rgb(17 24 28/var(--tw-text-opacity))}.text-\[\#14b8a6\]{--tw-text-opacity:1;color:rgb(20 184 166/var(--tw-text-opacity))}.text-black{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.text-blue-100{--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}.text-blue-300{--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}.text-blue-400{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.text-blue-600{--tw-text-opacity:1;color:rgb(37 99 235/var(--tw-text-opacity))}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity))}.text-blue-800{--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}.text-current{color:currentcolor}.text-disabled{--tw-text-opacity:1;color:rgb(var(--color-text-disabled)/var(--tw-text-opacity))}.text-frost-200{--tw-text-opacity:1;color:rgb(207 217 232/var(--tw-text-opacity))}.text-frost-500{--tw-text-opacity:1;color:rgb(94 129 172/var(--tw-text-opacity))}.text-gray-100{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}.text-gray-200{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.text-gray-300{--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity))}.text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.text-green-100{--tw-text-opacity:1;color:rgb(220 252 231/var(--tw-text-opacity))}.text-green-300{--tw-text-opacity:1;color:rgb(134 239 172/var(--tw-text-opacity))}.text-green-400{--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94/var(--tw-text-opacity))}.text-green-600{--tw-text-opacity:1;color:rgb(22 163 74/var(--tw-text-opacity))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.text-green-800{--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}.text-indigo-100{--tw-text-opacity:1;color:rgb(224 231 255/var(--tw-text-opacity))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.text-indigo-600{--tw-text-opacity:1;color:rgb(79 70 229/var(--tw-text-opacity))}.text-indigo-800{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.text-marine-50{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}.text-orange-100{--tw-text-opacity:1;color:rgb(255 237 213/var(--tw-text-opacity))}.text-orange-500{--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}.text-orange-600{--tw-text-opacity:1;color:rgb(234 88 12/var(--tw-text-opacity))}.text-orange-700,.text-orange-800{--tw-text-opacity:1;color:rgb(194 65 12/var(--tw-text-opacity))}.text-primary{--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}.text-primary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}.text-red-300{--tw-text-opacity:1;color:rgb(252 165 165/var(--tw-text-opacity))}.text-red-400{--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.text-red-600{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.text-secondary{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.text-secondary\/80{color:rgb(var(--color-text-secondary)/.8)}.text-teal-600{--tw-text-opacity:1;color:rgb(13 148 136/var(--tw-text-opacity))}.text-tertiary{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))}.text-tertiary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary-inverse)/var(--tw-text-opacity))}.text-violet-800{--tw-text-opacity:1;color:rgb(91 33 182/var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.text-yellow-500{--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}.text-yellow-600{--tw-text-opacity:1;color:rgb(202 138 4/var(--tw-text-opacity))}.text-yellow-700{--tw-text-opacity:1;color:rgb(161 98 7/var(--tw-text-opacity))}.text-yellow-800{--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}.text-opacity-70{--tw-text-opacity:0.7}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.decoration-gray-400{text-decoration-color:#9ca3af}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.\!opacity-0{opacity:0!important}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.\!shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1)!important;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)!important}.\!shadow-md,.\!shadow-none{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}.\!shadow-none{--tw-shadow:0 0 #0000!important;--tw-shadow-colored:0 0 #0000!important}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-inner{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 rgba(0,0,0,.05);--tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color)}.\!outline-none{outline:2px solid transparent!important;outline-offset:2px!important}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.outline-1{outline-width:1px}.outline-2{outline-width:2px}.outline-\[1px\]{outline-width:1px}.outline-offset-0{outline-offset:0}.outline-offset-1{outline-offset:1px}.outline-offset-2{outline-offset:2px}.outline-black{outline-color:#000}.outline-blue-500{outline-color:#3b82f6}.outline-blue-600{outline-color:#2563eb}.outline-gray-300{outline-color:#d1d5db}.outline-gray-600{outline-color:#4b5563}.outline-gray-700{outline-color:#374151}.outline-indigo-500{outline-color:#6366f1}.outline-indigo-600{outline-color:#4f46e5}.outline-orange-600{outline-color:#ea580c}.outline-slate-500{outline-color:#64748b}.outline-slate-900{outline-color:#0f172a}.outline-surface-secondary{outline-color:rgb(var(--color-surface-secondary)/1)}.\!ring-0{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color)!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-1,.ring-2{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.ring-inset{--tw-ring-inset:inset}.\!ring-frost-100{--tw-ring-opacity:1!important;--tw-ring-color:rgb(234 238 244/var(--tw-ring-opacity))!important}.\!ring-gray-300{--tw-ring-opacity:1!important;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))!important}.ring-black{--tw-ring-opacity:1;--tw-ring-color:rgb(0 0 0/var(--tw-ring-opacity))}.ring-white{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.ring-opacity-5{--tw-ring-opacity:0.05}.\!ring-offset-0{--tw-ring-offset-width:0px!important}.blur{--tw-blur:blur(8px)}.blur,.drop-shadow-md{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-md{--tw-drop-shadow:drop-shadow(0 4px 3px rgba(0,0,0,.07)) drop-shadow(0 2px 2px rgba(0,0,0,.06))}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-\[1px\]{--tw-backdrop-blur:blur(1px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.\!transition-none{transition-property:none!important}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-\[opacity\]{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.delay-1000{transition-delay:1s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-75{transition-duration:75ms}.duration-\[25ms\]{transition-duration:25ms}.duration-\[400ms\]{transition-duration:.4s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.separator{background-color:#ddd!important}.\!dark .separator,.dark .separator{background-color:#3e4c60!important}.center-center{align-items:center;display:flex;justify-content:center}.\!dark .inner-border{box-shadow:inset 0 0 0 1px #3e4c60!important}.dark .inner-border{box-shadow:inset 0 0 0 1px #3e4c60}.z5000{z-index:5000!important}.ellipsize{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.\!disabled{cursor:default!important;filter:grayscale(1)!important;pointer-events:none!important}.disabled{cursor:default;filter:grayscale(1);pointer-events:none}.scrollbar-hidden{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hidden::-webkit-scrollbar{display:none;width:0}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.\[animation-delay\:1000ms\]{animation-delay:1s}.\[background-size\:16px_16px\]{background-size:16px 16px}.splitpanes--horizontal>.splitpanes__pane,.splitpanes--vertical>.splitpanes__pane{transition:none!important}.monaco-workbench>.notifications-toasts.visible{display:none!important}.monaco-editor .suggest-widget{z-index:10001!important}svelte-virtual-list-row{overflow:visible!important}svelte-virtual-list-contents>*+*{border-bottom-width:0!important;border-top-width:1px!important}.monaco-editor textarea:focus{box-shadow:none!important}.component-wrapper{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity));border-radius:.25rem;border-width:1px;overflow:hidden}:is(.dark .component-wrapper){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.app-editor-input{border-radius:.25rem;border-width:1px}.app-editor-input,.app-editor-input:focus{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}.app-editor-input:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)!important;--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)!important;--tw-ring-opacity:1!important;--tw-ring-color:rgb(147 197 253/var(--tw-ring-opacity))!important;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)!important}:is(.dark .app-editor-input){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}:is(.dark .app-editor-input):focus{--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}.app-editor-input::-moz-placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.app-editor-input::placeholder{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .app-editor-input)::-moz-placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .app-editor-input)::placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity))}.app-editor-input:disabled{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input:disabled::-moz-placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}.app-editor-input:disabled::placeholder{--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled{--tw-border-opacity:1;--tw-text-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity));color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled::-moz-placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .app-editor-input):disabled::placeholder{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}.nonmain-editor .cursor.monaco-mouse-cursor-text{width:1px!important}.bg-locked{background-image:repeating-linear-gradient(-45deg,hsla(0,0%,50%,.2),hsla(0,0%,50%,.2) 10px,hsla(0,0%,75%,.2) 0,hsla(0,0%,75%,.2) 20px)}.bg-locked-hover{background-image:repeating-linear-gradient(-45deg,rgba(255,99,71,.2),rgba(255,99,71,.2) 10px,rgba(255,69,58,.2),rgba(255,69,58,.2) 20px)}:is(.dark .dark\:prose-invert){--tw-prose-body:var(--tw-prose-invert-body);--tw-prose-headings:var(--tw-prose-invert-headings);--tw-prose-lead:var(--tw-prose-invert-lead);--tw-prose-links:var(--tw-prose-invert-links);--tw-prose-bold:var(--tw-prose-invert-bold);--tw-prose-counters:var(--tw-prose-invert-counters);--tw-prose-bullets:var(--tw-prose-invert-bullets);--tw-prose-hr:var(--tw-prose-invert-hr);--tw-prose-quotes:var(--tw-prose-invert-quotes);--tw-prose-quote-borders:var(--tw-prose-invert-quote-borders);--tw-prose-captions:var(--tw-prose-invert-captions);--tw-prose-kbd:var(--tw-prose-invert-kbd);--tw-prose-kbd-shadows:var(--tw-prose-invert-kbd-shadows);--tw-prose-code:var(--tw-prose-invert-code);--tw-prose-pre-code:var(--tw-prose-invert-pre-code);--tw-prose-pre-bg:var(--tw-prose-invert-pre-bg);--tw-prose-th-borders:var(--tw-prose-invert-th-borders);--tw-prose-td-borders:var(--tw-prose-invert-td-borders)}.placeholder\:text-secondary::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.placeholder\:text-secondary::placeholder{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:left-\[2px\]:after{content:var(--tw-content);left:2px}.after\:top-0:after{content:var(--tw-content);top:0}.after\:top-0\.5:after{content:var(--tw-content);top:.125rem}.after\:h-3:after{content:var(--tw-content);height:.75rem}.after\:h-5:after{content:var(--tw-content);height:1.25rem}.after\:w-3:after{content:var(--tw-content);width:.75rem}.after\:w-5:after{content:var(--tw-content);width:1.25rem}.after\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\:border:after{border-width:1px;content:var(--tw-content)}.after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}.after\:bg-surface:after{--tw-bg-opacity:1;background-color:rgb(var(--color-surface)/var(--tw-bg-opacity));content:var(--tw-content)}.after\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\:content-\[\'\'\]:after{--tw-content:"";content:var(--tw-content)}.last\:border-b-0:last-child{border-bottom-width:0}.last\:pb-0:last-child{padding-bottom:0}.first-of-type\:rounded-t-md:first-of-type{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.first-of-type\:\!border-t-0:first-of-type{border-top-width:0!important}.last-of-type\:rounded-b-md:last-of-type{border-bottom-left-radius:.375rem;border-bottom-right-radius:.375rem}.focus-within\:border-blue-300:focus-within{--tw-border-opacity:1;border-color:rgb(147 197 253/var(--tw-border-opacity))}.focus-within\:border-blue-500:focus-within{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.focus-within\:bg-blue-50:focus-within{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:\!visible:hover{visibility:visible!important}.hover\:z-50:hover{z-index:50}.hover\:animate-none:hover{animation:none}.hover\:divide-blue-300:hover>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(147 197 253/var(--tw-divide-opacity))}.hover\:border-blue-500:hover{--tw-border-opacity:1;border-color:rgb(59 130 246/var(--tw-border-opacity))}.hover\:border-blue-700:hover{--tw-border-opacity:1;border-color:rgb(29 78 216/var(--tw-border-opacity))}.hover\:border-frost-700:hover{--tw-border-opacity:1;border-color:rgb(54 77 110/var(--tw-border-opacity))}.hover\:border-gray-600:hover{--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}.hover\:border-gray-700:hover{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.hover\:border-green-700:hover{--tw-border-opacity:1;border-color:rgb(21 128 61/var(--tw-border-opacity))}.hover\:border-marine-500:hover{--tw-border-opacity:1;border-color:rgb(50 63 91/var(--tw-border-opacity))}.hover\:border-red-600:hover{--tw-border-opacity:1;border-color:rgb(220 38 38/var(--tw-border-opacity))}.hover\:border-red-700:hover{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.hover\:border-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--color-text-secondary)/var(--tw-border-opacity))}.hover\:border-opacity-100:hover{--tw-border-opacity:1}.hover\:\!bg-surface-hover:hover{--tw-bg-opacity:1!important;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))!important}.hover\:bg-\[\#2A3648\]:hover{--tw-bg-opacity:1;background-color:rgb(42 54 72/var(--tw-bg-opacity))}.hover\:bg-\[\#30404e\]:hover{--tw-bg-opacity:1;background-color:rgb(48 64 78/var(--tw-bg-opacity))}.hover\:bg-\[\#E6E8EB\]:hover{--tw-bg-opacity:1;background-color:rgb(230 232 235/var(--tw-bg-opacity))}.hover\:bg-blue-100:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity))}.hover\:bg-blue-200:hover{--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}.hover\:bg-blue-400:hover{--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}.hover\:bg-blue-50:hover{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity))}.hover\:bg-blue-700:hover{--tw-bg-opacity:1;background-color:rgb(29 78 216/var(--tw-bg-opacity))}.hover\:bg-frost-100:hover{--tw-bg-opacity:1;background-color:rgb(234 238 244/var(--tw-bg-opacity))}.hover\:bg-frost-500:hover{--tw-bg-opacity:1;background-color:rgb(94 129 172/var(--tw-bg-opacity))}.hover\:bg-frost-700:hover{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.hover\:bg-gray-100:hover{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.hover\:bg-gray-200:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.hover\:bg-gray-200\/90:hover{background-color:rgba(229,231,235,.9)}.hover\:bg-gray-300:hover{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}.hover\:bg-gray-300\/20:hover{background-color:rgba(209,213,219,.2)}.hover\:bg-gray-400:hover{--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity))}.hover\:bg-gray-600:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.hover\:bg-gray-700:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.hover\:bg-green-100:hover{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity))}.hover\:bg-green-200:hover{--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}.hover\:bg-green-700:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}.hover\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(224 231 255/var(--tw-bg-opacity))}.hover\:bg-indigo-200:hover{--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}.hover\:bg-indigo-300:hover{--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}.hover\:bg-indigo-500:hover{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.hover\:bg-indigo-700:hover{--tw-bg-opacity:1;background-color:rgb(67 56 202/var(--tw-bg-opacity))}.hover\:bg-marine-200:hover{--tw-bg-opacity:1;background-color:rgb(88 111 158/var(--tw-bg-opacity))}.hover\:bg-marine-500:hover{--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}.hover\:bg-orange-200:hover{--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}.hover\:bg-red-100:hover{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity))}.hover\:bg-red-200:hover{--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}.hover\:bg-red-300:hover{--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}.hover\:bg-red-400:hover{--tw-bg-opacity:1;background-color:rgb(248 113 113/var(--tw-bg-opacity))}.hover\:bg-red-600:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.hover\:bg-surface-hover:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.hover\:bg-surface-secondary:hover{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}.hover\:bg-yellow-200:hover{--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}.hover\:bg-yellow-300:hover{--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}.hover\:\!text-gray-600:hover{--tw-text-opacity:1!important;color:rgb(75 85 99/var(--tw-text-opacity))!important}.hover\:text-blue-400:hover{--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}.hover\:text-blue-500:hover{--tw-text-opacity:1;color:rgb(59 130 246/var(--tw-text-opacity))}.hover\:text-frost-700:hover{--tw-text-opacity:1;color:rgb(54 77 110/var(--tw-text-opacity))}.hover\:text-gray-600:hover{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.hover\:text-gray-700:hover{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.hover\:text-gray-900:hover{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}.hover\:text-green-700:hover{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity))}.hover\:text-indigo-200:hover{--tw-text-opacity:1;color:rgb(199 210 254/var(--tw-text-opacity))}.hover\:text-indigo-500:hover{--tw-text-opacity:1;color:rgb(99 102 241/var(--tw-text-opacity))}.hover\:text-indigo-800:hover{--tw-text-opacity:1;color:rgb(55 48 163/var(--tw-text-opacity))}.hover\:text-marine-50:hover{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}.hover\:text-primary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.hover\:text-red-700:hover{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.hover\:text-red-800:hover{--tw-text-opacity:1;color:rgb(153 27 27/var(--tw-text-opacity))}.hover\:text-secondary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.hover\:text-tertiary:hover{--tw-text-opacity:1;color:rgb(var(--color-text-tertiary)/var(--tw-text-opacity))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}.hover\:outline:hover{outline-style:solid}.hover\:ring-1:hover{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.hover\:ring-indigo-300:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(165 180 252/var(--tw-ring-opacity))}.hover\:transition-all:hover{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:delay-0:hover{transition-delay:0s}.focus\:\!border-red-700:focus{--tw-border-opacity:1!important;border-color:rgb(185 28 28/var(--tw-border-opacity))!important}.focus\:border-indigo-300:focus{--tw-border-opacity:1;border-color:rgb(165 180 252/var(--tw-border-opacity))}.focus\:border-primary:focus{--tw-border-opacity:1;border-color:rgb(var(--color-text-primary)/var(--tw-border-opacity))}.focus\:border-red-700:focus{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.focus\:\!border-opacity-30:focus{--tw-border-opacity:0.3!important}.focus\:border-opacity-30:focus{--tw-border-opacity:0.3}.focus\:bg-gray-100:focus{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus\:bg-gray-600:focus{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.focus\:bg-indigo-500:focus{--tw-bg-opacity:1;background-color:rgb(99 102 241/var(--tw-bg-opacity))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring: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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-2:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-4: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(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-inset:focus{--tw-ring-inset:inset}.focus\:ring-frost-600:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(65 95 136/var(--tw-ring-opacity))}.focus\:ring-gray-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(229 231 235/var(--tw-ring-opacity))}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(199 210 254/var(--tw-ring-opacity))}.focus\:ring-indigo-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(99 102 241/var(--tw-ring-opacity))}.focus\:ring-surface-selected:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected)/var(--tw-ring-opacity))}.focus\:ring-white:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255/var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus-visible\:border-frost-700:focus-visible{--tw-border-opacity:1;border-color:rgb(54 77 110/var(--tw-border-opacity))}.focus-visible\:border-gray-700:focus-visible{--tw-border-opacity:1;border-color:rgb(55 65 81/var(--tw-border-opacity))}.focus-visible\:border-marine-500:focus-visible{--tw-border-opacity:1;border-color:rgb(50 63 91/var(--tw-border-opacity))}.focus-visible\:border-red-700:focus-visible{--tw-border-opacity:1;border-color:rgb(185 28 28/var(--tw-border-opacity))}.focus-visible\:bg-frost-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(234 238 244/var(--tw-bg-opacity))}.focus-visible\:bg-frost-700:focus-visible{--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}.focus-visible\:bg-gray-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity))}.focus-visible\:bg-gray-700:focus-visible{--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}.focus-visible\:bg-marine-100:focus-visible{--tw-bg-opacity:1;background-color:rgb(133 154 199/var(--tw-bg-opacity))}.focus-visible\:bg-marine-500:focus-visible{--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}.focus-visible\:bg-surface-hover:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}.focus-visible\:bg-surface-hover-inverse:focus-visible{--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover-inverse)/var(--tw-bg-opacity))}.focus-visible\:text-frost-700:focus-visible{--tw-text-opacity:1;color:rgb(54 77 110/var(--tw-text-opacity))}.focus-visible\:text-gray-700:focus-visible{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.focus-visible\:text-marine-300:focus-visible{--tw-text-opacity:1;color:rgb(74 95 138/var(--tw-text-opacity))}.focus-visible\:text-secondary:focus-visible{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.focus-visible\:outline:focus-visible{outline-style:solid}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-frost-600:focus-visible{outline-color:#415f88}.focus-visible\:ring-2:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus-visible\:ring-frost-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(166 186 211/var(--tw-ring-opacity))}.focus-visible\:ring-gray-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(209 213 219/var(--tw-ring-opacity))}.focus-visible\:ring-green-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(134 239 172/var(--tw-ring-opacity))}.focus-visible\:ring-marine-200:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(88 111 158/var(--tw-ring-opacity))}.focus-visible\:ring-red-300:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(252 165 165/var(--tw-ring-opacity))}.focus-visible\:ring-red-700:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(185 28 28/var(--tw-ring-opacity))}.focus-visible\:ring-surface-selected:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected)/var(--tw-ring-opacity))}.focus-visible\:ring-surface-selected-inverse:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--color-surface-selected-inverse)/var(--tw-ring-opacity))}.focus-visible\:ring-opacity-25:focus-visible{--tw-ring-opacity:0.25}.active\:opacity-80:active{opacity:.8}.group:hover .group-hover\:block{display:block}.group:hover .group-hover\:text-primary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary{--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}.group:hover .group-hover\:text-secondary-inverse{--tw-text-opacity:1;color:rgb(var(--color-text-secondary-inverse)/var(--tw-text-opacity))}.group:hover .group-hover\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.group:hover .group-hover\:opacity-100{opacity:1}.peer:checked~.peer-checked\:bg-blue-600{--tw-bg-opacity:1;background-color:rgb(37 99 235/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:bg-red-600{--tw-bg-opacity:1;background-color:rgb(220 38 38/var(--tw-bg-opacity))}.peer:checked~.peer-checked\:after\:translate-x-full:after{--tw-translate-x:100%;content:var(--tw-content);transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\:after\:border-white:after{--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity));content:var(--tw-content)}:is(.dark .dark\:divide-gray-200)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(229 231 235/var(--tw-divide-opacity))}:is(.dark .dark\:divide-gray-600)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(75 85 99/var(--tw-divide-opacity))}:is(.dark .dark\:divide-gray-700)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}:is(.dark .dark\:\!border-gray-600){--tw-border-opacity:1!important;border-color:rgb(75 85 99/var(--tw-border-opacity))!important}:is(.dark .dark\:border-blue-500\/70){border-color:rgba(59,130,246,.7)}:is(.dark .dark\:border-blue-700\/40){border-color:rgba(29,78,216,.4)}:is(.dark .dark\:border-blue-900){--tw-border-opacity:1;border-color:rgb(30 58 138/var(--tw-border-opacity))}:is(.dark .dark\:border-frost-300){--tw-border-opacity:1;border-color:rgb(166 186 211/var(--tw-border-opacity))}:is(.dark .dark\:border-frost-600){--tw-border-opacity:1;border-color:rgb(65 95 136/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-100){--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-300){--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-400){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-500){--tw-border-opacity:1;border-color:rgb(107 114 128/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-600){--tw-border-opacity:1;border-color:rgb(75 85 99/var(--tw-border-opacity))}:is(.dark .dark\:border-gray-900){--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity))}:is(.dark .dark\:border-green-400\/90){border-color:rgba(74,222,128,.9)}:is(.dark .dark\:border-green-700\/40){border-color:rgba(21,128,61,.4)}:is(.dark .dark\:border-marine-200){--tw-border-opacity:1;border-color:rgb(88 111 158/var(--tw-border-opacity))}:is(.dark .dark\:border-orange-400\/70){border-color:rgba(251,146,60,.7)}:is(.dark .dark\:border-red-400\/70){border-color:hsla(0,91%,71%,.7)}:is(.dark .dark\:border-red-400\/90){border-color:hsla(0,91%,71%,.9)}:is(.dark .dark\:border-red-700\/40){border-color:rgba(185,28,28,.4)}:is(.dark .dark\:border-teal-600\/70){border-color:rgba(13,148,136,.7)}:is(.dark .dark\:border-yellow-700\/40){border-color:rgba(161,98,7,.4)}:is(.dark .dark\:\!bg-frost-900){--tw-bg-opacity:1!important;background-color:rgb(43 57 79/var(--tw-bg-opacity))!important}:is(.dark .dark\:\!bg-frost-900\/75){background-color:rgba(43,57,79,.75)!important}:is(.dark .dark\:\!bg-gray-700){--tw-bg-opacity:1!important;background-color:rgb(55 65 81/var(--tw-bg-opacity))!important}:is(.dark .dark\:bg-\[\#1C1C1C\]){--tw-bg-opacity:1;background-color:rgb(28 28 28/var(--tw-bg-opacity))}:is(.dark .dark\:bg-\[\#1e232e\]){--tw-bg-opacity:1;background-color:rgb(30 35 46/var(--tw-bg-opacity))}:is(.dark .dark\:bg-\[\#272D38\]){--tw-bg-opacity:1;background-color:rgb(39 45 56/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-200){--tw-bg-opacity:1;background-color:rgb(191 219 254/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-400){--tw-bg-opacity:1;background-color:rgb(96 165 250/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-500){--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-800){--tw-bg-opacity:1;background-color:rgb(30 64 175/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-800\/20){background-color:rgba(30,64,175,.2)}:is(.dark .dark\:bg-blue-900){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}:is(.dark .dark\:bg-blue-900\/40){background-color:rgba(30,58,138,.4)}:is(.dark .dark\:bg-blue-900\/50){background-color:rgba(30,58,138,.5)}:is(.dark .dark\:bg-frost-500\/90){background-color:rgba(94,129,172,.9)}:is(.dark .dark\:bg-frost-700){--tw-bg-opacity:1;background-color:rgb(54 77 110/var(--tw-bg-opacity))}:is(.dark .dark\:bg-frost-800){--tw-bg-opacity:1;background-color:rgb(47 66 93/var(--tw-bg-opacity))}:is(.dark .dark\:bg-frost-900\/50){background-color:rgba(43,57,79,.5)}:is(.dark .dark\:bg-gray-600){--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-700){--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-800){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:bg-gray-900){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-200){--tw-bg-opacity:1;background-color:rgb(187 247 208/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-700){--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}:is(.dark .dark\:bg-green-700\/90){background-color:rgba(21,128,61,.9)}:is(.dark .dark\:bg-green-900\/40){background-color:rgba(20,83,45,.4)}:is(.dark .dark\:bg-indigo-200){--tw-bg-opacity:1;background-color:rgb(199 210 254/var(--tw-bg-opacity))}:is(.dark .dark\:bg-indigo-700\/50){background-color:rgba(67,56,202,.5)}:is(.dark .dark\:bg-marine-200){--tw-bg-opacity:1;background-color:rgb(88 111 158/var(--tw-bg-opacity))}:is(.dark .dark\:bg-marine-50){--tw-bg-opacity:1;background-color:rgb(233 233 244/var(--tw-bg-opacity))}:is(.dark .dark\:bg-orange-100){--tw-bg-opacity:1;background-color:rgb(255 237 213/var(--tw-bg-opacity))}:is(.dark .dark\:bg-orange-800\/20){background-color:rgba(194,65,12,.2)}:is(.dark .dark\:bg-red-200){--tw-bg-opacity:1;background-color:rgb(254 202 202/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-700){--tw-bg-opacity:1;background-color:rgb(185 28 28/var(--tw-bg-opacity))}:is(.dark .dark\:bg-red-700\/90){background-color:rgba(185,28,28,.9)}:is(.dark .dark\:bg-red-800\/50){background-color:rgba(153,27,27,.5)}:is(.dark .dark\:bg-red-900\/40){background-color:rgba(127,29,29,.4)}:is(.dark .dark\:bg-surface-secondary){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-secondary)/var(--tw-bg-opacity))}:is(.dark .dark\:bg-surface-selected){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-selected)/var(--tw-bg-opacity))}:is(.dark .dark\:bg-teal-800\/20){background-color:rgba(17,94,89,.2)}:is(.dark .dark\:bg-transparent){background-color:transparent}:is(.dark .dark\:bg-white\/5){background-color:hsla(0,0%,100%,.05)}:is(.dark .dark\:bg-yellow-100){--tw-bg-opacity:1;background-color:rgb(254 249 195/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-200){--tw-bg-opacity:1;background-color:rgb(254 240 138/var(--tw-bg-opacity))}:is(.dark .dark\:bg-yellow-900\/40){background-color:rgba(113,63,18,.4)}:is(.dark .dark\:bg-opacity-75){--tw-bg-opacity:0.75}:is(.dark .dark\:bg-\[radial-gradient\(\#666666_1px\2c transparent_1px\)\]){background-image:radial-gradient(#666 1px,transparent 0)}:is(.dark .dark\:\!text-gray-300){--tw-text-opacity:1!important;color:rgb(209 213 219/var(--tw-text-opacity))!important}:is(.dark .dark\:\!text-red-400){--tw-text-opacity:1!important;color:rgb(248 113 113/var(--tw-text-opacity))!important}:is(.dark .dark\:text-\[\#EDEDED\]){--tw-text-opacity:1;color:rgb(237 237 237/var(--tw-text-opacity))}:is(.dark .dark\:text-\[\#ffffff56\]){color:#ffffff56}:is(.dark .dark\:text-blue-100){--tw-text-opacity:1;color:rgb(219 234 254/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-200){--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-300){--tw-text-opacity:1;color:rgb(147 197 253/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-400){--tw-text-opacity:1;color:rgb(96 165 250/var(--tw-text-opacity))}:is(.dark .dark\:text-blue-800){--tw-text-opacity:1;color:rgb(30 64 175/var(--tw-text-opacity))}:is(.dark .dark\:text-frost-100){--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .dark\:text-frost-300){--tw-text-opacity:1;color:rgb(166 186 211/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-100){--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-200){--tw-text-opacity:1;color:rgb(229 231 235/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-300){--tw-text-opacity:1;color:rgb(209 213 219/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-400){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-50){--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-500){--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity))}:is(.dark .dark\:text-gray-900){--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity))}:is(.dark .dark\:text-green-100\/90){color:rgba(220,252,231,.9)}:is(.dark .dark\:text-green-300\/90){color:rgba(134,239,172,.9)}:is(.dark .dark\:text-green-400){--tw-text-opacity:1;color:rgb(74 222 128/var(--tw-text-opacity))}:is(.dark .dark\:text-green-800){--tw-text-opacity:1;color:rgb(22 101 52/var(--tw-text-opacity))}:is(.dark .dark\:text-green-900){--tw-text-opacity:1;color:rgb(20 83 45/var(--tw-text-opacity))}:is(.dark .dark\:text-indigo-400){--tw-text-opacity:1;color:rgb(129 140 248/var(--tw-text-opacity))}:is(.dark .dark\:text-indigo-900){--tw-text-opacity:1;color:rgb(49 46 129/var(--tw-text-opacity))}:is(.dark .dark\:text-marine-50){--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .dark\:text-orange-500){--tw-text-opacity:1;color:rgb(249 115 22/var(--tw-text-opacity))}:is(.dark .dark\:text-primary){--tw-text-opacity:1;color:rgb(var(--color-text-primary)/var(--tw-text-opacity))}:is(.dark .dark\:text-primary-inverse){--tw-text-opacity:1;color:rgb(var(--color-text-primary-inverse)/var(--tw-text-opacity))}:is(.dark .dark\:text-red-100\/90){color:hsla(0,93%,94%,.9)}:is(.dark .dark\:text-red-200){--tw-text-opacity:1;color:rgb(254 202 202/var(--tw-text-opacity))}:is(.dark .dark\:text-red-300\/90){color:hsla(0,94%,82%,.9)}:is(.dark .dark\:text-red-400){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity))}:is(.dark .dark\:text-red-500){--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}:is(.dark .dark\:text-red-900){--tw-text-opacity:1;color:rgb(127 29 29/var(--tw-text-opacity))}:is(.dark .dark\:text-secondary){--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}:is(.dark .dark\:text-violet-400){--tw-text-opacity:1;color:rgb(167 139 250/var(--tw-text-opacity))}:is(.dark .dark\:text-white){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-100\/90){color:hsla(55,97%,88%,.9)}:is(.dark .dark\:text-yellow-300\/90){color:rgba(253,224,71,.9)}:is(.dark .dark\:text-yellow-500){--tw-text-opacity:1;color:rgb(234 179 8/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-800){--tw-text-opacity:1;color:rgb(133 77 14/var(--tw-text-opacity))}:is(.dark .dark\:text-yellow-900){--tw-text-opacity:1;color:rgb(113 63 18/var(--tw-text-opacity))}:is(.dark .dark\:shadow-gray-700){--tw-shadow-color:#374151;--tw-shadow:var(--tw-shadow-colored)}:is(.dark .dark\:outline-gray-400){outline-color:#9ca3af}:is(.dark .dark\:outline-gray-500){outline-color:#6b7280}:is(.dark .dark\:outline-slate-800\/60){outline-color:rgba(30,41,59,.6)}:is(.dark .dark\:outline-slate-900\/0){outline-color:rgba(15,23,42,0)}:is(.dark .dark\:invert){--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}:is(.dark .dark\:hover\:divide-gray-700:hover)>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(55 65 81/var(--tw-divide-opacity))}:is(.dark .dark\:hover\:border-frost-400:hover){--tw-border-opacity:1;border-color:rgb(117 148 187/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-gray-400:hover){--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-marine-400:hover){--tw-border-opacity:1;border-color:rgb(57 74 109/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-red-300:hover){--tw-border-opacity:1;border-color:rgb(252 165 165/var(--tw-border-opacity))}:is(.dark .dark\:hover\:border-red-400:hover){--tw-border-opacity:1;border-color:rgb(248 113 113/var(--tw-border-opacity))}:is(.dark .dark\:hover\:bg-black:hover){--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-blue-100\/10:hover){background-color:rgba(219,234,254,.1)}:is(.dark .dark\:hover\:bg-blue-300:hover){--tw-bg-opacity:1;background-color:rgb(147 197 253/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-blue-900:hover){--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-frost-600\/90:hover){background-color:rgba(65,95,136,.9)}:is(.dark .dark\:hover\:bg-frost-900:hover){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-frost-900\/50:hover){background-color:rgba(43,57,79,.5)}:is(.dark .dark\:hover\:bg-gray-300:hover){--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-800:hover){--tw-bg-opacity:1;background-color:rgb(31 41 55/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-gray-900:hover){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-300:hover){--tw-bg-opacity:1;background-color:rgb(134 239 172/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-700:hover){--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-green-800:hover){--tw-bg-opacity:1;background-color:rgb(22 101 52/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-indigo-300:hover){--tw-bg-opacity:1;background-color:rgb(165 180 252/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-marine-400:hover){--tw-bg-opacity:1;background-color:rgb(57 74 109/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-marine-50\/70:hover){background-color:rgba(233,233,244,.7)}:is(.dark .dark\:hover\:bg-orange-300:hover){--tw-bg-opacity:1;background-color:rgb(253 192 137/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-red-300:hover){--tw-bg-opacity:1;background-color:rgb(252 165 165/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-red-500\/60:hover){background-color:rgba(239,68,68,.6)}:is(.dark .dark\:hover\:bg-red-900:hover){--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-surface-hover:hover){--tw-bg-opacity:1;background-color:rgb(var(--color-surface-hover)/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:bg-yellow-300:hover){--tw-bg-opacity:1;background-color:rgb(253 224 71/var(--tw-bg-opacity))}:is(.dark .hover\:dark\:bg-gray-900):hover{--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:hover\:\!text-gray-200:hover){--tw-text-opacity:1!important;color:rgb(229 231 235/var(--tw-text-opacity))!important}:is(.dark .dark\:hover\:text-frost-100:hover){--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-frost-400:hover){--tw-text-opacity:1;color:rgb(117 148 187/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-gray-400:hover){--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-indigo-300:hover){--tw-text-opacity:1;color:rgb(165 180 252/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-marine-50:hover){--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .dark\:hover\:text-red-100:hover){--tw-text-opacity:1;color:rgb(254 226 226/var(--tw-text-opacity))}:is(.dark .dark\:focus\:bg-frost-900:focus){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-frost-900:focus-visible){--tw-bg-opacity:1;background-color:rgb(43 57 79/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-gray-900:focus-visible){--tw-bg-opacity:1;background-color:rgb(17 24 39/var(--tw-bg-opacity))}:is(.dark .dark\:focus-visible\:bg-marine-500:focus-visible){--tw-bg-opacity:1;background-color:rgb(50 63 91/var(--tw-bg-opacity))}:is(.dark .focus-visible\:dark\:text-frost-100):focus-visible{--tw-text-opacity:1;color:rgb(234 238 244/var(--tw-text-opacity))}:is(.dark .focus-visible\:dark\:text-gray-100):focus-visible{--tw-text-opacity:1;color:rgb(243 244 246/var(--tw-text-opacity))}:is(.dark .focus-visible\:dark\:text-marine-50):focus-visible{--tw-text-opacity:1;color:rgb(233 233 244/var(--tw-text-opacity))}:is(.dark .group:hover .dark\:group-hover\:text-secondary){--tw-text-opacity:1;color:rgb(var(--color-text-secondary)/var(--tw-text-opacity))}:is(.dark .peer:checked~.dark\:peer-checked\:bg-blue-500){--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity))}@media (min-width:640px){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-8{margin-bottom:2rem;margin-top:2rem}.sm\:mr-0{margin-right:0}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:w-full{width:100%}.sm\:max-w-5xl{max-width:64rem}.sm\:max-w-lg{max-width:32rem}.sm\:max-w-md{max-width:28rem}.sm\:max-w-xl{max-width:36rem}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:scale-100,.sm\:translate-y-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:flex-nowrap{flex-wrap:nowrap}.sm\:items-center{align-items:center}.sm\:gap-10{gap:2.5rem}.sm\:gap-4{gap:1rem}.sm\:rounded-lg{border-radius:.5rem}.sm\:p-6{padding:1.5rem}.sm\:\!px-6{padding-left:1.5rem!important;padding-right:1.5rem!important}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-4{padding-left:1rem;padding-right:1rem}.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}.sm\:py-8{padding-bottom:2rem;padding-top:2rem}.sm\:pl-3{padding-left:.75rem}.sm\:pl-6{padding-left:1.5rem}.sm\:pr-3{padding-right:.75rem}.sm\:pr-6{padding-right:1.5rem}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:leading-6{line-height:1.5rem}}@media (min-width:768px){.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-20{margin-bottom:5rem}.md\:mt-6{margin-top:1.5rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:inline-flex{display:inline-flex}.md\:hidden{display:none}.md\:w-12{width:3rem}.md\:w-40{width:10rem}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-nowrap{flex-wrap:nowrap}.md\:gap-2{gap:.5rem}.md\:gap-40{gap:10rem}.md\:border{border-width:1px}.md\:\!px-8{padding-left:2rem!important;padding-right:2rem!important}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:pb-2{padding-bottom:.5rem}.md\:pl-12{padding-left:3rem}.md\:pl-40{padding-left:10rem}.md\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:1024px){.lg\:sticky{position:sticky}.lg\:top-0{top:0}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:inline-flex{display:inline-flex}.lg\:min-w-64{min-width:16rem}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:gap-4{gap:1rem}.lg\:gap-8{gap:2rem}.lg\:gap-x-2{-moz-column-gap:.5rem;column-gap:.5rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}}@media (min-width:1280px){.xl\:mt-0{margin-top:0}.xl\:inline{display:inline}}@media (min-width:1536px){.\32xl\:block{display:block}.\32xl\:hidden{display:none}.\32xl\:flex-row{flex-direction:row}.\32xl\:gap-1{gap:.25rem}}@media (min-width:2500px){.qhd\:m-\[1\.125px\]{margin:1.125px}.qhd\:m-\[1px\]{margin:1px}.qhd\:m-\[2\.25px\]{margin:2.25px}.qhd\:m-\[5\.625px\]{margin:5.625px}.qhd\:\!h-\[38px\]{height:38px!important}}
\ No newline at end of file