diff --git a/SLASHED-for-WP/admin-app/.vendored-manifest.json b/SLASHED-for-WP/admin-app/.vendored-manifest.json
index 6db4979..e222d61 100644
--- a/SLASHED-for-WP/admin-app/.vendored-manifest.json
+++ b/SLASHED-for-WP/admin-app/.vendored-manifest.json
@@ -3,313 +3,313 @@
     "description": "Files vendored from the SLASHED framework configurator. DO NOT edit directly — make changes in codeslash-dev/SLASHED → configurator/src/ and re-run npm run sync.",
     "frameworkRepo": "https://github.com/codeslash-dev/SLASHED",
     "configuratorSrc": "configurator/src/",
-    "source": "github:codeslash-dev/slashed@v0.7.35",
-    "syncedAt": "2026-08-21T09:34:18.872Z"
+    "source": "github:codeslash-dev/slashed@v0.7.36",
+    "syncedAt": "2026-08-25T08:24:07.598Z"
   },
   "vendoredFiles": [
     {
       "file": "src/app.css",
-      "source": "github:codeslash-dev/slashed/configurator/src/app.css@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/app.css@v0.7.36"
     },
     {
       "file": "src/App.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/App.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/App.svelte@v0.7.36"
     },
     {
       "file": "src/components/CommandPalette.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/CommandPalette.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/CommandPalette.svelte@v0.7.36"
     },
     {
       "file": "src/components/DomainPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/DomainPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/DomainPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/AspectRatioInput.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/AspectRatioInput.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/AspectRatioInput.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/ClampField.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ClampField.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ClampField.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/ColorInput.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ColorInput.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ColorInput.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/OklchColorDesk.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/OklchColorDesk.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/OklchColorDesk.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/PowerKnobRow.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/PowerKnobRow.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/PowerKnobRow.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/RangeWithNumber.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/RangeWithNumber.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/RangeWithNumber.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/RawTokenRow.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/RawTokenRow.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/RawTokenRow.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/ScaleShadowNotice.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ScaleShadowNotice.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ScaleShadowNotice.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/Section.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/Section.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/Section.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/SliderRow.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/SliderRow.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/SliderRow.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/Toggle.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/Toggle.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/Toggle.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/TokenRow.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/TokenRow.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/TokenRow.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/TypeSpecimenRow.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/TypeSpecimenRow.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/TypeSpecimenRow.svelte@v0.7.36"
     },
     {
       "file": "src/components/inputs/ValueField.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ValueField.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/inputs/ValueField.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/AccessibilityPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/AccessibilityPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/AccessibilityPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/AllTokensTab.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/AllTokensTab.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/AllTokensTab.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/BordersPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/BordersPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/BordersPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ChangesPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ChangesPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ChangesPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/CheatsheetPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/CheatsheetPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/CheatsheetPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ColorsPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ColorsPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ColorsPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ComponentsPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ComponentsPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ComponentsPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/DepthPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/DepthPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/DepthPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/EffectsPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/EffectsPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/EffectsPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ExportPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ExportPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ExportPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/GenericTokenPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/GenericTokenPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/GenericTokenPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/HomePanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/HomePanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/HomePanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/LayoutPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/LayoutPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/LayoutPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/MacrosPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MacrosPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MacrosPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/MiscPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MiscPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MiscPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/MotionPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MotionPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/MotionPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ShadowsPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ShadowsPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ShadowsPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/SpacingPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/SpacingPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/SpacingPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/ThemesPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ThemesPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/ThemesPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/TypographyPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/TypographyPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/TypographyPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/panels/WcagPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/WcagPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/panels/WcagPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/shell/PreviewPanel.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/PreviewPanel.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/PreviewPanel.svelte@v0.7.36"
     },
     {
       "file": "src/components/shell/SidebarNav.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/SidebarNav.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/SidebarNav.svelte@v0.7.36"
     },
     {
       "file": "src/components/shell/StatusBar.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/StatusBar.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/StatusBar.svelte@v0.7.36"
     },
     {
       "file": "src/components/shell/StudioHeader.svelte",
-      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/StudioHeader.svelte@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/components/shell/StudioHeader.svelte@v0.7.36"
     },
     {
       "file": "src/data/api-index.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/api-index.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/api-index.generated.json@v0.7.36"
     },
     {
       "file": "src/data/bundles.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/bundles.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/bundles.generated.json@v0.7.36"
     },
     {
       "file": "src/data/classes.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/classes.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/classes.generated.json@v0.7.36"
     },
     {
       "file": "src/data/domain-map.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/domain-map.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/domain-map.json@v0.7.36"
     },
     {
       "file": "src/data/google-fonts.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/google-fonts.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/google-fonts.generated.json@v0.7.36"
     },
     {
       "file": "src/data/token-registry.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/token-registry.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/token-registry.generated.json@v0.7.36"
     },
     {
       "file": "src/data/token-renames.generated.json",
-      "source": "github:codeslash-dev/slashed/configurator/src/data/token-renames.generated.json@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/data/token-renames.generated.json@v0.7.36"
     },
     {
       "file": "src/lib/basics.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/basics.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/basics.ts@v0.7.36"
     },
     {
       "file": "src/lib/codec.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/codec.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/codec.ts@v0.7.36"
     },
     {
       "file": "src/lib/colorConvert.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/colorConvert.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/colorConvert.ts@v0.7.36"
     },
     {
       "file": "src/lib/colorUtils.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/colorUtils.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/colorUtils.ts@v0.7.36"
     },
     {
       "file": "src/lib/domains.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/domains.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/domains.ts@v0.7.36"
     },
     {
       "file": "src/lib/history.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/history.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/history.ts@v0.7.36"
     },
     {
       "file": "src/lib/importOverrides.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/importOverrides.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/importOverrides.ts@v0.7.36"
     },
     {
       "file": "src/lib/lumlockerPreview.svelte.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/lumlockerPreview.svelte.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/lumlockerPreview.svelte.ts@v0.7.36"
     },
     {
       "file": "src/lib/persistence.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/persistence.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/persistence.ts@v0.7.36"
     },
     {
       "file": "src/lib/powerKnobs.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/powerKnobs.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/powerKnobs.ts@v0.7.36"
     },
     {
       "file": "src/lib/preview/catalog.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/catalog.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/catalog.ts@v0.7.36"
     },
     {
       "file": "src/lib/preview/index.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/index.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/index.ts@v0.7.36"
     },
     {
       "file": "src/lib/preview/sections.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/sections.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/sections.ts@v0.7.36"
     },
     {
       "file": "src/lib/preview/skin.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/skin.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/skin.ts@v0.7.36"
     },
     {
       "file": "src/lib/preview/specimen.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/specimen.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/preview/specimen.ts@v0.7.36"
     },
     {
       "file": "src/lib/previewResolver.svelte.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/previewResolver.svelte.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/previewResolver.svelte.ts@v0.7.36"
     },
     {
       "file": "src/lib/savedThemes.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/savedThemes.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/savedThemes.ts@v0.7.36"
     },
     {
       "file": "src/lib/scaleShadow.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/scaleShadow.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/scaleShadow.ts@v0.7.36"
     },
     {
       "file": "src/lib/theme.svelte.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/theme.svelte.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/theme.svelte.ts@v0.7.36"
     },
     {
       "file": "src/lib/themeFile.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/themeFile.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/themeFile.ts@v0.7.36"
     },
     {
       "file": "src/lib/tokenModel.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/tokenModel.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/tokenModel.ts@v0.7.36"
     },
     {
       "file": "src/lib/valueField.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/valueField.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/valueField.ts@v0.7.36"
     },
     {
       "file": "src/lib/variableScales.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/lib/variableScales.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/lib/variableScales.ts@v0.7.36"
     },
     {
       "file": "src/main.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/main.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/main.ts@v0.7.36"
     },
     {
       "file": "src/types.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/types.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/types.ts@v0.7.36"
     },
     {
       "file": "src/vite-env.d.ts",
-      "source": "github:codeslash-dev/slashed/configurator/src/vite-env.d.ts@v0.7.35"
+      "source": "github:codeslash-dev/slashed/configurator/src/vite-env.d.ts@v0.7.36"
     }
   ]
 }
diff --git a/SLASHED-for-WP/admin-app/framework-css/dist/slashed.full.css b/SLASHED-for-WP/admin-app/framework-css/dist/slashed.full.css
index 2ddadce..9d711a3 100644
--- a/SLASHED-for-WP/admin-app/framework-css/dist/slashed.full.css
+++ b/SLASHED-for-WP/admin-app/framework-css/dist/slashed.full.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.35 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/admin-app/src/App.svelte b/SLASHED-for-WP/admin-app/src/App.svelte
index 38ec8a9..4c33c00 100644
--- a/SLASHED-for-WP/admin-app/src/App.svelte
+++ b/SLASHED-for-WP/admin-app/src/App.svelte
@@ -53,13 +53,50 @@
   let showPalette = $state(false);
   // Mobile category drawer (replaces the cramped icon rail on narrow screens).
   let navDrawerOpen = $state(false);
+  // The shell root — also our container-query context (see the wrapper below).
+  // A ResizeObserver on it reconciles the drawer when the *container* (not the
+  // viewport) crosses the desktop breakpoint: `@3xl:hidden` would otherwise only
+  // CSS-hide an open drawer, leaving a hidden aria-modal dialog mounted and its
+  // focus-restore (use:drawerFocus) un-run. Container width, not viewport, is
+  // what actually decides whether the persistent rail is showing.
+  let shellEl = $state<HTMLElement | null>(null);
+  // The desktop icon rail wrapper — used as a focus fallback when a breakpoint
+  // close hides the drawer's original trigger (see drawerFocus above).
+  let railEl = $state<HTMLElement | null>(null);
+  // Mirror of the `@3xl` container breakpoint, expressed in rem so it tracks the
+  // CSS even when a host sets a non-16px root font size. `rem` (and therefore
+  // Tailwind's container breakpoints) resolve against the *root* font size, so
+  // convert to px against that — a hardcoded 768 would drift from `@3xl` the
+  // moment `html { font-size }` isn't the 16px default.
+  const DESKTOP_SHELL_REM = 48;
+  function desktopShellPx(): number {
+    const root =
+      typeof document !== "undefined"
+        ? parseFloat(getComputedStyle(document.documentElement).fontSize)
+        : NaN;
+    return DESKTOP_SHELL_REM * (Number.isFinite(root) && root > 0 ? root : 16);
+  }
   // When the drawer (a modal dialog) opens, move focus into it so keyboard users
   // land inside the modal — the dialog's Escape handler then receives the event,
   // and screen readers announce it. On close, focus returns to the trigger.
   function drawerFocus(node: HTMLElement) {
     const prev = document.activeElement as HTMLElement | null;
     node.focus();
-    return { destroy() { prev?.focus?.(); } };
+    return {
+      destroy() {
+        // Restore focus to whatever was focused before the drawer opened —
+        // normally the mobile trigger. But when the drawer closes because the
+        // shell reached desktop width (the ResizeObserver below), that trigger
+        // is now `@3xl:hidden` (offsetParent === null); focusing a hidden node
+        // drops focus to <body>. In that case move focus to the visible desktop
+        // rail's current item instead so keyboard focus stays in the nav.
+        if (prev && prev.offsetParent !== null) { prev.focus?.(); return; }
+        const target =
+          railEl?.querySelector<HTMLElement>('[aria-current="page"]') ??
+          railEl?.querySelector<HTMLElement>("button");
+        target?.focus?.();
+      },
+    };
   }
   // Close on Escape and trap Tab/Shift+Tab inside the modal drawer so keyboard
   // focus can't wander to the controls behind an aria-modal dialog.
@@ -331,8 +368,25 @@
       }
     };
     window.addEventListener("keydown", handler);
+
+    // Close the mobile drawer once the shell is wide enough to show the
+    // persistent rail. Without this, growing the container past the breakpoint
+    // (e.g. an embedded host resizing, or rotating to landscape) merely
+    // `@3xl:hidden`s an open drawer — the aria-modal dialog stays in the DOM and
+    // use:drawerFocus never restores focus to the trigger. Observing the shell's
+    // own box (our @container element) matches exactly what the CSS reacts to.
+    let ro: ResizeObserver | undefined;
+    if (shellEl && typeof ResizeObserver !== "undefined") {
+      ro = new ResizeObserver((entries) => {
+        const width = entries[0]?.contentRect.width ?? 0;
+        if (width >= desktopShellPx() && navDrawerOpen) navDrawerOpen = false;
+      });
+      ro.observe(shellEl);
+    }
+
     return () => {
       window.removeEventListener("keydown", handler);
+      ro?.disconnect();
       if (saveStateTimer) clearTimeout(saveStateTimer);
       if (importStatusTimer) clearTimeout(importStatusTimer);
     };
@@ -354,7 +408,15 @@
   </button>
 {/snippet}
 
-<div class="{embedded ? 'w-full h-full' : 'w-screen h-screen'} flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans">
+<!-- @container: the shell is a size-query container so its inner layout adapts
+     to the width it's actually given, not the browser viewport. Standalone we
+     own the viewport (w-screen), but embedded hosts (WP admin page beside the
+     ~160px admin menu, or a narrow slide-in panel) size us into a container far
+     narrower than the viewport — viewport `md:` rules would then force the full
+     desktop three-column layout into a box that can't hold it. The @3xl/… (48rem
+     = 768px) variants below query THIS element's width instead, so the same
+     768px threshold now measures the space we truly have. -->
+<div bind:this={shellEl} class="{embedded ? 'w-full h-full' : 'w-screen h-screen'} @container flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans">
   <!-- Top header bar -->
   <StudioHeader
     {overrides}
@@ -385,7 +447,7 @@
        visible without scrolling and doesn't compete with the status bar.
        Hidden on tool screens, which have no preview to fold to. -->
   {#if !hidePreview}
-    <div class="md:hidden flex items-stretch border-b border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0d0d14] shrink-0">
+    <div class="@3xl:hidden flex items-stretch border-b border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0d0d14] shrink-0">
       {@render foldToggleButton("controls", SlidersHorizontal, "Controls")}
       {@render foldToggleButton("preview", Eye, "Preview")}
     </div>
@@ -396,7 +458,7 @@
     <!-- Icon nav rail — desktop only. On mobile the category drawer (opened
          from the panel heading) replaces it, so the narrow screen isn't eaten
          by an unlabelled 56px strip. -->
-    <div class="shrink-0 hidden md:flex">
+    <div bind:this={railEl} class="shrink-0 hidden @3xl:flex">
       <SidebarNav
         activeId={domain}
         onSelect={(d) => { navigateTo(d); }}
@@ -408,7 +470,7 @@
          on tool screens where the preview is hidden. On mobile it fills the row
          (the icon rail already claims its own space). -->
     <div class={`min-w-0 bg-slate-50 dark:bg-[#0c0c15] border-r border-black/8 dark:border-white/8 flex-col min-h-0 ${
-      hidePreview ? "flex-1 flex" : `flex-1 md:flex-none md:w-[360px] ${mobileView === "preview" ? "hidden md:flex" : "flex"}`
+      hidePreview ? "flex-1 flex" : `flex-1 @3xl:flex-none @3xl:w-[360px] ${mobileView === "preview" ? "hidden @3xl:flex" : "flex"}`
     }`}>
       <!-- Panel heading -->
       <div class="h-9 flex items-center px-4 border-b border-black/6 dark:border-white/6 shrink-0 gap-2">
@@ -419,7 +481,7 @@
           <button
             onclick={() => { navDrawerOpen = true; }}
             aria-label="Choose a panel"
-            class="md:hidden flex items-center gap-1.5 flex-1 min-w-0 text-left cursor-pointer"
+            class="@3xl:hidden flex items-center gap-1.5 flex-1 min-w-0 text-left cursor-pointer"
           >
             <span class="text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate">
               {DOMAIN_LABELS[domain] ?? domain}
@@ -428,7 +490,7 @@
           </button>
           <!-- Desktop: a static label (the rail handles navigation there); no
                button, so it never enters the tab order or opens a hidden drawer. -->
-          <span class="hidden md:inline text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate">
+          <span class="hidden @3xl:inline text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate">
             {DOMAIN_LABELS[domain] ?? domain}
           </span>
         </div>
@@ -466,7 +528,7 @@
          entirely on tool screens (Changes / Presets / Install & export /
          Reference), which have no live sample. -->
     {#if !hidePreview}
-      <div class={`flex-1 flex-col min-h-0 min-w-0 ${mobileView === "controls" ? "hidden md:flex" : "flex"}`}>
+      <div class={`flex-1 flex-col min-h-0 min-w-0 ${mobileView === "controls" ? "hidden @3xl:flex" : "flex"}`}>
         <PreviewPanel
           {overrides}
           {previewTheme}
@@ -489,10 +551,11 @@
   />
 
   <!-- Mobile category drawer — labelled, grouped navigation (the desktop rail
-       equivalent). md:hidden so it never appears on desktop. -->
+       equivalent). @3xl:hidden so it never appears once the shell is wide
+       enough (>=768px) to show the persistent rail. -->
   {#if navDrawerOpen}
     <div
-      class="md:hidden fixed inset-0 z-40 flex"
+      class="@3xl:hidden fixed inset-0 z-40 flex"
       role="dialog"
       aria-modal="true"
       aria-label="Choose a panel"
diff --git a/SLASHED-for-WP/admin-app/src/AppOverlay.svelte b/SLASHED-for-WP/admin-app/src/AppOverlay.svelte
index b602852..5a25ddd 100644
--- a/SLASHED-for-WP/admin-app/src/AppOverlay.svelte
+++ b/SLASHED-for-WP/admin-app/src/AppOverlay.svelte
@@ -18,11 +18,18 @@
   const LS_OPEN_KEY   = 'slashed-overlay/open';
   const LS_DOMAIN_KEY = 'slashed-overlay/domain';
 
+  // Keep in step with the framework configurator's domain set (App.svelte /
+  // SidebarNav.svelte, which this overlay reuses via the vendored sync). The
+  // rail was regrouped upstream: Shadows + Effects merged into "Depth", Misc
+  // became "System", and Components / Changes were added. Stale entries here
+  // (shadows/effects/misc-as-"Misc") left the overlay header showing raw domain
+  // ids like "depth"/"components"/"changes" for panels the rail can now reach.
   const DOMAIN_LABELS: Record<string, string> = {
     home: 'Home', colors: 'Colors', typography: 'Typography', spacing: 'Spacing',
-    layout: 'Layout', borders: 'Borders', shadows: 'Shadows', motion: 'Motion',
-    effects: 'Effects', macros: 'Macros', misc: 'Misc', themes: 'Themes',
-    wcag: 'WCAG', setup: 'Install', cheatsheet: 'Classes',
+    layout: 'Layout', borders: 'Shape', depth: 'Depth', motion: 'Motion',
+    macros: 'Macros', misc: 'System', components: 'Components',
+    changes: 'Changes', themes: 'Presets', wcag: 'Accessibility',
+    setup: 'Install & export', cheatsheet: 'Reference',
   };
 
   function overridesByDomain(ov: Record<string, string>): Record<string, number> {
@@ -41,12 +48,26 @@
     try { return localStorage.getItem(key) ?? fallback; } catch { return fallback; }
   }
 
+  // The persisted panel id can predate the framework's domain regroup. Neither
+  // the vendored SidebarNav (rail) nor DomainPanel handle the retired ids any
+  // more, so a returning user whose last panel was Shadows/Effects would land on
+  // a dead selection (blank panel, unreachable from the rail). Map the legacy
+  // ids onto their canonical successor before seeding `domain`. `misc` is still
+  // a live id (relabelled "System"), so it needs no migration.
+  const LEGACY_DOMAIN_MIGRATIONS: Record<string, string> = {
+    shadows: 'depth',
+    effects: 'depth',
+  };
+  function migrateDomain(id: string): string {
+    return LEGACY_DOMAIN_MIGRATIONS[id] ?? id;
+  }
+
   let isOpen    = $state(readBool(LS_OPEN_KEY, true));
   let isMobile  = $state(typeof window !== 'undefined' ? window.matchMedia('(max-width: 768px)').matches : false);
   let overrides = $state<Record<string, string>>(loadInitialOverrides());
   let past      = $state<Record<string, string>[]>([]);
   let future    = $state<Record<string, string>[]>([]);
-  let domain    = $state(readStr(LS_DOMAIN_KEY, 'home'));
+  let domain    = $state(migrateDomain(readStr(LS_DOMAIN_KEY, 'home')));
   let showPalette = $state(false);
   let showResetConfirm = $state(false);
   let resetCancelBtn = $state<HTMLButtonElement | null>(null);
@@ -405,8 +426,15 @@
     </button>
   </div>
 
-  <!-- Body: icon nav rail + domain panel -->
-  <div class="flex flex-1 min-h-0">
+  <!-- Body: icon nav rail + domain panel.
+       @container: SidebarNav sizes its rail with the `@3xl` (48rem = 768px)
+       *container* query, so it needs a query container to measure against. This
+       overlay is a fixed ~420px panel, so anchoring the query here keeps the
+       nav an unlabelled 56px icon rail (leaving the DomainPanel its full ~364px)
+       instead of ballooning to the 208px labelled layout the old viewport-based
+       `md:` rule produced on a wide desktop viewport — which squeezed the panel
+       to ~212px and clipped its controls. -->
+  <div class="@container flex flex-1 min-h-0">
     <!-- Reuse the same SidebarNav from the full editor -->
     <SidebarNav
       activeId={domain}
diff --git a/SLASHED-for-WP/admin-app/src/components/shell/SidebarNav.svelte b/SLASHED-for-WP/admin-app/src/components/shell/SidebarNav.svelte
index 36ffd56..4a90eb4 100644
--- a/SLASHED-for-WP/admin-app/src/components/shell/SidebarNav.svelte
+++ b/SLASHED-for-WP/admin-app/src/components/shell/SidebarNav.svelte
@@ -12,6 +12,17 @@
     expanded?: boolean;
   } = $props();
 
+  // Responsive note: the collapsed rail's icon-only↔labelled switch uses the
+  // `@3xl:` (48rem = 768px) *container* variant, so it reacts to the width of
+  // the nearest `@container` ancestor — the shell — not the browser viewport.
+  // That keeps the rail an unlabelled 56px strip inside narrow embeds (e.g. the
+  // WP frontend overlay's ~420px panel) even on a wide desktop viewport, and
+  // only expands to the 208px labelled layout when the host actually gives us
+  // ≥768px. Mount this component under an element carrying the `@container`
+  // utility, or pass `expanded` to force the labelled layout. Without any
+  // `@container` ancestor the `@3xl:` rules never match, so it safely defaults
+  // to the compact 56px rail.
+
   // Grouped information architecture. Every destination lives under one of four
   // named groups so a user reasons about *areas of the design system* instead
   // of decoding an unlabelled icon rail. `home` sits above the groups.
@@ -66,7 +77,7 @@
   class={`bg-slate-50 dark:bg-[#0a0a0f] flex flex-col py-3 gap-1 shrink-0 overflow-y-auto overflow-x-hidden ${
     expanded
       ? "w-full items-stretch"
-      : "w-14 md:w-52 items-center md:items-stretch border-r border-black/8 dark:border-white/8"
+      : "w-14 @3xl:w-52 items-center @3xl:items-stretch border-r border-black/8 dark:border-white/8"
   }`}
   aria-label="Panels"
 >
@@ -81,7 +92,7 @@
       class={`relative flex items-center gap-2.5 rounded-xl transition-all cursor-pointer group ${
         expanded
           ? "justify-start w-full h-9 px-2.5"
-          : "justify-center md:justify-start w-10 md:w-full h-10 md:h-8 px-0 md:px-2.5"
+          : "justify-center @3xl:justify-start w-10 @3xl:w-full h-10 @3xl:h-8 px-0 @3xl:px-2.5"
       } ${
         isActive
           ? "bg-indigo-600 text-white shadow-lg shadow-indigo-600/30"
@@ -89,19 +100,19 @@
       }`}
     >
       <Icon class="w-4 h-4 shrink-0" />
-      <span class={`${expanded ? "block" : "hidden md:block"} text-[11px] font-semibold truncate`}>{item.label}</span>
+      <span class={`${expanded ? "block" : "hidden @3xl:block"} text-[11px] font-semibold truncate`}>{item.label}</span>
 
       {#if count > 0}
         <!-- Collapsed rail: corner dot. Labelled layout: trailing count pill. -->
         <span
-          class={`${expanded ? "hidden" : "md:hidden"} absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full text-[8px] font-black flex items-center justify-center ${
+          class={`${expanded ? "hidden" : "@3xl:hidden"} absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full text-[8px] font-black flex items-center justify-center ${
             isActive ? "bg-white text-indigo-700" : "bg-indigo-500 text-white"
           }`}
         >
           {count > 9 ? "+" : count}
         </span>
         <span
-          class={`${expanded ? "flex" : "hidden md:flex"} ml-auto min-w-4 h-4 px-1 rounded-full text-[9px] font-black items-center justify-center ${
+          class={`${expanded ? "flex" : "hidden @3xl:flex"} ml-auto min-w-4 h-4 px-1 rounded-full text-[9px] font-black items-center justify-center ${
             isActive ? "bg-white/25 text-white" : "bg-indigo-500/15 text-indigo-600 dark:text-indigo-400"
           }`}
         >
@@ -110,23 +121,23 @@
       {/if}
 
       <!-- Tooltip: only for the collapsed icon rail (labels are inline otherwise). -->
-      <span class={`${expanded ? "hidden" : "md:hidden"} absolute left-12 bg-slate-800 text-white text-[10px] font-semibold px-2 py-1 rounded-lg whitespace-nowrap opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity z-50 border border-white/10`}>
+      <span class={`${expanded ? "hidden" : "@3xl:hidden"} absolute left-12 bg-slate-800 text-white text-[10px] font-semibold px-2 py-1 rounded-lg whitespace-nowrap opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity z-50 border border-white/10`}>
         {item.label}
       </span>
     </button>
   {/snippet}
 
   <!-- Home -->
-  <div class={`flex flex-col gap-1 w-full px-2 ${expanded ? "items-stretch" : "items-center md:items-stretch"}`}>
+  <div class={`flex flex-col gap-1 w-full px-2 ${expanded ? "items-stretch" : "items-center @3xl:items-stretch"}`}>
     {@render navButton(HOME)}
   </div>
 
   {#each GROUPS as group (group.label)}
-    <div class={`h-px bg-black/8 dark:bg-white/8 my-2 ${expanded ? "mx-2.5" : "w-8 md:w-auto md:mx-2.5"}`}></div>
-    <div class={`${expanded ? "block" : "hidden md:block"} px-3 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600`}>
+    <div class={`h-px bg-black/8 dark:bg-white/8 my-2 ${expanded ? "mx-2.5" : "w-8 @3xl:w-auto @3xl:mx-2.5"}`}></div>
+    <div class={`${expanded ? "block" : "hidden @3xl:block"} px-3 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600`}>
       {group.label}
     </div>
-    <div class={`flex flex-col gap-1 w-full px-2 ${expanded ? "items-stretch" : "items-center md:items-stretch"}`}>
+    <div class={`flex flex-col gap-1 w-full px-2 ${expanded ? "items-stretch" : "items-center @3xl:items-stretch"}`}>
       {#each group.items as item (item.id)}
         {@render navButton(item)}
       {/each}
diff --git a/SLASHED-for-WP/assets/admin-app/app.css b/SLASHED-for-WP/assets/admin-app/app.css
index 68b2b73..6c6d0db 100644
--- a/SLASHED-for-WP/assets/admin-app/app.css
+++ b/SLASHED-for-WP/assets/admin-app/app.css
@@ -1,3 +1,3 @@
 /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */
-@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:#ffe2e2;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-red-900:#82181a;--color-orange-400:#ff8b1a;--color-orange-600:#f05100;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-teal-400:#00d3bd;--color-teal-600:#009588;--color-sky-300:#77d4ff;--color-sky-400:#00bcfe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-sky-700:#0069a4;--color-blue-500:#3080ff;--color-indigo-200:#c7d2ff;--color-indigo-300:#a4b3ff;--color-indigo-400:#7d87ff;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-indigo-700:#432dd7;--color-indigo-800:#372aac;--color-violet-300:#c4b4ff;--color-violet-400:#a685ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-700:#7008e7;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-pink-400:#fb64b6;--color-pink-600:#e30076;--color-rose-100:#ffe4e6;--color-rose-300:#ffa2ae;--color-rose-400:#ff667f;--color-rose-500:#ff2357;--color-rose-600:#e70044;--color-rose-700:#c20039;--color-rose-800:#a30037;--color-rose-900:#8b0836;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-sky-700:lab(41.6013% -9.10804 -42.5647);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-300:lab(74.0235% 8.54138 -41.6075);--color-indigo-400:lab(59.866% 22.4834 -64.4485);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-indigo-700:lab(32.4486% 49.2217 -84.6695);--color-indigo-800:lab(26.6645% 37.9804 -68.6402);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-700:lab(35.2783% 67.9912 -88.793);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-rose-800:lab(34.6481% 60.802 20.1957);--color-rose-900:lab(29.7104% 51.514 12.6253);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-12{left:calc(var(--spacing) * 12)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[99998\]{z-index:99998}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-px{margin-top:-1px}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-px{margin-bottom:1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-\[52px\]{height:52px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[360px\]{max-height:360px}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[34px\]{min-height:34px}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-\[420px\]{width:420px}.w-\[560px\]{width:560px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[15rem\]{max-width:15rem}.max-w-\[80vw\]{max-width:80vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.\[scrollbar-width\:none\]{scrollbar-width:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px * var(--tw-space-y-reverse));margin-block-end:calc(1px * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-black\/6{border-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.border-black\/6{border-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.border-black\/8{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/8{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/12{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.border-black\/12{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.border-black\/20{border-color:#0003}@supports (color:color-mix(in lab, red, red)){.border-black\/20{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-indigo-400\/40{border-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-400\/40{border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/15{border-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/15{border-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/20{border-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.border-indigo-500\/25{border-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/25{border-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.border-indigo-500\/50{border-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/50{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/20{border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-white\/6{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/6{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-t-indigo-500{border-top-color:var(--color-indigo-500)}.bg-\[\#0a0a0f\]{background-color:#0a0a0f}.bg-\[\#0c0c15\]{background-color:#0c0c15}.bg-\[\#0d0d14\]{background-color:#0d0d14}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-amber-500\/8{background-color:#f99c0014}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/8{background-color:color-mix(in oklab, var(--color-amber-500) 8%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-600\/25{background-color:#dd740040}@supports (color:color-mix(in lab, red, red)){.bg-amber-600\/25{background-color:color-mix(in oklab, var(--color-amber-600) 25%, transparent)}}.bg-amber-600\/40{background-color:#dd740066}@supports (color:color-mix(in lab, red, red)){.bg-amber-600\/40{background-color:color-mix(in oklab, var(--color-amber-600) 40%, transparent)}}.bg-black\/3{background-color:#00000008}@supports (color:color-mix(in lab, red, red)){.bg-black\/3{background-color:color-mix(in oklab, var(--color-black) 3%, transparent)}}.bg-black\/4{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.bg-black\/4{background-color:color-mix(in oklab, var(--color-black) 4%, transparent)}}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/6{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.bg-black\/6{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/8{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/12{background-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.bg-black\/12{background-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-500\/30{background-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/30{background-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/25{background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-400\/40{background-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/40{background-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.bg-indigo-400\/50{background-color:#7d87ff80}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/50{background-color:color-mix(in oklab, var(--color-indigo-400) 50%, transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/8{background-color:#625fff14}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/8{background-color:color-mix(in oklab, var(--color-indigo-500) 8%, transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/10{background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.bg-indigo-500\/12{background-color:#625fff1f}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/12{background-color:color-mix(in oklab, var(--color-indigo-500) 12%, transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/15{background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/30{background-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.bg-indigo-500\/40{background-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/40{background-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.bg-indigo-500\/50{background-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/50{background-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.bg-indigo-500\/70{background-color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/70{background-color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.bg-indigo-500\/\[0\.03\]{background-color:#625fff08}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-indigo-500) 3%, transparent)}}.bg-indigo-500\/\[0\.12\]{background-color:#625fff1f}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/\[0\.12\]{background-color:color-mix(in oklab, var(--color-indigo-500) 12%, transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/10{background-color:#4f39f61a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/10{background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.bg-indigo-600\/15{background-color:#4f39f626}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/15{background-color:color-mix(in oklab, var(--color-indigo-600) 15%, transparent)}}.bg-indigo-600\/20{background-color:#4f39f633}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/20{background-color:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)}}.bg-indigo-600\/25{background-color:#4f39f640}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/25{background-color:color-mix(in oklab, var(--color-indigo-600) 25%, transparent)}}.bg-indigo-600\/30{background-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/30{background-color:color-mix(in oklab, var(--color-indigo-600) 30%, transparent)}}.bg-purple-500\/40{background-color:#ac4bff66}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/40{background-color:color-mix(in oklab, var(--color-purple-500) 40%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/8{background-color:#fb2c3614}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/8{background-color:color-mix(in oklab, var(--color-red-500) 8%, transparent)}}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-600\/10{background-color:#e700441a}@supports (color:color-mix(in lab, red, red)){.bg-rose-600\/10{background-color:color-mix(in oklab, var(--color-rose-600) 10%, transparent)}}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-800\/25{background-color:#a3003740}@supports (color:color-mix(in lab, red, red)){.bg-rose-800\/25{background-color:color-mix(in oklab, var(--color-rose-800) 25%, transparent)}}.bg-rose-800\/40{background-color:#a3003766}@supports (color:color-mix(in lab, red, red)){.bg-rose-800\/40{background-color:color-mix(in oklab, var(--color-rose-800) 40%, transparent)}}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400\/60{background-color:#90a1b999}@supports (color:color-mix(in lab, red, red)){.bg-slate-400\/60{background-color:color-mix(in oklab, var(--color-slate-400) 60%, transparent)}}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/10{background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-600\/20{--tw-gradient-from:#4f39f633}@supports (color:color-mix(in lab, red, red)){.from-indigo-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)}}.from-indigo-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600\/10{--tw-gradient-to:#9810fa1a}@supports (color:color-mix(in lab, red, red)){.to-purple-600\/10{--tw-gradient-to:color-mix(in oklab, var(--color-purple-600) 10%, transparent)}}.to-purple-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[15vh\]{padding-top:15vh}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-600\/80{color:#dd7400cc}@supports (color:color-mix(in lab, red, red)){.text-amber-600\/80{color:color-mix(in oklab, var(--color-amber-600) 80%, transparent)}}.text-amber-700{color:var(--color-amber-700)}.text-amber-700\/80{color:#b75000cc}@supports (color:color-mix(in lab, red, red)){.text-amber-700\/80{color:color-mix(in oklab, var(--color-amber-700) 80%, transparent)}}.text-amber-800{color:var(--color-amber-800)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-500\/70{color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.text-indigo-500\/70{color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-600\/60{color:#4f39f699}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/60{color:color-mix(in oklab, var(--color-indigo-600) 60%, transparent)}}.text-indigo-600\/70{color:#4f39f6b3}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/70{color:color-mix(in oklab, var(--color-indigo-600) 70%, transparent)}}.text-indigo-600\/80{color:#4f39f6cc}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/80{color:color-mix(in oklab, var(--color-indigo-600) 80%, transparent)}}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-red-400{color:var(--color-red-400)}.text-red-700{color:var(--color-red-700)}.text-red-700\/80{color:#bf000fcc}@supports (color:color-mix(in lab, red, red)){.text-red-700\/80{color:color-mix(in oklab, var(--color-red-700) 80%, transparent)}}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-700\/80{color:#c20039cc}@supports (color:color-mix(in lab, red, red)){.text-rose-700\/80{color:color-mix(in oklab, var(--color-rose-700) 80%, transparent)}}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-900\/70{color:#0f172bb3}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/70{color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)}}.text-slate-900\/80{color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/80{color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.text-slate-900\/85{color:#0f172bd9}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/85{color:color-mix(in oklab, var(--color-slate-900) 85%, transparent)}}.text-teal-600{color:var(--color-teal-600)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.mix-blend-difference{mix-blend-mode:difference}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/translate{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/30{--tw-shadow-color:#0097674d}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/30{--tw-shadow-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-indigo-500\/70{--tw-ring-color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.ring-indigo-500\/70{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.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,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-filter{-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-slate-500:is(:where(.group):hover *){color:var(--color-slate-500)}.group-hover\:text-slate-700:is(:where(.group):hover *){color:var(--color-slate-700)}.group-hover\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.placeholder\:text-slate-600::placeholder{color:var(--color-slate-600)}@media (hover:hover){.hover\:border-black\/12:hover{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.hover\:border-black\/12:hover{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.hover\:border-black\/14:hover{border-color:#00000024}@supports (color:color-mix(in lab, red, red)){.hover\:border-black\/14:hover{border-color:color-mix(in oklab, var(--color-black) 14%, transparent)}}.hover\:border-rose-500\/30:hover{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.hover\:border-rose-500\/30:hover{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.hover\:bg-black\/4:hover{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--color-black) 4%, transparent)}}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-black\/6:hover{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/6:hover{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.hover\:bg-black\/8:hover{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/8:hover{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.hover\:bg-black\/12:hover{background-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/12:hover{background-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-500\/20:hover{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-500\/20:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.hover\:bg-indigo-600\/25:hover{background-color:#4f39f640}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/25:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 25%, transparent)}}.hover\:bg-indigo-600\/30:hover{background-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/30:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 30%, transparent)}}.hover\:bg-indigo-600\/35:hover{background-color:#4f39f659}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/35:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 35%, transparent)}}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-rose-500\/10:hover{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/10:hover{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.hover\:bg-rose-600\/20:hover{background-color:#e7004433}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-600\/20:hover{background-color:color-mix(in oklab, var(--color-rose-600) 20%, transparent)}}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\:text-rose-300:hover{color:var(--color-rose-300)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-rose-900:hover{color:var(--color-rose-900)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (min-width:48rem){.md\:mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-8{height:calc(var(--spacing) * 8)}.md\:w-52{width:calc(var(--spacing) * 52)}.md\:w-\[360px\]{width:360px}.md\:w-auto{width:auto}.md\:w-full{width:100%}.md\:flex-1{flex:1}.md\:flex-none{flex:none}.md\:items-stretch{align-items:stretch}.md\:justify-start{justify-content:flex-start}.md\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}}.dark\:border-white\/6:where(.dark,.dark *){border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/6:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:border-white\/8:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/8:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/12:where(.dark,.dark *){border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/12:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:border-white\/20:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:bg-\[\#0a0a0f\]:where(.dark,.dark *){background-color:#0a0a0f}.dark\:bg-\[\#0a0a10\]:where(.dark,.dark *){background-color:#0a0a10}.dark\:bg-\[\#0c0c15\]:where(.dark,.dark *){background-color:#0c0c15}.dark\:bg-\[\#0d0d14\]:where(.dark,.dark *){background-color:#0d0d14}.dark\:bg-\[\#1a1a2e\]:where(.dark,.dark *){background-color:#1a1a2e}.dark\:bg-\[\#06060a\]:where(.dark,.dark *){background-color:#06060a}.dark\:bg-\[\#07070b\]:where(.dark,.dark *){background-color:#07070b}.dark\:bg-\[\#09090e\]:where(.dark,.dark *){background-color:#09090e}.dark\:bg-\[\#111118\]:where(.dark,.dark *){background-color:#111118}.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:bg-indigo-400\/\[0\.04\]:where(.dark,.dark *){background-color:#7d87ff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-400\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-400) 4%, transparent)}}.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.dark\:bg-slate-600\/60:where(.dark,.dark *){background-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-600\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-white\/3:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/4:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/4:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/6:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/6:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:bg-white\/8:where(.dark,.dark *){background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/8:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/12:where(.dark,.dark *){background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/12:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:bg-white\/15:where(.dark,.dark *){background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-300\/80:where(.dark,.dark *){color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-amber-400\/80:where(.dark,.dark *){color:#fcbb00cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-400) 80%, transparent)}}.dark\:text-amber-500\/80:where(.dark,.dark *){color:#f99c00cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-500\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-500) 80%, transparent)}}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-indigo-200:where(.dark,.dark *){color:var(--color-indigo-200)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-300\/80:where(.dark,.dark *){color:#a4b3ffcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-300) 80%, transparent)}}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-indigo-400\/60:where(.dark,.dark *){color:#7d87ff99}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-400\/60:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-400) 60%, transparent)}}.dark\:text-indigo-400\/70:where(.dark,.dark *){color:#7d87ffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-400\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-400) 70%, transparent)}}.dark\:text-orange-400:where(.dark,.dark *){color:var(--color-orange-400)}.dark\:text-pink-400:where(.dark,.dark *){color:var(--color-pink-400)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-300\/80:where(.dark,.dark *){color:#ffa3a3cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-red-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-red-300) 80%, transparent)}}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-rose-400\/80:where(.dark,.dark *){color:#ff667fcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-rose-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-rose-400) 80%, transparent)}}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}.dark\:text-slate-700:where(.dark,.dark *){color:var(--color-slate-700)}.dark\:text-teal-400:where(.dark,.dark *){color:var(--color-teal-400)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white\/70:where(.dark,.dark *){color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.dark\:text-white\/80:where(.dark,.dark *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.dark\:text-white\/85:where(.dark,.dark *){color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/85:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.dark\:placeholder-slate-600:where(.dark,.dark *)::placeholder{color:var(--color-slate-600)}@media (hover:hover){.dark\:group-hover\:text-slate-300:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-slate-300)}.dark\:group-hover\:text-white:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-white)}}.dark\:placeholder\:text-slate-400:where(.dark,.dark *)::placeholder{color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-white\/12:where(.dark,.dark *):hover{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/12:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:hover\:border-white\/14:where(.dark,.dark *):hover{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/14:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.dark\:hover\:bg-white\/4:where(.dark,.dark *):hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/4:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/6:where(.dark,.dark *):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/6:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:hover\:bg-white\/12:where(.dark,.dark *):hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/12:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:hover\:text-amber-100:where(.dark,.dark *):hover{color:var(--color-amber-100)}.dark\:hover\:text-indigo-200:where(.dark,.dark *):hover{color:var(--color-indigo-200)}.dark\:hover\:text-indigo-400:where(.dark,.dark *):hover{color:var(--color-indigo-400)}.dark\:hover\:text-rose-100:where(.dark,.dark *):hover{color:var(--color-rose-100)}.dark\:hover\:text-rose-300:where(.dark,.dark *):hover{color:var(--color-rose-300)}.dark\:hover\:text-rose-400:where(.dark,.dark *):hover{color:var(--color-rose-400)}.dark\:hover\:text-slate-200:where(.dark,.dark *):hover{color:var(--color-slate-200)}.dark\:hover\:text-slate-300:where(.dark,.dark *):hover{color:var(--color-slate-300)}.dark\:hover\:text-slate-400:where(.dark,.dark *):hover{color:var(--color-slate-400)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.clampRange.svelte-iy59wr{appearance:none;pointer-events:none;background:0 0;margin:0}.clampRange.svelte-iy59wr::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border-radius:9999px;width:16px;height:16px}.clampRange.svelte-iy59wr::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:9999px;width:16px;height:16px}.clampRange.svelte-iy59wr::-moz-range-track{background:0 0}@layer slashed.tokens{@property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:#0137ee;--sf-color-secondary-source-light:#111a2d;--sf-color-tertiary-source-light:#5c10b4;--sf-color-action-source-light:#006c98;--sf-color-neutral-source-light:#616978;--sf-color-base-source-light:#eff2f6;--sf-color-success-source-light:#00791d;--sf-color-warning-source-light:#e2a000;--sf-color-info-source-light:#006693;--sf-color-danger-source-light:#af0040}@supports (color:lab(0% 0 0)){:root{--sf-color-primary-source-light:lab(33.7875% 46.3905 -95.4963);--sf-color-secondary-source-light:lab(9.22675% 1.07623 -14.3482);--sf-color-tertiary-source-light:lab(28.2584% 55.0822 -70.9314);--sf-color-action-source-light:lab(41.335% -12.4269 -63.6346);--sf-color-neutral-source-light:lab(44.2238% -1.00827 -9.19603);--sf-color-base-source-light:lab(95.3554% -.662148 -2.14612);--sf-color-success-source-light:lab(43.8665% -45.1423 39.6128);--sf-color-warning-source-light:lab(70.9465% 19.2186 87.3143);--sf-color-info-source-light:lab(39.3159% -14.401 -52.2544);--sf-color-danger-source-light:lab(37.1443% 71.0626 21.0806)}}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:#eee;--sf-color-text--on-secondary:#eee;--sf-color-text--on-tertiary:#eee;--sf-color-text--on-action:#eee;--sf-color-text--on-neutral:#eee;--sf-color-text--on-success:#eee;--sf-color-text--on-warning:#030303;--sf-color-text--on-info:#eee;--sf-color-text--on-danger:#eee;--sf-color-text--on-inverse:#eee;--sf-color-code-text:#030303;--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:#00000080;--sf-color-white:#fff;--sf-color-black:#000;--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:lab(0% 0 0)){:root{--sf-color-text--on-primary:lab(94.2% 0 0);--sf-color-text--on-secondary:lab(94.2% 0 0);--sf-color-text--on-tertiary:lab(94.2% 0 0);--sf-color-text--on-action:lab(94.2% 0 0);--sf-color-text--on-neutral:lab(94.2% 0 0);--sf-color-text--on-success:lab(94.2% 0 0);--sf-color-text--on-warning:lab(.903296% 0 0);--sf-color-text--on-info:lab(94.2% 0 0);--sf-color-text--on-danger:lab(94.2% 0 0);--sf-color-text--on-inverse:lab(94.2% 0 0);--sf-color-code-text:lab(.903296% 0 0);--sf-color-dim:lab(0% 0 0/.5);--sf-color-white:lab(100% 0 0);--sf-color-black:lab(0% 0 0)}}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:#0000008c;--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px #0009;--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none}@supports (color:lab(0% 0 0)){:root{--sf-scrim-color:lab(0% 0 0/.55);--sf-scrim-text-shadow:0 1px 3px lab(0% 0 0/.6)}}:root{--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}}@layer slashed.reset,slashed.base,slashed.forms;@layer slashed.components{.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--subtle:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}}@layer slashed.layout{.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container{padding-inline:0}.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}}@layer slashed.macros{.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}}@layer slashed.utilities,slashed.states;@layer slashed.themes{@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:var(--lightningcss-light,oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:var(--lightningcss-light,oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:var(--lightningcss-light,oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:var(--lightningcss-light,oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}}@layer slashed.motion,slashed.accessibility,slashed.print,slashed.legacy,slashed.overrides;
+@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-100:#ffe2e2;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-700:#bf000f;--color-red-900:#82181a;--color-orange-400:#ff8b1a;--color-orange-600:#f05100;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-300:#ffd236;--color-amber-400:#fcbb00;--color-amber-500:#f99c00;--color-amber-600:#dd7400;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-emerald-100:#d0fae5;--color-emerald-200:#a4f4cf;--color-emerald-300:#5ee9b5;--color-emerald-400:#00d294;--color-emerald-500:#00bb7f;--color-emerald-600:#009767;--color-emerald-700:#007956;--color-emerald-800:#005f46;--color-emerald-900:#004e3b;--color-teal-400:#00d3bd;--color-teal-600:#009588;--color-sky-300:#77d4ff;--color-sky-400:#00bcfe;--color-sky-500:#00a5ef;--color-sky-600:#0084cc;--color-sky-700:#0069a4;--color-blue-500:#3080ff;--color-indigo-200:#c7d2ff;--color-indigo-300:#a4b3ff;--color-indigo-400:#7d87ff;--color-indigo-500:#625fff;--color-indigo-600:#4f39f6;--color-indigo-700:#432dd7;--color-indigo-800:#372aac;--color-violet-300:#c4b4ff;--color-violet-400:#a685ff;--color-violet-500:#8d54ff;--color-violet-600:#7f22fe;--color-violet-700:#7008e7;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-pink-400:#fb64b6;--color-pink-600:#e30076;--color-rose-100:#ffe4e6;--color-rose-300:#ffa2ae;--color-rose-400:#ff667f;--color-rose-500:#ff2357;--color-rose-600:#e70044;--color-rose-700:#c20039;--color-rose-800:#a30037;--color-rose-900:#8b0836;--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cad5e2;--color-slate-400:#90a1b9;--color-slate-500:#62748e;--color-slate-600:#45556c;--color-slate-700:#314158;--color-slate-800:#1d293d;--color-slate-900:#0f172b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-black:900;--tracking-tight:-.025em;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--leading-snug:1.375;--leading-relaxed:1.625;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-red-900:lab(28.5139% 44.5539 29.0463);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-600:lab(57.1026% 64.2584 89.8886);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-300:lab(86.4156% 6.13147 78.3961);--color-amber-400:lab(80.1641% 16.6016 99.2089);--color-amber-500:lab(72.7183% 31.8672 97.9407);--color-amber-600:lab(60.3514% 40.5624 87.1228);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-emerald-100:lab(94.9004% -17.0769 5.63836);--color-emerald-200:lab(90.2247% -31.039 9.47084);--color-emerald-300:lab(83.9203% -48.7124 13.8849);--color-emerald-400:lab(75.0771% -60.7313 19.4147);--color-emerald-500:lab(66.9756% -58.27 19.5419);--color-emerald-600:lab(55.0481% -49.9246 15.93);--color-emerald-700:lab(44.4871% -41.0396 11.0361);--color-emerald-800:lab(35.3675% -33.1188 8.04002);--color-emerald-900:lab(28.8637% -26.9249 5.45986);--color-teal-400:lab(76.0109% -53.3483 -2.27906);--color-teal-600:lab(55.0223% -41.0774 -3.90277);--color-sky-300:lab(80.3307% -20.2945 -31.385);--color-sky-400:lab(70.687% -23.6078 -45.9483);--color-sky-500:lab(63.3038% -18.433 -51.0407);--color-sky-600:lab(51.7754% -11.4712 -49.8349);--color-sky-700:lab(41.6013% -9.10804 -42.5647);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-indigo-200:lab(84.4329% 3.18977 -23.9688);--color-indigo-300:lab(74.0235% 8.54138 -41.6075);--color-indigo-400:lab(59.866% 22.4834 -64.4485);--color-indigo-500:lab(48.295% 38.3129 -81.9673);--color-indigo-600:lab(38.4009% 52.6132 -92.3857);--color-indigo-700:lab(32.4486% 49.2217 -84.6695);--color-indigo-800:lab(26.6645% 37.9804 -68.6402);--color-violet-300:lab(76.7419% 18.3911 -37.0706);--color-violet-400:lab(62.8239% 34.9159 -60.0512);--color-violet-500:lab(49.9355% 55.1776 -81.8963);--color-violet-600:lab(41.088% 68.9966 -91.995);--color-violet-700:lab(35.2783% 67.9912 -88.793);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-pink-400:lab(64.5597% 64.3615 -12.7988);--color-pink-600:lab(49.5493% 79.8381 2.31768);--color-rose-100:lab(92.8221% 9.86832 2.60075);--color-rose-300:lab(76.6339% 38.3549 9.68835);--color-rose-400:lab(64.4125% 63.0291 19.2068);--color-rose-500:lab(56.101% 79.4328 31.4532);--color-rose-600:lab(49.1882% 81.577 36.0311);--color-rose-700:lab(41.1651% 71.6251 30.3087);--color-rose-800:lab(34.6481% 60.802 20.1957);--color-rose-900:lab(29.7104% 51.514 12.6253);--color-slate-50:lab(98.1434% -.369519 -1.05966);--color-slate-100:lab(96.286% -.852436 -2.46847);--color-slate-200:lab(91.7353% -.998765 -4.76968);--color-slate-300:lab(84.7652% -1.94535 -7.93337);--color-slate-400:lab(65.5349% -2.25151 -14.5072);--color-slate-500:lab(48.0876% -2.03595 -16.5814);--color-slate-600:lab(35.5623% -1.74978 -15.4316);--color-slate-700:lab(26.9569% -1.47016 -15.6993);--color-slate-800:lab(16.132% -.318035 -14.6672);--color-slate-900:lab(7.78673% 1.82345 -15.0537)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}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;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.pointer-events-auto{pointer-events:auto}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-0\.5{top:calc(var(--spacing) * -.5)}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1{top:var(--spacing)}.top-2{top:calc(var(--spacing) * 2)}.-right-0\.5{right:calc(var(--spacing) * -.5)}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:0}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-12{left:calc(var(--spacing) * 12)}.z-10{z-index:10}.z-20{z-index:20}.z-40{z-index:40}.z-50{z-index:50}.z-\[100\]{z-index:100}.z-\[99998\]{z-index:99998}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-0\.5{margin-inline:calc(var(--spacing) * .5)}.mx-1{margin-inline:var(--spacing)}.mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.my-2{margin-block:calc(var(--spacing) * 2)}.-mt-2{margin-top:calc(var(--spacing) * -2)}.-mt-px{margin-top:-1px}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-px{margin-bottom:1px}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing)}.ml-3\.5{margin-left:calc(var(--spacing) * 3.5)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.h-1{height:var(--spacing)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-\[52px\]{height:52px}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-80{max-height:calc(var(--spacing) * 80)}.max-h-96{max-height:calc(var(--spacing) * 96)}.max-h-\[360px\]{max-height:360px}.min-h-0{min-height:0}.min-h-10{min-height:calc(var(--spacing) * 10)}.min-h-\[34px\]{min-height:34px}.w-0\.5{width:calc(var(--spacing) * .5)}.w-1{width:var(--spacing)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:calc(var(--spacing) * 16)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-\[420px\]{width:420px}.w-\[560px\]{width:560px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-px{width:1px}.w-screen{width:100vw}.max-w-\[15rem\]{max-width:15rem}.max-w-\[80vw\]{max-width:80vw}.max-w-\[95vw\]{max-width:95vw}.max-w-\[320px\]{max-width:320px}.max-w-full{max-width:100%}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:0}.min-w-4{min-width:calc(var(--spacing) * 4)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0{--tw-translate-x:0;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-4{--tw-translate-x:calc(var(--spacing) * 4);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-full{--tw-translate-x:100%;translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-90{rotate:90deg}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.\[scrollbar-width\:none\]{scrollbar-width:none}.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-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-\[1fr_auto_1fr\]{grid-template-columns:1fr auto 1fr}.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-px{gap:1px}:where(.space-y-0\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-px>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(1px * var(--tw-space-y-reverse));margin-block-end:calc(1px * calc(1 - var(--tw-space-y-reverse)))}.gap-x-2{column-gap:calc(var(--spacing) * 2)}.gap-y-0\.5{row-gap:calc(var(--spacing) * .5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t{border-top-left-radius:.25rem;border-top-right-radius:.25rem}.rounded-l-xl{border-top-left-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-b{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-x{border-inline-style:var(--tw-border-style);border-inline-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-amber-500{border-color:var(--color-amber-500)}.border-amber-500\/20{border-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/20{border-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.border-amber-500\/30{border-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.border-amber-500\/30{border-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.border-black\/6{border-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.border-black\/6{border-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.border-black\/8{border-color:#00000014}@supports (color:color-mix(in lab, red, red)){.border-black\/8{border-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.border-black\/10{border-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.border-black\/10{border-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.border-black\/12{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.border-black\/12{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.border-black\/20{border-color:#0003}@supports (color:color-mix(in lab, red, red)){.border-black\/20{border-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.border-emerald-500\/30{border-color:#00bb7f4d}@supports (color:color-mix(in lab, red, red)){.border-emerald-500\/30{border-color:color-mix(in oklab, var(--color-emerald-500) 30%, transparent)}}.border-indigo-400\/40{border-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-400\/40{border-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.border-indigo-500{border-color:var(--color-indigo-500)}.border-indigo-500\/15{border-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/15{border-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.border-indigo-500\/20{border-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/20{border-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.border-indigo-500\/25{border-color:#625fff40}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/25{border-color:color-mix(in oklab, var(--color-indigo-500) 25%, transparent)}}.border-indigo-500\/30{border-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/30{border-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.border-indigo-500\/40{border-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/40{border-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.border-indigo-500\/50{border-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.border-indigo-500\/50{border-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.border-red-500\/20{border-color:#fb2c3633}@supports (color:color-mix(in lab, red, red)){.border-red-500\/20{border-color:color-mix(in oklab, var(--color-red-500) 20%, transparent)}}.border-red-500\/30{border-color:#fb2c364d}@supports (color:color-mix(in lab, red, red)){.border-red-500\/30{border-color:color-mix(in oklab, var(--color-red-500) 30%, transparent)}}.border-rose-500\/20{border-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/20{border-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.border-rose-500\/30{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.border-rose-500\/30{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.border-white\/6{border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.border-white\/6{border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.border-white\/8{border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.border-white\/8{border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.border-white\/10{border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.border-t-indigo-500{border-top-color:var(--color-indigo-500)}.bg-\[\#0a0a0f\]{background-color:#0a0a0f}.bg-\[\#0c0c15\]{background-color:#0c0c15}.bg-\[\#0d0d14\]{background-color:#0d0d14}.bg-\[\#1a1a2e\]{background-color:#1a1a2e}.bg-amber-500\/8{background-color:#f99c0014}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/8{background-color:color-mix(in oklab, var(--color-amber-500) 8%, transparent)}}.bg-amber-500\/10{background-color:#f99c001a}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/10{background-color:color-mix(in oklab, var(--color-amber-500) 10%, transparent)}}.bg-amber-500\/20{background-color:#f99c0033}@supports (color:color-mix(in lab, red, red)){.bg-amber-500\/20{background-color:color-mix(in oklab, var(--color-amber-500) 20%, transparent)}}.bg-amber-600{background-color:var(--color-amber-600)}.bg-amber-600\/25{background-color:#dd740040}@supports (color:color-mix(in lab, red, red)){.bg-amber-600\/25{background-color:color-mix(in oklab, var(--color-amber-600) 25%, transparent)}}.bg-amber-600\/40{background-color:#dd740066}@supports (color:color-mix(in lab, red, red)){.bg-amber-600\/40{background-color:color-mix(in oklab, var(--color-amber-600) 40%, transparent)}}.bg-black\/3{background-color:#00000008}@supports (color:color-mix(in lab, red, red)){.bg-black\/3{background-color:color-mix(in oklab, var(--color-black) 3%, transparent)}}.bg-black\/4{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.bg-black\/4{background-color:color-mix(in oklab, var(--color-black) 4%, transparent)}}.bg-black\/5{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.bg-black\/5{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.bg-black\/6{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.bg-black\/6{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.bg-black\/8{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.bg-black\/8{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-black\/12{background-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.bg-black\/12{background-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.bg-black\/15{background-color:#00000026}@supports (color:color-mix(in lab, red, red)){.bg-black\/15{background-color:color-mix(in oklab, var(--color-black) 15%, transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab, red, red)){.bg-black\/50{background-color:color-mix(in oklab, var(--color-black) 50%, transparent)}}.bg-black\/60{background-color:#0009}@supports (color:color-mix(in lab, red, red)){.bg-black\/60{background-color:color-mix(in oklab, var(--color-black) 60%, transparent)}}.bg-blue-500\/30{background-color:#3080ff4d}@supports (color:color-mix(in lab, red, red)){.bg-blue-500\/30{background-color:color-mix(in oklab, var(--color-blue-500) 30%, transparent)}}.bg-emerald-100{background-color:var(--color-emerald-100)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-emerald-500\/10{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/10{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.bg-emerald-500\/15{background-color:#00bb7f26}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/15{background-color:color-mix(in oklab, var(--color-emerald-500) 15%, transparent)}}.bg-emerald-500\/20{background-color:#00bb7f33}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/20{background-color:color-mix(in oklab, var(--color-emerald-500) 20%, transparent)}}.bg-emerald-500\/25{background-color:#00bb7f40}@supports (color:color-mix(in lab, red, red)){.bg-emerald-500\/25{background-color:color-mix(in oklab, var(--color-emerald-500) 25%, transparent)}}.bg-emerald-600{background-color:var(--color-emerald-600)}.bg-indigo-400{background-color:var(--color-indigo-400)}.bg-indigo-400\/40{background-color:#7d87ff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/40{background-color:color-mix(in oklab, var(--color-indigo-400) 40%, transparent)}}.bg-indigo-400\/50{background-color:#7d87ff80}@supports (color:color-mix(in lab, red, red)){.bg-indigo-400\/50{background-color:color-mix(in oklab, var(--color-indigo-400) 50%, transparent)}}.bg-indigo-500{background-color:var(--color-indigo-500)}.bg-indigo-500\/8{background-color:#625fff14}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/8{background-color:color-mix(in oklab, var(--color-indigo-500) 8%, transparent)}}.bg-indigo-500\/10{background-color:#625fff1a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/10{background-color:color-mix(in oklab, var(--color-indigo-500) 10%, transparent)}}.bg-indigo-500\/12{background-color:#625fff1f}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/12{background-color:color-mix(in oklab, var(--color-indigo-500) 12%, transparent)}}.bg-indigo-500\/15{background-color:#625fff26}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/15{background-color:color-mix(in oklab, var(--color-indigo-500) 15%, transparent)}}.bg-indigo-500\/20{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/20{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.bg-indigo-500\/30{background-color:#625fff4d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/30{background-color:color-mix(in oklab, var(--color-indigo-500) 30%, transparent)}}.bg-indigo-500\/40{background-color:#625fff66}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/40{background-color:color-mix(in oklab, var(--color-indigo-500) 40%, transparent)}}.bg-indigo-500\/50{background-color:#625fff80}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/50{background-color:color-mix(in oklab, var(--color-indigo-500) 50%, transparent)}}.bg-indigo-500\/70{background-color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/70{background-color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.bg-indigo-500\/\[0\.03\]{background-color:#625fff08}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/\[0\.03\]{background-color:color-mix(in oklab, var(--color-indigo-500) 3%, transparent)}}.bg-indigo-500\/\[0\.12\]{background-color:#625fff1f}@supports (color:color-mix(in lab, red, red)){.bg-indigo-500\/\[0\.12\]{background-color:color-mix(in oklab, var(--color-indigo-500) 12%, transparent)}}.bg-indigo-600{background-color:var(--color-indigo-600)}.bg-indigo-600\/10{background-color:#4f39f61a}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/10{background-color:color-mix(in oklab, var(--color-indigo-600) 10%, transparent)}}.bg-indigo-600\/15{background-color:#4f39f626}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/15{background-color:color-mix(in oklab, var(--color-indigo-600) 15%, transparent)}}.bg-indigo-600\/20{background-color:#4f39f633}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/20{background-color:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)}}.bg-indigo-600\/25{background-color:#4f39f640}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/25{background-color:color-mix(in oklab, var(--color-indigo-600) 25%, transparent)}}.bg-indigo-600\/30{background-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.bg-indigo-600\/30{background-color:color-mix(in oklab, var(--color-indigo-600) 30%, transparent)}}.bg-purple-500\/40{background-color:#ac4bff66}@supports (color:color-mix(in lab, red, red)){.bg-purple-500\/40{background-color:color-mix(in oklab, var(--color-purple-500) 40%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500\/8{background-color:#fb2c3614}@supports (color:color-mix(in lab, red, red)){.bg-red-500\/8{background-color:color-mix(in oklab, var(--color-red-500) 8%, transparent)}}.bg-rose-500\/10{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/10{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.bg-rose-500\/20{background-color:#ff235733}@supports (color:color-mix(in lab, red, red)){.bg-rose-500\/20{background-color:color-mix(in oklab, var(--color-rose-500) 20%, transparent)}}.bg-rose-600{background-color:var(--color-rose-600)}.bg-rose-600\/10{background-color:#e700441a}@supports (color:color-mix(in lab, red, red)){.bg-rose-600\/10{background-color:color-mix(in oklab, var(--color-rose-600) 10%, transparent)}}.bg-rose-800{background-color:var(--color-rose-800)}.bg-rose-800\/25{background-color:#a3003740}@supports (color:color-mix(in lab, red, red)){.bg-rose-800\/25{background-color:color-mix(in oklab, var(--color-rose-800) 25%, transparent)}}.bg-rose-800\/40{background-color:#a3003766}@supports (color:color-mix(in lab, red, red)){.bg-rose-800\/40{background-color:color-mix(in oklab, var(--color-rose-800) 40%, transparent)}}.bg-sky-500\/10{background-color:#00a5ef1a}@supports (color:color-mix(in lab, red, red)){.bg-sky-500\/10{background-color:color-mix(in oklab, var(--color-sky-500) 10%, transparent)}}.bg-slate-50{background-color:var(--color-slate-50)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-slate-400\/60{background-color:#90a1b999}@supports (color:color-mix(in lab, red, red)){.bg-slate-400\/60{background-color:color-mix(in oklab, var(--color-slate-400) 60%, transparent)}}.bg-slate-500{background-color:var(--color-slate-500)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-transparent{background-color:#0000}.bg-violet-500\/10{background-color:#8d54ff1a}@supports (color:color-mix(in lab, red, red)){.bg-violet-500\/10{background-color:color-mix(in oklab, var(--color-violet-500) 10%, transparent)}}.bg-white{background-color:var(--color-white)}.bg-white\/8{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.bg-white\/8{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.bg-white\/10{background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.bg-white\/70{background-color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.bg-white\/70{background-color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-indigo-600\/20{--tw-gradient-from:#4f39f633}@supports (color:color-mix(in lab, red, red)){.from-indigo-600\/20{--tw-gradient-from:color-mix(in oklab, var(--color-indigo-600) 20%, transparent)}}.from-indigo-600\/20{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-600\/10{--tw-gradient-to:#9810fa1a}@supports (color:color-mix(in lab, red, red)){.to-purple-600\/10{--tw-gradient-to:color-mix(in oklab, var(--color-purple-600) 10%, transparent)}}.to-purple-600\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-0{padding-inline:0}.px-0\.5{padding-inline:calc(var(--spacing) * .5)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.py-px{padding-block:1px}.pt-0\.5{padding-top:calc(var(--spacing) * .5)}.pt-1{padding-top:var(--spacing)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-\[15vh\]{padding-top:15vh}.pr-2{padding-right:calc(var(--spacing) * 2)}.pb-1{padding-bottom:var(--spacing)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-1{padding-left:var(--spacing)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-3\.5{padding-left:calc(var(--spacing) * 3.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.font-mono{font-family:var(--font-mono)}.font-sans{font-family:var(--font-sans)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[6px\]{font-size:6px}.text-\[7px\]{font-size:7px}.text-\[8px\]{font-size:8px}.text-\[9px\]{font-size:9px}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[15px\]{font-size:15px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-wrap{text-wrap:wrap}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-600\/80{color:#dd7400cc}@supports (color:color-mix(in lab, red, red)){.text-amber-600\/80{color:color-mix(in oklab, var(--color-amber-600) 80%, transparent)}}.text-amber-700{color:var(--color-amber-700)}.text-amber-700\/80{color:#b75000cc}@supports (color:color-mix(in lab, red, red)){.text-amber-700\/80{color:color-mix(in oklab, var(--color-amber-700) 80%, transparent)}}.text-amber-800{color:var(--color-amber-800)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-400{color:var(--color-emerald-400)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-700{color:var(--color-emerald-700)}.text-emerald-800{color:var(--color-emerald-800)}.text-indigo-300{color:var(--color-indigo-300)}.text-indigo-500{color:var(--color-indigo-500)}.text-indigo-500\/70{color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.text-indigo-500\/70{color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.text-indigo-600{color:var(--color-indigo-600)}.text-indigo-600\/60{color:#4f39f699}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/60{color:color-mix(in oklab, var(--color-indigo-600) 60%, transparent)}}.text-indigo-600\/70{color:#4f39f6b3}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/70{color:color-mix(in oklab, var(--color-indigo-600) 70%, transparent)}}.text-indigo-600\/80{color:#4f39f6cc}@supports (color:color-mix(in lab, red, red)){.text-indigo-600\/80{color:color-mix(in oklab, var(--color-indigo-600) 80%, transparent)}}.text-indigo-700{color:var(--color-indigo-700)}.text-indigo-800{color:var(--color-indigo-800)}.text-orange-600{color:var(--color-orange-600)}.text-pink-600{color:var(--color-pink-600)}.text-red-400{color:var(--color-red-400)}.text-red-700{color:var(--color-red-700)}.text-red-700\/80{color:#bf000fcc}@supports (color:color-mix(in lab, red, red)){.text-red-700\/80{color:color-mix(in oklab, var(--color-red-700) 80%, transparent)}}.text-rose-400{color:var(--color-rose-400)}.text-rose-500{color:var(--color-rose-500)}.text-rose-600{color:var(--color-rose-600)}.text-rose-700{color:var(--color-rose-700)}.text-rose-700\/80{color:#c20039cc}@supports (color:color-mix(in lab, red, red)){.text-rose-700\/80{color:color-mix(in oklab, var(--color-rose-700) 80%, transparent)}}.text-sky-600{color:var(--color-sky-600)}.text-sky-700{color:var(--color-sky-700)}.text-slate-200{color:var(--color-slate-200)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-700{color:var(--color-slate-700)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-slate-900\/70{color:#0f172bb3}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/70{color:color-mix(in oklab, var(--color-slate-900) 70%, transparent)}}.text-slate-900\/80{color:#0f172bcc}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/80{color:color-mix(in oklab, var(--color-slate-900) 80%, transparent)}}.text-slate-900\/85{color:#0f172bd9}@supports (color:color-mix(in lab, red, red)){.text-slate-900\/85{color:color-mix(in oklab, var(--color-slate-900) 85%, transparent)}}.text-teal-600{color:var(--color-teal-600)}.text-violet-600{color:var(--color-violet-600)}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.text-white\/70{color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.proportional-nums{--tw-numeric-spacing:proportional-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-2{text-underline-offset:2px}.placeholder-slate-400::placeholder{color:var(--color-slate-400)}.opacity-0{opacity:0}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-70{opacity:.7}.opacity-90{opacity:.9}.mix-blend-difference{mix-blend-mode:difference}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow\/translate{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-black\/60{--tw-shadow-color:#0009}@supports (color:color-mix(in lab, red, red)){.shadow-black\/60{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black) 60%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-emerald-600\/30{--tw-shadow-color:#0097674d}@supports (color:color-mix(in lab, red, red)){.shadow-emerald-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-emerald-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.shadow-indigo-600\/30{--tw-shadow-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.shadow-indigo-600\/30{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-indigo-600) 30%, transparent) var(--tw-shadow-alpha), transparent)}}.ring-indigo-500\/70{--tw-ring-color:#625fffb3}@supports (color:color-mix(in lab, red, red)){.ring-indigo-500\/70{--tw-ring-color:color-mix(in oklab, var(--color-indigo-500) 70%, transparent)}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);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{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a)) drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a) drop-shadow(0 1px 1px #0000000f);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,)}.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,)}.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-sm{--tw-backdrop-blur:blur(var(--blur-sm));-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,)}.backdrop-filter{-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{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-all{-webkit-user-select:all;user-select:all}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:text-slate-500:is(:where(.group):hover *){color:var(--color-slate-500)}.group-hover\:text-slate-700:is(:where(.group):hover *){color:var(--color-slate-700)}.group-hover\:text-slate-900:is(:where(.group):hover *){color:var(--color-slate-900)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-slate-500::placeholder{color:var(--color-slate-500)}.placeholder\:text-slate-600::placeholder{color:var(--color-slate-600)}@media (hover:hover){.hover\:border-black\/12:hover{border-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.hover\:border-black\/12:hover{border-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.hover\:border-black\/14:hover{border-color:#00000024}@supports (color:color-mix(in lab, red, red)){.hover\:border-black\/14:hover{border-color:color-mix(in oklab, var(--color-black) 14%, transparent)}}.hover\:border-rose-500\/30:hover{border-color:#ff23574d}@supports (color:color-mix(in lab, red, red)){.hover\:border-rose-500\/30:hover{border-color:color-mix(in oklab, var(--color-rose-500) 30%, transparent)}}.hover\:bg-amber-500\/30:hover{background-color:#f99c004d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-amber-500\/30:hover{background-color:color-mix(in oklab, var(--color-amber-500) 30%, transparent)}}.hover\:bg-black\/4:hover{background-color:#0000000a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/4:hover{background-color:color-mix(in oklab, var(--color-black) 4%, transparent)}}.hover\:bg-black\/5:hover{background-color:#0000000d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/5:hover{background-color:color-mix(in oklab, var(--color-black) 5%, transparent)}}.hover\:bg-black\/6:hover{background-color:#0000000f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/6:hover{background-color:color-mix(in oklab, var(--color-black) 6%, transparent)}}.hover\:bg-black\/8:hover{background-color:#00000014}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/8:hover{background-color:color-mix(in oklab, var(--color-black) 8%, transparent)}}.hover\:bg-black\/10:hover{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/10:hover{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.hover\:bg-black\/12:hover{background-color:#0000001f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-black\/12:hover{background-color:color-mix(in oklab, var(--color-black) 12%, transparent)}}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-emerald-500\/10:hover{background-color:#00bb7f1a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-emerald-500\/10:hover{background-color:color-mix(in oklab, var(--color-emerald-500) 10%, transparent)}}.hover\:bg-indigo-500:hover{background-color:var(--color-indigo-500)}.hover\:bg-indigo-500\/20:hover{background-color:#625fff33}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-500\/20:hover{background-color:color-mix(in oklab, var(--color-indigo-500) 20%, transparent)}}.hover\:bg-indigo-600\/25:hover{background-color:#4f39f640}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/25:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 25%, transparent)}}.hover\:bg-indigo-600\/30:hover{background-color:#4f39f64d}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/30:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 30%, transparent)}}.hover\:bg-indigo-600\/35:hover{background-color:#4f39f659}@supports (color:color-mix(in lab, red, red)){.hover\:bg-indigo-600\/35:hover{background-color:color-mix(in oklab, var(--color-indigo-600) 35%, transparent)}}.hover\:bg-rose-500:hover{background-color:var(--color-rose-500)}.hover\:bg-rose-500\/10:hover{background-color:#ff23571a}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-500\/10:hover{background-color:color-mix(in oklab, var(--color-rose-500) 10%, transparent)}}.hover\:bg-rose-600\/20:hover{background-color:#e7004433}@supports (color:color-mix(in lab, red, red)){.hover\:bg-rose-600\/20:hover{background-color:color-mix(in oklab, var(--color-rose-600) 20%, transparent)}}.hover\:bg-white\/8:hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/8:hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.hover\:bg-white\/12:hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.hover\:bg-white\/12:hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-emerald-300:hover{color:var(--color-emerald-300)}.hover\:text-indigo-600:hover{color:var(--color-indigo-600)}.hover\:text-indigo-700:hover{color:var(--color-indigo-700)}.hover\:text-rose-300:hover{color:var(--color-rose-300)}.hover\:text-rose-600:hover{color:var(--color-rose-600)}.hover\:text-rose-700:hover{color:var(--color-rose-700)}.hover\:text-rose-900:hover{color:var(--color-rose-900)}.hover\:text-slate-600:hover{color:var(--color-slate-600)}.hover\:text-slate-700:hover{color:var(--color-slate-700)}.hover\:text-slate-800:hover{color:var(--color-slate-800)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-white:hover{color:var(--color-white)}.hover\:no-underline:hover{text-decoration-line:none}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-100:hover{opacity:1}}.focus\:border-indigo-500:focus{border-color:var(--color-indigo-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-25:disabled{opacity:.25}.disabled\:opacity-40:disabled{opacity:.4}@media (min-width:40rem){.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:inline{display:inline}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}}@media (min-width:48rem){.md\:block{display:block}.md\:inline{display:inline}.md\:flex-1{flex:1}}@container (width>=48rem){.\@3xl\:mx-2\.5{margin-inline:calc(var(--spacing) * 2.5)}.\@3xl\:block{display:block}.\@3xl\:flex{display:flex}.\@3xl\:hidden{display:none}.\@3xl\:inline{display:inline}.\@3xl\:h-8{height:calc(var(--spacing) * 8)}.\@3xl\:w-52{width:calc(var(--spacing) * 52)}.\@3xl\:w-\[360px\]{width:360px}.\@3xl\:w-auto{width:auto}.\@3xl\:w-full{width:100%}.\@3xl\:flex-none{flex:none}.\@3xl\:items-stretch{align-items:stretch}.\@3xl\:justify-start{justify-content:flex-start}.\@3xl\:px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}}.dark\:border-white\/6:where(.dark,.dark *){border-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/6:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:border-white\/8:where(.dark,.dark *){border-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/8:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:border-white\/10:where(.dark,.dark *){border-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/10:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:border-white\/12:where(.dark,.dark *){border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/12:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:border-white\/20:where(.dark,.dark *){border-color:#fff3}@supports (color:color-mix(in lab, red, red)){.dark\:border-white\/20:where(.dark,.dark *){border-color:color-mix(in oklab, var(--color-white) 20%, transparent)}}.dark\:bg-\[\#0a0a0f\]:where(.dark,.dark *){background-color:#0a0a0f}.dark\:bg-\[\#0a0a10\]:where(.dark,.dark *){background-color:#0a0a10}.dark\:bg-\[\#0c0c15\]:where(.dark,.dark *){background-color:#0c0c15}.dark\:bg-\[\#0d0d14\]:where(.dark,.dark *){background-color:#0d0d14}.dark\:bg-\[\#1a1a2e\]:where(.dark,.dark *){background-color:#1a1a2e}.dark\:bg-\[\#06060a\]:where(.dark,.dark *){background-color:#06060a}.dark\:bg-\[\#07070b\]:where(.dark,.dark *){background-color:#07070b}.dark\:bg-\[\#09090e\]:where(.dark,.dark *){background-color:#09090e}.dark\:bg-\[\#111118\]:where(.dark,.dark *){background-color:#111118}.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:#004e3b66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-emerald-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-emerald-900) 40%, transparent)}}.dark\:bg-indigo-400\/\[0\.04\]:where(.dark,.dark *){background-color:#7d87ff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-indigo-400\/\[0\.04\]:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-indigo-400) 4%, transparent)}}.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:#82181a66}@supports (color:color-mix(in lab, red, red)){.dark\:bg-red-900\/40:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-red-900) 40%, transparent)}}.dark\:bg-slate-600\/60:where(.dark,.dark *){background-color:#45556c99}@supports (color:color-mix(in lab, red, red)){.dark\:bg-slate-600\/60:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-slate-600) 60%, transparent)}}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-white\/3:where(.dark,.dark *){background-color:#ffffff08}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/3:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 3%, transparent)}}.dark\:bg-white\/4:where(.dark,.dark *){background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/4:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:bg-white\/5:where(.dark,.dark *){background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/5:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:bg-white\/6:where(.dark,.dark *){background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/6:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:bg-white\/8:where(.dark,.dark *){background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/8:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:bg-white\/10:where(.dark,.dark *){background-color:#ffffff1a}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/10:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 10%, transparent)}}.dark\:bg-white\/12:where(.dark,.dark *){background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/12:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:bg-white\/15:where(.dark,.dark *){background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:bg-white\/15:where(.dark,.dark *){background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-amber-300:where(.dark,.dark *){color:var(--color-amber-300)}.dark\:text-amber-300\/80:where(.dark,.dark *){color:#ffd236cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-300) 80%, transparent)}}.dark\:text-amber-400:where(.dark,.dark *){color:var(--color-amber-400)}.dark\:text-amber-400\/80:where(.dark,.dark *){color:#fcbb00cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-400) 80%, transparent)}}.dark\:text-amber-500\/80:where(.dark,.dark *){color:#f99c00cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-amber-500\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-amber-500) 80%, transparent)}}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-emerald-300:where(.dark,.dark *){color:var(--color-emerald-300)}.dark\:text-emerald-400:where(.dark,.dark *){color:var(--color-emerald-400)}.dark\:text-indigo-200:where(.dark,.dark *){color:var(--color-indigo-200)}.dark\:text-indigo-300:where(.dark,.dark *){color:var(--color-indigo-300)}.dark\:text-indigo-300\/80:where(.dark,.dark *){color:#a4b3ffcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-300) 80%, transparent)}}.dark\:text-indigo-400:where(.dark,.dark *){color:var(--color-indigo-400)}.dark\:text-indigo-400\/60:where(.dark,.dark *){color:#7d87ff99}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-400\/60:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-400) 60%, transparent)}}.dark\:text-indigo-400\/70:where(.dark,.dark *){color:#7d87ffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-indigo-400\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-indigo-400) 70%, transparent)}}.dark\:text-orange-400:where(.dark,.dark *){color:var(--color-orange-400)}.dark\:text-pink-400:where(.dark,.dark *){color:var(--color-pink-400)}.dark\:text-red-300:where(.dark,.dark *){color:var(--color-red-300)}.dark\:text-red-300\/80:where(.dark,.dark *){color:#ffa3a3cc}@supports (color:color-mix(in lab, red, red)){.dark\:text-red-300\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-red-300) 80%, transparent)}}.dark\:text-rose-300:where(.dark,.dark *){color:var(--color-rose-300)}.dark\:text-rose-400:where(.dark,.dark *){color:var(--color-rose-400)}.dark\:text-rose-400\/80:where(.dark,.dark *){color:#ff667fcc}@supports (color:color-mix(in lab, red, red)){.dark\:text-rose-400\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-rose-400) 80%, transparent)}}.dark\:text-sky-300:where(.dark,.dark *){color:var(--color-sky-300)}.dark\:text-sky-400:where(.dark,.dark *){color:var(--color-sky-400)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-slate-300:where(.dark,.dark *){color:var(--color-slate-300)}.dark\:text-slate-400:where(.dark,.dark *){color:var(--color-slate-400)}.dark\:text-slate-500:where(.dark,.dark *){color:var(--color-slate-500)}.dark\:text-slate-600:where(.dark,.dark *){color:var(--color-slate-600)}.dark\:text-slate-700:where(.dark,.dark *){color:var(--color-slate-700)}.dark\:text-teal-400:where(.dark,.dark *){color:var(--color-teal-400)}.dark\:text-violet-300:where(.dark,.dark *){color:var(--color-violet-300)}.dark\:text-violet-400:where(.dark,.dark *){color:var(--color-violet-400)}.dark\:text-white:where(.dark,.dark *){color:var(--color-white)}.dark\:text-white\/70:where(.dark,.dark *){color:#ffffffb3}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/70:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 70%, transparent)}}.dark\:text-white\/80:where(.dark,.dark *){color:#fffc}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/80:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 80%, transparent)}}.dark\:text-white\/85:where(.dark,.dark *){color:#ffffffd9}@supports (color:color-mix(in lab, red, red)){.dark\:text-white\/85:where(.dark,.dark *){color:color-mix(in oklab, var(--color-white) 85%, transparent)}}.dark\:placeholder-slate-600:where(.dark,.dark *)::placeholder{color:var(--color-slate-600)}@media (hover:hover){.dark\:group-hover\:text-slate-300:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-slate-300)}.dark\:group-hover\:text-white:where(.dark,.dark *):is(:where(.group):hover *){color:var(--color-white)}}.dark\:placeholder\:text-slate-400:where(.dark,.dark *)::placeholder{color:var(--color-slate-400)}@media (hover:hover){.dark\:hover\:border-white\/12:where(.dark,.dark *):hover{border-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/12:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:hover\:border-white\/14:where(.dark,.dark *):hover{border-color:#ffffff24}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:border-white\/14:where(.dark,.dark *):hover{border-color:color-mix(in oklab, var(--color-white) 14%, transparent)}}.dark\:hover\:bg-white\/4:where(.dark,.dark *):hover{background-color:#ffffff0a}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/4:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 4%, transparent)}}.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:#ffffff0d}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/5:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 5%, transparent)}}.dark\:hover\:bg-white\/6:where(.dark,.dark *):hover{background-color:#ffffff0f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/6:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 6%, transparent)}}.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:#ffffff14}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/8:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 8%, transparent)}}.dark\:hover\:bg-white\/12:where(.dark,.dark *):hover{background-color:#ffffff1f}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/12:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 12%, transparent)}}.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:#ffffff26}@supports (color:color-mix(in lab, red, red)){.dark\:hover\:bg-white\/15:where(.dark,.dark *):hover{background-color:color-mix(in oklab, var(--color-white) 15%, transparent)}}.dark\:hover\:text-amber-100:where(.dark,.dark *):hover{color:var(--color-amber-100)}.dark\:hover\:text-indigo-200:where(.dark,.dark *):hover{color:var(--color-indigo-200)}.dark\:hover\:text-indigo-400:where(.dark,.dark *):hover{color:var(--color-indigo-400)}.dark\:hover\:text-rose-100:where(.dark,.dark *):hover{color:var(--color-rose-100)}.dark\:hover\:text-rose-300:where(.dark,.dark *):hover{color:var(--color-rose-300)}.dark\:hover\:text-rose-400:where(.dark,.dark *):hover{color:var(--color-rose-400)}.dark\:hover\:text-slate-200:where(.dark,.dark *):hover{color:var(--color-slate-200)}.dark\:hover\:text-slate-300:where(.dark,.dark *):hover{color:var(--color-slate-300)}.dark\:hover\:text-slate-400:where(.dark,.dark *):hover{color:var(--color-slate-400)}.dark\:hover\:text-white:where(.dark,.dark *):hover{color:var(--color-white)}}.\[\&\:\:-webkit-scrollbar\]\:hidden::-webkit-scrollbar{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.clampRange.svelte-iy59wr{appearance:none;pointer-events:none;background:0 0;margin:0}.clampRange.svelte-iy59wr::-webkit-slider-thumb{appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border-radius:9999px;width:16px;height:16px}.clampRange.svelte-iy59wr::-moz-range-thumb{cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:9999px;width:16px;height:16px}.clampRange.svelte-iy59wr::-moz-range-track{background:0 0}@layer slashed.tokens{@property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:#0137ee;--sf-color-secondary-source-light:#111a2d;--sf-color-tertiary-source-light:#5c10b4;--sf-color-action-source-light:#006c98;--sf-color-neutral-source-light:#616978;--sf-color-base-source-light:#eff2f6;--sf-color-success-source-light:#00791d;--sf-color-warning-source-light:#e2a000;--sf-color-info-source-light:#006693;--sf-color-danger-source-light:#af0040}@supports (color:lab(0% 0 0)){:root{--sf-color-primary-source-light:lab(33.7875% 46.3905 -95.4963);--sf-color-secondary-source-light:lab(9.22675% 1.07623 -14.3482);--sf-color-tertiary-source-light:lab(28.2584% 55.0822 -70.9314);--sf-color-action-source-light:lab(41.335% -12.4269 -63.6346);--sf-color-neutral-source-light:lab(44.2238% -1.00827 -9.19603);--sf-color-base-source-light:lab(95.3554% -.662148 -2.14612);--sf-color-success-source-light:lab(43.8665% -45.1423 39.6128);--sf-color-warning-source-light:lab(70.9465% 19.2186 87.3143);--sf-color-info-source-light:lab(39.3159% -14.401 -52.2544);--sf-color-danger-source-light:lab(37.1443% 71.0626 21.0806)}}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:#eee;--sf-color-text--on-secondary:#eee;--sf-color-text--on-tertiary:#eee;--sf-color-text--on-action:#eee;--sf-color-text--on-neutral:#eee;--sf-color-text--on-success:#eee;--sf-color-text--on-warning:#030303;--sf-color-text--on-info:#eee;--sf-color-text--on-danger:#eee;--sf-color-text--on-inverse:#eee;--sf-color-code-text:#030303;--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:#00000080;--sf-color-white:#fff;--sf-color-black:#000;--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:lab(0% 0 0)){:root{--sf-color-text--on-primary:lab(94.2% 0 0);--sf-color-text--on-secondary:lab(94.2% 0 0);--sf-color-text--on-tertiary:lab(94.2% 0 0);--sf-color-text--on-action:lab(94.2% 0 0);--sf-color-text--on-neutral:lab(94.2% 0 0);--sf-color-text--on-success:lab(94.2% 0 0);--sf-color-text--on-warning:lab(.903296% 0 0);--sf-color-text--on-info:lab(94.2% 0 0);--sf-color-text--on-danger:lab(94.2% 0 0);--sf-color-text--on-inverse:lab(94.2% 0 0);--sf-color-code-text:lab(.903296% 0 0);--sf-color-dim:lab(0% 0 0/.5);--sf-color-white:lab(100% 0 0);--sf-color-black:lab(0% 0 0)}}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:#0000008c;--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px #0009;--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none}@supports (color:lab(0% 0 0)){:root{--sf-scrim-color:lab(0% 0 0/.55);--sf-scrim-text-shadow:0 1px 3px lab(0% 0 0/.6)}}:root{--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}}@layer slashed.reset,slashed.base,slashed.forms;@layer slashed.components{.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;-webkit-user-select:none;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--subtle:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:var(--lightningcss-light,oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h))var(--lightningcss-dark,oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}}@layer slashed.layout{.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container{padding-inline:0}.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}}@layer slashed.macros{.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;-webkit-background-clip:text;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}}@layer slashed.utilities,slashed.states;@layer slashed.themes{@media (prefers-color-scheme:dark){:root:not([data-theme]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:var(--lightningcss-light,oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:var(--lightningcss-light,oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:var(--lightningcss-light,oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:var(--lightningcss-light,oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h))var(--lightningcss-dark,oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}}@layer slashed.motion,slashed.accessibility,slashed.print,slashed.legacy,slashed.overrides;
 /*$vite$:1*/
\ No newline at end of file
diff --git a/SLASHED-for-WP/assets/admin-app/app.js b/SLASHED-for-WP/assets/admin-app/app.js
index cff6270..d01febb 100644
--- a/SLASHED-for-WP/assets/admin-app/app.js
+++ b/SLASHED-for-WP/assets/admin-app/app.js
@@ -1,5 +1,5 @@
-var e=Array.isArray,t=Array.prototype.indexOf,n=Array.prototype.includes,r=Array.from,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyDescriptors,s=Object.prototype,c=Array.prototype,l=Object.getPrototypeOf,u=Object.isExtensible;function d(e){return typeof e==`function`}var f=()=>{};function p(e){for(var t=0;t<e.length;t++)e[t]()}function m(){var e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}function h(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);let n=[];for(let r of e)if(n.push(r),n.length===t)break;return n}var g=1<<24,_=1024,v=2048,y=4096,b=8192,x=16384,S=32768,C=1<<25,w=65536,T=1<<19,E=1<<20,D=1<<25,O=65536,k=1<<21,A=1<<22,j=1<<23,M=Symbol(`$state`),ee=Symbol(`legacy props`),te=Symbol(``),ne=Symbol(`attributes`),re=Symbol(`class`),ie=Symbol(`style`),ae=Symbol(`text`),oe=Symbol(`form reset`),N=new class extends Error{name=`StaleReactionError`;message="The reaction that called `getAbortSignal()` was re-run or destroyed"},se=!!globalThis.document?.contentType&&globalThis.document.contentType.includes(`xml`);function ce(e){throw Error(`https://svelte.dev/e/lifecycle_outside_component`)}function le(){throw Error(`https://svelte.dev/e/async_derived_orphan`)}function ue(e,t,n){throw Error(`https://svelte.dev/e/each_key_duplicate`)}function de(e){throw Error(`https://svelte.dev/e/effect_in_teardown`)}function fe(){throw Error(`https://svelte.dev/e/effect_in_unowned_derived`)}function pe(e){throw Error(`https://svelte.dev/e/effect_orphan`)}function me(){throw Error(`https://svelte.dev/e/effect_update_depth_exceeded`)}function he(e){throw Error(`https://svelte.dev/e/props_invalid_value`)}function ge(){throw Error(`https://svelte.dev/e/state_descriptors_fixed`)}function _e(){throw Error(`https://svelte.dev/e/state_prototype_fixed`)}function ve(){throw Error(`https://svelte.dev/e/state_unsafe_mutation`)}function ye(){throw Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`)}var be={},xe=Symbol(`uninitialized`),Se=`http://www.w3.org/1999/xhtml`,Ce=`http://www.w3.org/2000/svg`;function we(){console.warn(`https://svelte.dev/e/derived_inert`)}function Te(e){console.warn(`https://svelte.dev/e/hydration_mismatch`)}function Ee(){console.warn(`https://svelte.dev/e/select_multiple_invalid_value`)}function De(){console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`)}var P=!1;function Oe(e){P=e}var ke;function Ae(e){if(e===null)throw Te(),be;return ke=e}function je(){return Ae(ln(ke))}function F(e){if(P){if(ln(ke)!==null)throw Te(),be;ke=e}}function Me(e=1){if(P){for(var t=e,n=ke;t--;)n=ln(n);ke=n}}function Ne(e=!0){for(var t=0,n=ke;;){if(n.nodeType===8){var r=n.data;if(r===`]`){if(t===0)return n;--t}else(r===`[`||r===`[!`||r[0]===`[`&&!isNaN(Number(r.slice(1))))&&(t+=1)}var i=ln(n);e&&n.remove(),n=i}}function Pe(e){if(!e||e.nodeType!==8)throw Te(),be;return e.data}function Fe(e){return e===this.v}function Ie(e,t){return e==e?e!==t||typeof e==`object`&&!!e||typeof e==`function`:t==t}function Le(e){return!Ie(e,this.v)}var Re=null;function ze(e){Re=e}function Be(e){return We(`getContext`).get(e)}function Ve(e,t=!1,n){Re={p:Re,i:!1,c:null,e:null,s:e,x:null,r:Zn,l:null}}function He(e){var t=Re,n=t.e;if(n!==null){t.e=null;for(var r of n)Tn(r)}return e!==void 0&&(t.x=e),t.i=!0,Re=t.p,e??{}}function Ue(){return!0}function We(e){return Re===null&&ce(e),Re.c??=new Map(Ge(Re)||void 0)}function Ge(e){let t=e.p;for(;t!==null;){let e=t.c;if(e!==null)return e;t=t.p}return null}var Ke=[];function qe(){var e=Ke;Ke=[],p(e)}function Je(e){if(Ke.length===0&&!Dt){var t=Ke;queueMicrotask(()=>{t===Ke&&qe()})}Ke.push(e)}function Ye(){for(;Ke.length>0;)qe()}function Xe(e){var t=Zn;if(t===null)return Jn.f|=j,e;if(!(t.f&32768)&&!(t.f&4))throw e;Ze(e,t)}function Ze(e,t){if(!(t!==null&&t.f&16384)){for(;t!==null;){if(t.f&128){if(!(t.f&32768))throw e;try{t.b.error(e);return}catch(t){e=t}}t=t.parent}throw e}}var Qe=~(v|y|_);function $e(e,t){e.f=e.f&Qe|t}function et(e){e.f&512||e.deps===null?$e(e,_):$e(e,y)}function tt(e){if(e!==null)for(let t of e)!(t.f&2)||!(t.f&65536)||(t.f^=O,tt(t.deps))}function nt(e,t,n){e.f&2048?t.add(e):e.f&4096&&n.add(e),tt(e.deps),$e(e,_)}var rt=!1;function it(e){var t=rt;try{return rt=!1,[e(),rt]}finally{rt=t}}function at(e){let t=0,n=Kt(0),r;return()=>{Sn()&&(U(n),kn(()=>(t===0&&(r=yr(()=>e(()=>Xt(n)))),t+=1,()=>{Je(()=>{--t,t===0&&(r?.(),r=void 0,Xt(n))})})))}}var ot=w|T;function st(e,t,n,r){new ct(e,t,n,r)}var ct=class{parent;is_pending=!1;transform_error;#e;#t=P?ke:null;#n;#r;#i;#a=null;#o=null;#s=null;#c=null;#l=0;#u=0;#d=!1;#f=new Set;#p=new Set;#m=null;#h=at(()=>(this.#m=Kt(this.#l),()=>{this.#m=null}));constructor(e,t,n,r){this.#e=e,this.#n=t,this.#r=e=>{var t=Zn;t.b=this,t.f|=128,n(e)},this.parent=Zn.b,this.transform_error=r??this.parent?.transform_error??(e=>e),this.#i=An(()=>{if(P){let e=this.#t;je();let t=e.data===`[!`;if(e.data.startsWith(`[?`)){let t=JSON.parse(e.data.slice(2));this.#_(t)}else t?this.#v():this.#g()}else this.#y()},ot),P&&(this.#e=ke)}#g(){try{this.#a=Mn(()=>this.#r(this.#e))}catch(e){this.error(e)}}#_(e){let t=this.#n.failed;t&&(this.#s=Mn(()=>{t(this.#e,()=>e,()=>()=>{})}))}#v(){let e=this.#n.pending;e&&(this.is_pending=!0,this.#o=Mn(()=>e(this.#e)),Je(()=>{var e=this.#c=document.createDocumentFragment(),t=sn();e.append(t),this.#a=this.#x(()=>Mn(()=>this.#r(t))),this.#u===0&&(this.#e.before(e),this.#c=null,zn(this.#o,()=>{this.#o=null}),this.#b(Ct))}))}#y(){try{if(this.is_pending=this.has_pending_snippet(),this.#u=0,this.#l=0,this.#a=Mn(()=>{this.#r(this.#e)}),this.#u>0){var e=this.#c=document.createDocumentFragment();Un(this.#a,e);let t=this.#n.pending;this.#o=Mn(()=>t(this.#e))}else this.#b(Ct)}catch(e){this.error(e)}}#b(e){this.is_pending=!1,e.transfer_effects(this.#f,this.#p)}defer_effect(e){nt(e,this.#f,this.#p)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#n.pending}#x(e){var t=Zn,n=Jn,r=Re;Qn(this.#i),Xn(this.#i),ze(this.#i.ctx);try{return Nt.ensure(),e()}catch(e){return Xe(e),null}finally{Qn(t),Xn(n),ze(r)}}#S(e,t){if(!this.has_pending_snippet()){this.parent&&this.parent.#S(e,t);return}this.#u+=e,this.#u===0&&(this.#b(t),this.#o&&zn(this.#o,()=>{this.#o=null}),this.#c&&=(this.#e.before(this.#c),null))}update_pending_count(e,t){this.#S(e,t),this.#l+=e,!(!this.#m||this.#d)&&(this.#d=!0,Je(()=>{this.#d=!1,this.#m&&Jt(this.#m,this.#l)}))}get_effect_pending(){return this.#h(),U(this.#m)}error(e){if(!this.#n.onerror&&!this.#n.failed)throw e;Ct?.is_fork?(this.#a&&Ct.skip_effect(this.#a),this.#o&&Ct.skip_effect(this.#o),this.#s&&Ct.skip_effect(this.#s),Ct.oncommit(()=>{this.#C(e)})):this.#C(e)}#C(e){this.#a&&=(In(this.#a),null),this.#o&&=(In(this.#o),null),this.#s&&=(In(this.#s),null),P&&(Ae(this.#t),Me(),Ae(Ne()));var t=this.#n.onerror;let n=this.#n.failed;var r=!1,i=!1;let a=()=>{if(r){De();return}r=!0,i&&ye(),this.#s!==null&&zn(this.#s,()=>{this.#s=null}),this.#x(()=>{this.#y()})},o=e=>{try{i=!0,t?.(e,a),i=!1}catch(e){Ze(e,this.#i&&this.#i.parent)}n&&(this.#s=this.#x(()=>{try{return Mn(()=>{var t=Zn;t.b=this,t.f|=128,n(this.#e,()=>e,()=>a)})}catch(e){return Ze(e,this.#i.parent),null}}))};Je(()=>{var t;try{t=this.transform_error(e)}catch(e){Ze(e,this.#i&&this.#i.parent);return}typeof t==`object`&&t&&typeof t.then==`function`?t.then(o,e=>Ze(e,this.#i&&this.#i.parent)):o(t)})}};function lt(e,t,n,r){let i=Ue()?pt:gt;var a=e.filter(e=>!e.settled),o=t.map(i);if(n.length===0&&a.length===0){r(o);return}var s=Zn,c=ut(),l=a.length===1?a[0].promise:a.length>1?Promise.all(a.map(e=>e.promise)):null;function u(e){if(!(s.f&16384)){c();try{r([...o,...e])}catch(e){Ze(e,s)}dt()}}var d=ft();if(n.length===0){l.then(()=>u([])).finally(d);return}function f(){Promise.all(n.map(e=>ht(e))).then(u).catch(e=>Ze(e,s)).finally(d)}l?l.then(()=>{c(),f(),dt()}):f()}function ut(){var e=Zn,t=Jn,n=Re,r=Ct;return function(i=!0){Qn(e),Xn(t),ze(n),i&&!(e.f&16384)&&(r?.activate(),r?.apply())}}function dt(e=!0){Qn(null),Xn(null),ze(null),e&&Ct?.deactivate()}function ft(){var e=Zn,t=e.b,n=Ct,r=!!t?.is_rendered();return t?.update_pending_count(1,n),n.increment(r,e),()=>{t?.update_pending_count(-1,n),n.decrement(r,e)}}function pt(e){var t=2|v;return Zn!==null&&(Zn.f|=T),{ctx:Re,deps:null,effects:null,equals:Fe,f:t,fn:e,reactions:null,rv:0,v:xe,wv:0,parent:Zn,ac:null}}var mt=Symbol(`obsolete`);function ht(e,t,n){let r=Zn;r===null&&le();var i=void 0,a=Kt(xe),o=!Jn,s=new Set;return On(()=>{var t=Zn,n=m();i=n.promise;try{Promise.resolve(e()).then(n.resolve,e=>{e!==N&&n.reject(e)}).finally(dt)}catch(e){n.reject(e),dt()}var c=Ct;if(o){if(t.f&32768)var l=ft();if(r.b?.is_rendered())c.async_deriveds.get(t)?.reject(mt);else for(let e of s.values())e.reject(mt);s.add(n),c.async_deriveds.set(t,n)}let u=(e,t=void 0)=>{l?.(),s.delete(n),t!==mt&&(c.activate(),t?(a.f|=j,Jt(a,t)):(a.f&8388608&&(a.f^=j),Jt(a,e)),c.deactivate())};n.promise.then(u,e=>u(null,e||`unknown`))}),Cn(()=>{for(let e of s)e.reject(mt)}),new Promise(e=>{function t(n){function r(){n===i?e(a):t(i)}n.then(r,r)}t(i)})}function I(e){let t=pt(e);return er(t),t}function gt(e){let t=pt(e);return t.equals=Le,t}function _t(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n<t.length;n+=1)In(t[n])}}function vt(e){var t,n=Zn,r=e.parent;if(!Kn&&r!==null&&e.v!==xe&&r.f&24576)return we(),e.v;Qn(r);try{e.f&=~O,_t(e),t=fr(e)}finally{Qn(n)}return t}function yt(e){var t=vt(e);if(!e.equals(t)&&(e.wv=lr(),(!Ct?.is_fork||e.deps===null)&&(Ct===null?e.v=t:(Ct.capture(e,t,!0),wt?.capture(e,t,!0)),e.deps===null))){$e(e,_);return}Kn||(Tt===null?et(e):(Sn()||Ct?.is_fork)&&Tt.set(e,t))}function bt(e){if(e.effects!==null)for(let t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(N),t.fn!==null&&(t.teardown=f),t.ac=null,mr(t,0),Pn(t))}function xt(e){if(e.effects!==null)for(let t of e.effects)t.teardown&&t.fn!==null&&hr(t)}var St=null,Ct=null,wt=null,Tt=null,Et=null,Dt=!1,Ot=!1,kt=null,At=null,jt=0,Mt=1,Nt=class e{id=Mt++;#e=!1;linked=!0;#t=null;#n=null;async_deriveds=new Map;current=new Map;previous=new Map;#r=new Set;#i=new Set;#a=0;#o=new Map;#s=null;#c=[];#l=[];#u=new Set;#d=new Set;#f=new Map;#p=new Set;is_fork=!1;#m=!1;constructor(){St===null?St=this:(St.#n=this,this.#t=St),St=this}#h(){if(this.is_fork)return!0;for(let n of this.#o.keys()){for(var e=n,t=!1;e.parent!==null;){if(this.#f.has(e)){t=!0;break}e=e.parent}if(!t)return!0}return!1}skip_effect(e){this.#f.has(e)||this.#f.set(e,{d:[],m:[]}),this.#p.delete(e)}unskip_effect(e,t=e=>this.schedule(e)){var n=this.#f.get(e);if(n){this.#f.delete(e);for(var r of n.d)$e(r,v),t(r);for(r of n.m)$e(r,y),t(r)}this.#p.add(e)}#g(){this.#e=!0,jt++>1e3&&(this.#x(),Ft());for(let e of this.#u)this.#d.delete(e),$e(e,v),this.schedule(e);for(let e of this.#d)$e(e,y),this.schedule(e);let t=this.#c;this.#c=[],this.apply();var n=kt=[],r=[],i=At=[];for(let e of t)try{this.#_(e,n,r)}catch(t){throw Ht(e),this.#h()||this.discard(),t}if(Ct=null,i.length>0){var a=e.ensure();for(let e of i)a.schedule(e)}if(kt=null,At=null,this.#h()){this.#b(r),this.#b(n);for(let[e,t]of this.#f)Vt(e,t);i.length>0&&Ct.#g();return}let o=this.#v();if(o){this.#b(r),this.#b(n),o.#y(this);return}this.#u.clear(),this.#d.clear();for(let e of this.#r)e(this);this.#r.clear(),wt=this,Lt(r),Lt(n),wt=null,this.#s?.resolve();var s=Ct;if(this.#a===0&&(this.#c.length===0||s!==null)&&this.#x(),this.#c.length>0)if(s!==null){let e=s;e.#c.push(...this.#c.filter(t=>!e.#c.includes(t)))}else s=this;s!==null&&s.#g()}#_(e,t,n){e.f^=_;for(var r=e.first;r!==null;){var i=r.f,a=(i&96)!=0;if(!(a&&i&1024||i&8192||this.#f.has(r))&&r.fn!==null){a?r.f^=_:i&4?t.push(r):ur(r)&&(i&16&&this.#d.add(r),hr(r));var o=r.first;if(o!==null){r=o;continue}}for(;r!==null;){var s=r.next;if(s!==null){r=s;break}r=r.parent}}}#v(){for(var e=this.#t;e!==null;){if(!e.is_fork){for(let[t,[,n]]of this.current)if(e.current.has(t)&&!n)return e}e=e.#t}return null}#y(e){for(let[t,n]of e.current)!this.previous.has(t)&&e.previous.has(t)&&this.previous.set(t,e.previous.get(t)),this.current.set(t,n);for(let[t,n]of e.async_deriveds){let e=this.async_deriveds.get(t);e&&n.promise.then(e.resolve).catch(e.reject)}e.async_deriveds.clear(),this.transfer_effects(e.#u,e.#d);let t=e=>{var n=e.reactions;if(n!==null)for(let e of n){var r=e.f;if(r&2)t(e);else{var i=e;r&4194320&&!this.async_deriveds.has(i)&&(this.#d.delete(i),$e(i,v),this.schedule(i))}}};for(let e of this.current.keys())t(e);this.oncommit(()=>e.discard()),e.#x(),Ct=this,this.#g()}#b(e){for(var t=0;t<e.length;t+=1)nt(e[t],this.#u,this.#d)}capture(e,t,n=!1){e.v!==xe&&!this.previous.has(e)&&this.previous.set(e,e.v),e.f&8388608||(this.current.set(e,[t,n]),Tt?.set(e,t)),this.is_fork||(e.v=t)}activate(){Ct=this}deactivate(){Ct=null,Tt=null}flush(){try{Ot=!0,Ct=this,this.#g()}finally{jt=0,Et=null,kt=null,At=null,Ot=!1,Ct=null,Tt=null,Wt.clear()}}discard(){for(let e of this.#i)e(this);this.#i.clear();for(let e of this.async_deriveds.values())e.reject(mt);this.#x(),this.#s?.resolve()}register_created_effect(e){this.#l.push(e)}increment(e,t){if(this.#a+=1,e){let e=this.#o.get(t)??0;this.#o.set(t,e+1)}}decrement(e,t){if(--this.#a,e){let e=this.#o.get(t)??0;e===1?this.#o.delete(t):this.#o.set(t,e-1)}this.#m||(this.#m=!0,Je(()=>{this.#m=!1,this.linked&&this.flush()}))}transfer_effects(e,t){for(let t of e)this.#u.add(t);for(let e of t)this.#d.add(e);e.clear(),t.clear()}oncommit(e){this.#r.add(e)}ondiscard(e){this.#i.add(e)}settled(){return(this.#s??=m()).promise}static ensure(){if(Ct===null){let t=Ct=new e;!Ot&&!Dt&&Je(()=>{t.#e||t.flush()})}return Ct}apply(){Tt=null}schedule(e){if(Et=e,e.b?.is_pending&&e.f&16777228&&!(e.f&32768)){e.b.defer_effect(e);return}for(var t=e;t.parent!==null;){t=t.parent;var n=t.f;if(kt!==null&&t===Zn&&(Jn===null||!(Jn.f&2)))return;if(n&96){if(!(n&1024))return;t.f^=_}}this.#c.push(t)}#x(){if(this.linked){var e=this.#t,t=this.#n;e===null||(e.#n=t),t===null?St=e:t.#t=e,this.linked=!1}}};function Pt(e){var t=Dt;Dt=!0;try{var n;for(e&&(Ct!==null&&!Ct.is_fork&&Ct.flush(),n=e());;){if(Ye(),Ct===null)return n;Ct.flush()}}finally{Dt=t}}function Ft(){try{me()}catch(e){Ze(e,Et)}}var It=null;function Lt(e){var t=e.length;if(t!==0){for(var n=0;n<t;){var r=e[n++];if(!(r.f&24576)&&ur(r)&&(It=new Set,hr(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Rn(r),It?.size>0)){Wt.clear();for(let e of It){if(e.f&24576)continue;let t=[e],n=e.parent;for(;n!==null;)It.has(n)&&(It.delete(n),t.push(n)),n=n.parent;for(let e=t.length-1;e>=0;e--){let n=t[e];n.f&24576||hr(n)}}It.clear()}}It=null}}function Rt(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(let i of e.reactions){let e=i.f;e&2?Rt(i,t,n,r):e&4194320&&!(e&2048)&&zt(i,t,r)&&($e(i,v),Bt(i))}}function zt(e,t,r){let i=r.get(e);if(i!==void 0)return i;if(e.deps!==null)for(let i of e.deps){if(n.call(t,i))return!0;if(i.f&2&&zt(i,t,r))return r.set(i,!0),!0}return r.set(e,!1),!1}function Bt(e){Ct.schedule(e)}function Vt(e,t){if(!(e.f&32&&e.f&1024)){e.f&2048?t.d.push(e):e.f&4096&&t.m.push(e),$e(e,_);for(var n=e.first;n!==null;)Vt(n,t),n=n.next}}function Ht(e){$e(e,_);for(var t=e.first;t!==null;)Ht(t),t=t.next}var Ut=new Set,Wt=new Map,Gt=!1;function Kt(e,t){return{f:0,v:e,reactions:null,equals:Fe,rv:0,wv:0}}function L(e,t){let n=Kt(e,t);return er(n),n}function qt(e,t=!1,n=!0){let r=Kt(e);return t||(r.equals=Le),r}function R(e,t,n=!1){return Jn!==null&&(!Yn||Jn.f&131072)&&Ue()&&Jn.f&4325394&&($n===null||!$n.has(e))&&ve(),Jt(e,n?Qt(t):t,At)}function Jt(e,t,n=null){if(!e.equals(t)){Wt.set(e,Kn?t:e.v);var r=Nt.ensure();if(r.capture(e,t),e.f&2){let t=e;e.f&2048&&vt(t),Tt===null&&et(t)}e.wv=lr(),Zt(e,v,n),Ue()&&Zn!==null&&Zn.f&1024&&!(Zn.f&96)&&(rr===null?ir([e]):rr.push(e)),!r.is_fork&&Ut.size>0&&!Gt&&Yt()}return t}function Yt(){Gt=!1;for(let e of Ut){e.f&1024&&$e(e,y);let t;try{t=ur(e)}catch{t=!0}t&&hr(e)}Ut.clear()}function Xt(e){R(e,e.v+1)}function Zt(e,t,n){var r=e.reactions;if(r!==null)for(var i=Ue(),a=r.length,o=0;o<a;o++){var s=r[o],c=s.f;if(!(!i&&s===Zn)){var l=(c&v)===0;if(l&&$e(s,t),c&131072)Ut.add(s);else if(c&2){var u=s;Tt?.delete(u),c&65536||(c&512&&(Zn===null||!(Zn.f&2097152))&&(s.f|=O),Zt(u,y,n))}else if(l){var d=s;c&16&&It!==null&&It.add(d),n===null?Bt(d):n.push(d)}}}}function Qt(t){if(typeof t!=`object`||!t||M in t)return t;let n=l(t);if(n!==s&&n!==c)return t;var r=new Map,i=e(t),o=L(0),u=null,d=sr,f=e=>{if(sr===d)return e();var t=Jn,n=sr;Xn(null),cr(d);var r=e();return Xn(t),cr(n),r};return i&&r.set(`length`,L(t.length,u)),new Proxy(t,{defineProperty(e,t,n){(!(`value`in n)||n.configurable===!1||n.enumerable===!1||n.writable===!1)&&ge();var i=r.get(t);return i===void 0?f(()=>{var e=L(n.value,u);return r.set(t,e),e}):R(i,n.value,!0),!0},deleteProperty(e,t){var n=r.get(t);if(n===void 0){if(t in e){let e=f(()=>L(xe,u));r.set(t,e),Xt(o)}}else R(n,xe),Xt(o);return!0},get(e,n,i){if(n===M)return t;var o=r.get(n),s=n in e;if(o===void 0&&(!s||a(e,n)?.writable)&&(o=f(()=>L(Qt(s?e[n]:xe),u)),r.set(n,o)),o!==void 0){var c=U(o);return c===xe?void 0:c}return Reflect.get(e,n,i)},getOwnPropertyDescriptor(e,t){var n=Reflect.getOwnPropertyDescriptor(e,t);if(n&&`value`in n){var i=r.get(t);i&&(n.value=U(i))}else if(n===void 0){var a=r.get(t),o=a?.v;if(a!==void 0&&o!==xe)return{enumerable:!0,configurable:!0,value:o,writable:!0}}return n},has(e,t){if(t===M)return!0;var n=r.get(t),i=n!==void 0&&n.v!==xe||Reflect.has(e,t);return(n!==void 0||Zn!==null&&(!i||a(e,t)?.writable))&&(n===void 0&&(n=f(()=>L(i?Qt(e[t]):xe,u)),r.set(t,n)),U(n)===xe)?!1:i},set(e,t,n,s){var c=r.get(t),l=t in e;if(i&&t===`length`)for(var d=n;d<c.v;d+=1){var p=r.get(d+``);p===void 0?d in e&&(p=f(()=>L(xe,u)),r.set(d+``,p)):R(p,xe)}if(c===void 0)(!l||a(e,t)?.writable)&&(c=f(()=>L(void 0,u)),R(c,Qt(n)),r.set(t,c));else{l=c.v!==xe;var m=f(()=>Qt(n));R(c,m)}var h=Reflect.getOwnPropertyDescriptor(e,t);if(h?.set&&h.set.call(s,n),!l){if(i&&typeof t==`string`){var g=r.get(`length`),_=Number(t);Number.isInteger(_)&&_>=g.v&&R(g,_+1)}Xt(o)}return!0},ownKeys(e){U(o);var t=Reflect.ownKeys(e).filter(e=>{var t=r.get(e);return t===void 0||t.v!==xe});for(var[n,i]of r)i.v!==xe&&!(n in e)&&t.push(n);return t},setPrototypeOf(){_e()}})}function $t(e){try{if(typeof e==`object`&&e&&M in e)return e[M]}catch{}return e}function en(e,t){return Object.is($t(e),$t(t))}var tn,nn,rn,an;function on(){if(tn===void 0){tn=window,nn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;rn=a(t,`firstChild`).get,an=a(t,`nextSibling`).get,u(e)&&(e[re]=void 0,e[ne]=null,e[ie]=void 0,e.__e=void 0),u(n)&&(n[ae]=void 0)}}function sn(e=``){return document.createTextNode(e)}function cn(e){return rn.call(e)}function ln(e){return an.call(e)}function z(e,t){if(!P)return cn(e);var n=cn(ke);if(n===null)n=ke.appendChild(sn());else if(t&&n.nodeType!==3){var r=sn();return n?.before(r),Ae(r),r}return t&&pn(n),Ae(n),n}function B(e,t=!1){if(!P){var n=cn(e);return n instanceof Comment&&n.data===``?ln(n):n}if(t){if(ke?.nodeType!==3){var r=sn();return ke?.before(r),Ae(r),r}pn(ke)}return ke}function V(e,t=1,n=!1){let r=P?ke:e;for(var i;t--;)i=r,r=ln(r);if(!P)return r;if(n){if(r?.nodeType!==3){var a=sn();return r===null?i?.after(a):r.before(a),Ae(a),a}pn(r)}return Ae(r),r}function un(e){e.textContent=``}function dn(){return!1}function fn(e,t,n){return t==null||t===`http://www.w3.org/1999/xhtml`?n?document.createElement(e,{is:n}):document.createElement(e):n?document.createElementNS(t,e,{is:n}):document.createElementNS(t,e)}function pn(e){if(e.nodeValue.length<65536)return;let t=e.nextSibling;for(;t!==null&&t.nodeType===3;)t.remove(),e.nodeValue+=t.nodeValue,t=e.nextSibling}function mn(e,t){if(t){let t=document.body;e.autofocus=!0,Je(()=>{document.activeElement===t&&e.focus()})}}var hn=!1;function gn(){hn||(hn=!0,document.addEventListener(`reset`,e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(let t of e.target.elements)t[oe]?.()})},{capture:!0}))}function _n(e){var t=Jn,n=Zn;Xn(null),Qn(null);try{return e()}finally{Xn(t),Qn(n)}}function vn(e,t,n,r=n){e.addEventListener(t,()=>_n(n));let i=e[oe];i?e[oe]=()=>{i(),r(!0)}:e[oe]=()=>r(!0),gn()}function yn(e){Zn===null&&(Jn===null&&pe(e),fe()),Kn&&de(e)}function bn(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function xn(e,t){var n=Zn;n!==null&&n.f&8192&&(e|=b);var r={ctx:Re,deps:null,nodes:null,f:e|v|512,first:null,fn:t,last:null,next:null,parent:n,b:n&&n.b,prev:null,teardown:null,wv:0,ac:null};Ct?.register_created_effect(r);var i=r;if(e&4)kt===null?Nt.ensure().schedule(r):kt.push(r);else if(t!==null){try{hr(r)}catch(e){throw In(r),e}i.deps===null&&i.teardown===null&&i.nodes===null&&i.first===i.last&&!(i.f&524288)&&(i=i.first,e&16&&e&65536&&i!==null&&(i.f|=w))}if(i!==null&&(i.parent=n,n!==null&&bn(i,n),Jn!==null&&Jn.f&2&&!(e&64))){var a=Jn;(a.effects??=[]).push(i)}return r}function Sn(){return Jn!==null&&!Yn}function Cn(e){let t=xn(8,null);return $e(t,_),t.teardown=e,t}function wn(e){yn(`$effect`);var t=Zn.f;if(!Jn&&t&32&&Re!==null&&!Re.i){var n=Re;(n.e??=[]).push(e)}else return Tn(e)}function Tn(e){return xn(4|E,e)}function En(e){Nt.ensure();let t=xn(64|T,e);return(e={})=>new Promise(n=>{e.outro?zn(t,()=>{In(t),n(void 0)}):(In(t),n(void 0))})}function Dn(e){return xn(4,e)}function On(e){return xn(A|T,e)}function kn(e,t=0){return xn(8|t,e)}function H(e,t=[],n=[],r=[]){lt(r,t,n,t=>{xn(8,()=>{e(...t.map(U))})})}function An(e,t=0){return xn(16|t,e)}function jn(e,t=0){return xn(g|t,e)}function Mn(e){return xn(32|T,e)}function Nn(e){var t=e.teardown;if(t!==null){let e=Kn,n=Jn;qn(!0),Xn(null);try{t.call(null)}finally{qn(e),Xn(n)}}}function Pn(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){let e=n.ac;e!==null&&_n(()=>{e.abort(N)});var r=n.next;n.f&64?n.parent=null:In(n,t),n=r}}function Fn(e){for(var t=e.first;t!==null;){var n=t.next;t.f&32||In(t),t=n}}function In(e,t=!0){var n=!1;(t||e.f&262144)&&e.nodes!==null&&e.nodes.end!==null&&(Ln(e.nodes.start,e.nodes.end),n=!0),e.f|=C,Pn(e,t&&!n),mr(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)e.stop();Nn(e),e.f^=C,e.f|=x;var i=e.parent;i!==null&&i.first!==null&&Rn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Ln(e,t){for(;e!==null;){var n=e===t?null:ln(e);e.remove(),e=n}}function Rn(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function zn(e,t,n=!0){var r=[];Bn(e,r,!0);var i=()=>{n&&In(e),t&&t()},a=r.length;if(a>0){var o=()=>--a||i();for(var s of r)s.out(o)}else i()}function Bn(e,t,n){if(!(e.f&8192)){e.f^=b;var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)(e.is_global||n)&&t.push(e);for(var i=e.first;i!==null;){var a=i.next;if(!(i.f&64)){var o=(i.f&65536)!=0||(i.f&32)!=0&&(e.f&16)!=0;Bn(i,t,o?n:!1)}i=a}}}function Vn(e){Hn(e,!0)}function Hn(e,t){if(e.f&8192){e.f^=b,e.f&1024||($e(e,v),Nt.ensure().schedule(e));for(var n=e.first;n!==null;){var r=n.next,i=(n.f&65536)!=0||(n.f&32)!=0;Hn(n,i?t:!1),n=r}var a=e.nodes&&e.nodes.t;if(a!==null)for(let e of a)(e.is_global||t)&&e.in()}}function Un(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var i=n===r?null:ln(n);t.append(n),n=i}}var Wn=null,Gn=!1,Kn=!1;function qn(e){Kn=e}var Jn=null,Yn=!1;function Xn(e){Jn=e}var Zn=null;function Qn(e){Zn=e}var $n=null;function er(e){Jn!==null&&($n??=new Set).add(e)}var tr=null,nr=0,rr=null;function ir(e){rr=e}var ar=1,or=0,sr=or;function cr(e){sr=e}function lr(){return++ar}function ur(e){var t=e.f;if(t&2048)return!0;if(t&2&&(e.f&=~O),t&4096){for(var n=e.deps,r=n.length,i=0;i<r;i++){var a=n[i];if(ur(a)&&yt(a),a.wv>e.wv)return!0}t&512&&Tt===null&&$e(e,_)}return!1}function dr(e,t,n=!0){var r=e.reactions;if(r!==null&&!($n!==null&&$n.has(e)))for(var i=0;i<r.length;i++){var a=r[i];a.f&2?dr(a,t,!1):t===a&&(n?$e(a,v):a.f&1024&&$e(a,y),Bt(a))}}function fr(e){var t=tr,n=nr,r=rr,i=Jn,a=$n,o=Re,s=Yn,c=sr,l=e.f;tr=null,nr=0,rr=null,Jn=l&96?null:e,$n=null,ze(e.ctx),Yn=!1,sr=++or,e.ac!==null&&(_n(()=>{e.ac.abort(N)}),e.ac=null);try{e.f|=k;var u=e.fn,d=u();e.f|=S;var f=e.deps,p=Ct?.is_fork;if(tr!==null){var m;if(p||mr(e,nr),f!==null&&nr>0)for(f.length=nr+tr.length,m=0;m<tr.length;m++)f[nr+m]=tr[m];else e.deps=f=tr;if(Sn()&&e.f&512)for(m=nr;m<f.length;m++)(f[m].reactions??=[]).push(e)}else!p&&f!==null&&nr<f.length&&(mr(e,nr),f.length=nr);if(Ue()&&rr!==null&&!Yn&&f!==null&&!(e.f&6146))for(m=0;m<rr.length;m++)dr(rr[m],e);if(i!==null&&i!==e){if(or++,i.deps!==null)for(let e=0;e<n;e+=1)i.deps[e].rv=or;if(t!==null)for(let e of t)e.rv=or;rr!==null&&(r===null?r=rr:r.push(...rr))}return e.f&8388608&&(e.f^=j),d}catch(e){return Xe(e)}finally{e.f^=k,tr=t,nr=n,rr=r,Jn=i,$n=a,ze(o),Yn=s,sr=c}}function pr(e,r){let i=r.reactions;if(i!==null){var a=t.call(i,e);if(a!==-1){var o=i.length-1;o===0?i=r.reactions=null:(i[a]=i[o],i.pop())}}if(i===null&&r.f&2&&(tr===null||!n.call(tr,r))){var s=r;s.f&512&&(s.f^=512,s.f&=~O),s.v!==xe&&et(s),bt(s),mr(s,0)}}function mr(e,t){var n=e.deps;if(n!==null)for(var r=t;r<n.length;r++)pr(e,n[r])}function hr(e){var t=e.f;if(!(t&16384)){$e(e,_);var n=Zn,r=Gn;Zn=e,Gn=!0;try{t&16777232?Fn(e):Pn(e),Nn(e);var i=fr(e);e.teardown=typeof i==`function`?i:null,e.wv=ar}finally{Gn=r,Zn=n}}}async function gr(){await Promise.resolve(),Pt()}function U(e){var t=(e.f&2)!=0;if(Wn?.add(e),Jn!==null&&!Yn&&!(Zn!==null&&Zn.f&16384)&&($n===null||!$n.has(e))){var r=Jn.deps;if(Jn.f&2097152)e.rv<or&&(e.rv=or,tr===null&&r!==null&&r[nr]===e?nr++:tr===null?tr=[e]:tr.push(e));else{Jn.deps??=[],n.call(Jn.deps,e)||Jn.deps.push(e);var i=e.reactions;i===null?e.reactions=[Jn]:n.call(i,Jn)||i.push(Jn)}}if(Kn&&Wt.has(e))return Wt.get(e);if(t){var a=e;if(Kn){var o=a.v;return(!(a.f&1024)&&a.reactions!==null||vr(a))&&(o=vt(a)),Wt.set(a,o),o}var s=(a.f&512)==0&&!Yn&&Jn!==null&&(Gn||(Jn.f&512)!=0),c=(a.f&S)===0;ur(a)&&(s&&(a.f|=512),yt(a)),s&&!c&&(xt(a),_r(a))}if(Tt?.has(e))return Tt.get(e);if(e.f&8388608)throw e.v;return e.v}function _r(e){if(e.f|=512,e.deps!==null)for(let t of e.deps)(t.reactions??=[]).push(e),t.f&2&&!(t.f&512)&&(xt(t),_r(t))}function vr(e){if(e.v===xe)return!0;if(e.deps===null)return!1;for(let t of e.deps)if(Wt.has(t)||t.f&2&&vr(t))return!0;return!1}function yr(e){var t=Yn;try{return Yn=!0,e()}finally{Yn=t}}function br(e){if(!(typeof e!=`object`||!e||e instanceof EventTarget)){if(M in e)xr(e);else if(!Array.isArray(e))for(let t in e){let n=e[t];typeof n==`object`&&n&&M in n&&xr(n)}}}function xr(e,t=new Set){if(typeof e==`object`&&e&&!(e instanceof EventTarget)&&!t.has(e)){t.add(e),e instanceof Date&&e.getTime();for(let n in e)try{xr(e[n],t)}catch{}let n=l(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){let t=o(n);for(let n in t){let r=t[n].get;if(r)try{r.call(e)}catch{}}}}}function Sr(e){return e.endsWith(`capture`)&&e!==`gotpointercapture`&&e!==`lostpointercapture`}var Cr=[`beforeinput`,`click`,`change`,`dblclick`,`contextmenu`,`focusin`,`focusout`,`input`,`keydown`,`keyup`,`mousedown`,`mousemove`,`mouseout`,`mouseover`,`mouseup`,`pointerdown`,`pointermove`,`pointerout`,`pointerover`,`pointerup`,`touchend`,`touchmove`,`touchstart`];function wr(e){return Cr.includes(e)}var Tr=`allowfullscreen.async.autofocus.autoplay.checked.controls.default.disabled.formnovalidate.indeterminate.inert.ismap.loop.multiple.muted.nomodule.novalidate.open.playsinline.readonly.required.reversed.seamless.selected.webkitdirectory.defer.disablepictureinpicture.disableremoteplayback`.split(`.`),Er={formnovalidate:`formNoValidate`,ismap:`isMap`,nomodule:`noModule`,playsinline:`playsInline`,readonly:`readOnly`,defaultvalue:`defaultValue`,defaultchecked:`defaultChecked`,srcobject:`srcObject`,novalidate:`noValidate`,allowfullscreen:`allowFullscreen`,disablepictureinpicture:`disablePictureInPicture`,disableremoteplayback:`disableRemotePlayback`};function Dr(e){return e=e.toLowerCase(),Er[e]??e}[...Tr];var Or=[`touchstart`,`touchmove`];function kr(e){return Or.includes(e)}var Ar=[`textarea`,`script`,`style`,`title`];function jr(e){return Ar.includes(e)}var Mr=Symbol(`events`),Nr=new Set,Pr=new Set;function Fr(e){if(!P)return;e.removeAttribute(`onload`),e.removeAttribute(`onerror`);let t=e.__e;t!==void 0&&(e.__e=void 0,queueMicrotask(()=>{e.isConnected&&e.dispatchEvent(t)}))}function Ir(e,t,n,r={}){function i(e){if(r.capture||Br.call(t,e),!e.cancelBubble)return _n(()=>n?.call(this,e))}return e.startsWith(`pointer`)||e.startsWith(`touch`)||e===`wheel`?Je(()=>{t.addEventListener(e,i,r)}):t.addEventListener(e,i,r),i}function Lr(e,t,n,r,i){var a={capture:r,passive:i},o=Ir(e,t,n,a);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&Cn(()=>{t.removeEventListener(e,o,a)})}function W(e,t,n){(t[Mr]??={})[e]=n}function Rr(e){for(var t=0;t<e.length;t++)Nr.add(e[t]);for(var n of Pr)n(e)}var zr=null;function Br(e){var t=this,n=t.ownerDocument,r=e.type,a=e.composedPath?.()||[],o=a[0]||e.target;zr=e;var s=0,c=zr===e&&e[Mr];if(c){var l=a.indexOf(c);if(l!==-1&&(t===document||t===window)){e[Mr]=t;return}var u=a.indexOf(t);if(u===-1)return;l<=u&&(s=l)}if(o=a[s]||e.target,o!==t){i(e,`currentTarget`,{configurable:!0,get(){return o||n}});var d=Jn,f=Zn;Xn(null),Qn(null);try{for(var p,m=[];o!==null&&o!==t;){try{var h=o[Mr]?.[r];h!=null&&(!o.disabled||e.target===o)&&h.call(o,e)}catch(e){p?m.push(e):p=e}if(e.cancelBubble)break;s++,o=s<a.length?a[s]:null}if(p){for(let e of m)queueMicrotask(()=>{throw e});throw p}}finally{e[Mr]=t,delete e.currentTarget,Xn(d),Qn(f)}}}var Vr=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy(`svelte-trusted-html`,{createHTML:e=>e});function Hr(e){return Vr?.createHTML(e)??e}function Ur(e){var t=fn(`template`);return t.innerHTML=Hr(e.replaceAll(`<!>`,`<!---->`)),t.content}function Wr(e,t){var n=Zn;n.nodes===null&&(n.nodes={start:e,end:t,a:null,t:null})}function G(e,t){var n=(t&1)!=0,r=(t&2)!=0,i,a=!e.startsWith(`<!>`);return()=>{if(P)return Wr(ke,null),ke;i===void 0&&(i=Ur(a?e:`<!>`+e),n||(i=cn(i)));var t=r||nn?document.importNode(i,!0):i.cloneNode(!0);if(n){var o=cn(t),s=t.lastChild;Wr(o,s)}else Wr(t,t);return t}}function Gr(e,t,n=`svg`){var r=!e.startsWith(`<!>`),i=(t&1)!=0,a=`<${n}>${r?e:`<!>`+e}</${n}>`,o;return()=>{if(P)return Wr(ke,null),ke;if(!o){var e=cn(Ur(a));if(i)for(o=document.createDocumentFragment();cn(e);)o.appendChild(cn(e));else o=cn(e)}var t=o.cloneNode(!0);if(i){var n=cn(t),r=t.lastChild;Wr(n,r)}else Wr(t,t);return t}}function Kr(e,t){return Gr(e,t,`svg`)}function qr(e=``){if(!P){var t=sn(e+``);return Wr(t,t),t}var n=ke;return n.nodeType===3?pn(n):(n.before(n=sn()),Ae(n)),Wr(n,n),n}function Jr(){if(P)return Wr(ke,null),ke;var e=document.createDocumentFragment(),t=document.createComment(``),n=sn();return e.append(t,n),Wr(t,n),e}function K(e,t){if(P){var n=Zn;(!(n.f&32768)||n.nodes.end===null)&&(n.nodes.end=ke),je();return}e!==null&&e.before(t)}function q(e,t){var n=t==null?``:typeof t==`object`?`${t}`:t;n!==(e[ae]??=e.nodeValue)&&(e[ae]=n,e.nodeValue=`${n}`)}function Yr(e,t){return Zr(e,t)}var Xr=new Map;function Zr(e,{target:t,anchor:n,props:i={},events:a,context:o,intro:s=!0,transformError:c}){on();var l=void 0,u=En(()=>{var s=n??t.appendChild(sn());st(s,{pending:()=>{}},t=>{Ve({});var n=Re;if(o&&(n.c=o),a&&(i.$$events=a),P&&Wr(t,null),l=e(t,i)||{},P&&(Zn.nodes.end=ke,ke===null||ke.nodeType!==8||ke.data!==`]`))throw Te(),be;He()},c);var u=new Set,d=e=>{for(var n=0;n<e.length;n++){var r=e[n];if(!u.has(r)){u.add(r);var i=kr(r);for(let e of[t,document]){var a=Xr.get(e);a===void 0&&(a=new Map,Xr.set(e,a));var o=a.get(r);o===void 0?(e.addEventListener(r,Br,{passive:i}),a.set(r,1)):a.set(r,o+1)}}}};return d(r(Nr)),Pr.add(d),()=>{for(var e of u)for(let n of[t,document]){var r=Xr.get(n),i=r.get(e);--i==0?(n.removeEventListener(e,Br),r.delete(e),r.size===0&&Xr.delete(n)):r.set(e,i)}Pr.delete(d),s!==n&&s.parentNode?.removeChild(s)}});return Qr.set(l,u),l}var Qr=new WeakMap,$r=class{anchor;#e=new Map;#t=new Map;#n=new Map;#r=new Set;#i=!0;constructor(e,t=!0){this.anchor=e,this.#i=t}#a=e=>{if(this.#e.has(e)){var t=this.#e.get(e),n=this.#t.get(t);if(n)Vn(n),this.#r.delete(t);else{var r=this.#n.get(t);r&&(Vn(r.effect),this.#t.set(t,r.effect),this.#n.delete(t),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),n=r.effect)}for(let[t,n]of this.#e){if(this.#e.delete(t),t===e)break;let r=this.#n.get(n);r&&(In(r.effect),this.#n.delete(n))}for(let[e,r]of this.#t){if(e===t||this.#r.has(e))continue;let i=()=>{if(Array.from(this.#e.values()).includes(e)){var t=document.createDocumentFragment();Un(r,t),t.append(sn()),this.#n.set(e,{effect:r,fragment:t})}else In(r);this.#r.delete(e),this.#t.delete(e)};this.#i||!n?(this.#r.add(e),zn(r,i,!1)):i()}}};#o=e=>{this.#e.delete(e);let t=Array.from(this.#e.values());for(let[e,n]of this.#n)t.includes(e)||(In(n.effect),this.#n.delete(e))};ensure(e,t){var n=Ct,r=dn();if(t&&!this.#t.has(e)&&!this.#n.has(e))if(r){var i=document.createDocumentFragment(),a=sn();i.append(a),this.#n.set(e,{effect:Mn(()=>t(a)),fragment:i})}else this.#t.set(e,Mn(()=>t(this.anchor)));if(this.#e.set(n,e),r){for(let[t,r]of this.#t)t===e?n.unskip_effect(r):n.skip_effect(r);for(let[t,r]of this.#n)t===e?n.unskip_effect(r.effect):n.skip_effect(r.effect);n.oncommit(this.#a),n.ondiscard(this.#o)}else P&&(this.anchor=ke),this.#a(n)}};function J(e,t,n=!1){var r;P&&(r=ke,je());var i=new $r(e),a=n?w:0;function o(e,t){if(P){var n=Pe(r);if(e!==parseInt(n.substring(1))){var a=Ne();Ae(a),i.anchor=a,Oe(!1),i.ensure(e,t),Oe(!0);return}}i.ensure(e,t)}An(()=>{var e=!1;t((t,n=0)=>{e=!0,o(n,t)}),e||o(-1,null)},a)}var ei=Symbol(`NaN`);function ti(e,t,n){P&&je();var r=new $r(e),i=!Ue();An(()=>{var e=t();e!==e&&(e=ei),i&&typeof e==`object`&&e&&(e={}),r.ensure(e,n)})}function ni(e,t){return t}function ri(e,t,n){for(var i=[],a=t.length,o,s=t.length,c=0;c<a;c++){let n=t[c];zn(n,()=>{if(o){if(o.pending.delete(n),o.done.add(n),o.pending.size===0){var t=e.outrogroups;ii(e,r(o.done)),t.delete(o),t.size===0&&(e.outrogroups=null)}}else--s},!1)}if(s===0){var l=i.length===0&&n!==null;if(l){var u=n,d=u.parentNode;un(d),d.append(u),e.items.clear()}ii(e,t,!l)}else o={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(o)}function ii(e,t,n=!0){var r;if(e.pending.size>0){r=new Set;for(let t of e.pending.values())for(let n of t)r.add(e.items.get(n).e)}for(var i=0;i<t.length;i++){var a=t[i];r?.has(a)?(a.f|=D,Un(a,document.createDocumentFragment())):In(t[i],n)}}var ai;function Y(t,n,i,a,o,s=null){var c=t,l=new Map;if(n&4){var u=t;c=P?Ae(cn(u)):u.appendChild(sn())}P&&je();var d=null,f=gt(()=>{var t=i();return e(t)?t:t==null?[]:r(t)}),p,m=new Map,h=!0;function g(e){v.effect.f&16384||(v.pending.delete(e),v.fallback=d,si(v,p,c,n,a),d!==null&&(p.length===0?d.f&33554432?(d.f^=D,li(d,null,c)):Vn(d):zn(d,()=>{d=null})))}function _(e){v.pending.delete(e)}var v={effect:An(()=>{p=U(f);var e=p.length;let t=!1;P&&Pe(c)===`[!`!=(e===0)&&(c=Ne(),Ae(c),Oe(!1),t=!0);for(var r=new Set,u=Ct,v=dn(),y=0;y<e;y+=1){P&&ke.nodeType===8&&ke.data===`]`&&(c=ke,t=!0,Oe(!1));var b=p[y],x=a(b,y),S=h?null:l.get(x);S?(S.v&&Jt(S.v,b),S.i&&Jt(S.i,y),v&&u.unskip_effect(S.e)):(S=ci(l,h?c:ai??=sn(),b,x,y,o,n,i),h||(S.e.f|=D),l.set(x,S)),r.add(x)}if(e===0&&s&&!d&&(h?d=Mn(()=>s(c)):(d=Mn(()=>s(ai??=sn())),d.f|=D)),e>r.size&&ue(``,``,``),P&&e>0&&Ae(Ne()),!h)if(m.set(u,r),v){for(let[e,t]of l)r.has(e)||u.skip_effect(t.e);u.oncommit(g),u.ondiscard(_)}else g(u);t&&Oe(!0),U(f)}),flags:n,items:l,pending:m,outrogroups:null,fallback:d};h=!1,P&&(c=ke)}function oi(e){for(;e!==null&&!(e.f&32);)e=e.next;return e}function si(e,t,n,i,a){var o=(i&8)!=0,s=t.length,c=e.items,l=oi(e.effect.first),u,d=null,f,p=[],m=[],h,g,_,v;if(o)for(v=0;v<s;v+=1)h=t[v],g=a(h,v),_=c.get(g).e,_.f&33554432||(_.nodes?.a?.measure(),(f??=new Set).add(_));for(v=0;v<s;v+=1){if(h=t[v],g=a(h,v),_=c.get(g).e,e.outrogroups!==null)for(let t of e.outrogroups)t.pending.delete(_),t.done.delete(_);if(_.f&8192&&(Vn(_),o&&(_.nodes?.a?.unfix(),(f??=new Set).delete(_))),_.f&33554432)if(_.f^=D,_===l)li(_,null,n);else{var y=d?d.next:l;_===e.effect.last&&(e.effect.last=_.prev),_.prev&&(_.prev.next=_.next),_.next&&(_.next.prev=_.prev),ui(e,d,_),ui(e,_,y),li(_,y,n),d=_,p=[],m=[],l=oi(d.next);continue}if(_!==l){if(u!==void 0&&u.has(_)){if(p.length<m.length){var b=m[0],x;d=b.prev;var S=p[0],C=p[p.length-1];for(x=0;x<p.length;x+=1)li(p[x],b,n);for(x=0;x<m.length;x+=1)u.delete(m[x]);ui(e,S.prev,C.next),ui(e,d,S),ui(e,C,b),l=b,d=C,--v,p=[],m=[]}else u.delete(_),li(_,l,n),ui(e,_.prev,_.next),ui(e,_,d===null?e.effect.first:d.next),ui(e,d,_),d=_;continue}for(p=[],m=[];l!==null&&l!==_;)(u??=new Set).add(l),m.push(l),l=oi(l.next);if(l===null)continue}_.f&33554432||p.push(_),d=_,l=oi(_.next)}if(e.outrogroups!==null){for(let t of e.outrogroups)t.pending.size===0&&(ii(e,r(t.done)),e.outrogroups?.delete(t));e.outrogroups.size===0&&(e.outrogroups=null)}if(l!==null||u!==void 0){var w=[];if(u!==void 0)for(_ of u)_.f&8192||w.push(_);for(;l!==null;)!(l.f&8192)&&l!==e.fallback&&w.push(l),l=oi(l.next);var T=w.length;if(T>0){var E=i&4&&s===0?n:null;if(o){for(v=0;v<T;v+=1)w[v].nodes?.a?.measure();for(v=0;v<T;v+=1)w[v].nodes?.a?.fix()}ri(e,w,E)}}o&&Je(()=>{if(f!==void 0)for(_ of f)_.nodes?.a?.apply()})}function ci(e,t,n,r,i,a,o,s){var c=o&1?o&16?Kt(n):qt(n,!1,!1):null,l=o&2?Kt(i):null;return{v:c,i:l,e:Mn(()=>(a(t,c??n,l??i,s),()=>{e.delete(r)}))}}function li(e,t,n){if(e.nodes)for(var r=e.nodes.start,i=e.nodes.end,a=t&&!(t.f&33554432)?t.nodes.start:n;r!==null;){var o=ln(r);if(a.before(r),r===i)return;r=o}}function ui(e,t,n){t===null?e.effect.first=n:t.next=n,n===null?e.effect.last=t:n.prev=t}function di(e,t,...n){var r=new $r(e);An(()=>{let e=t()??null;r.ensure(e,e&&(t=>e(t,...n)))},w)}function fi(e,t,n){var r;P&&(r=ke,je());var i=new $r(e);An(()=>{var e=t()??null;if(P&&Pe(r)===`[`!=(e!==null)){var a=Ne();Ae(a),i.anchor=a,Oe(!1),i.ensure(e,e&&(t=>n(t,e))),Oe(!0);return}i.ensure(e,e&&(t=>n(t,e)))},w)}function pi(e,t,n,r,i,a){let o=P;P&&je();var s=null;P&&ke.nodeType===1&&(s=ke,je());var c=P?ke:e,l=new $r(c,!1);An(()=>{let e=t()||null;var a=i?i():n||e===`svg`?Ce:void 0;if(e===null){l.ensure(null,null);return}return l.ensure(e,t=>{if(e){if(s=P?s:fn(e,a),Wr(s,s),r){var n=null;P&&jr(e)&&s.append(n=document.createComment(``));var i=P?cn(s):s.appendChild(sn());P&&(i===null?Oe(!1):Ae(i)),r(s,i),n?.remove()}Zn.nodes.end=s,t.before(s)}P&&Ae(t)}),()=>{}},w),Cn(()=>{}),o&&(Oe(!0),Ae(c))}function mi(e,t,n){Dn(()=>{var r=yr(()=>t(e,n?.())||{});if(n&&r?.update){var i=!1,a={};kn(()=>{var e=n();br(e),i&&Ie(a,e)&&(a=e,r.update(e))}),i=!0}if(r?.destroy)return()=>r.destroy()})}function hi(e,t){var n=void 0,r;jn(()=>{n!==(n=t())&&(r&&=(In(r),null),n&&(r=Mn(()=>{Dn(()=>n(e))})))})}function gi(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=gi(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function _i(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=gi(e))&&(r&&(r+=` `),r+=t);return r}function vi(e){return typeof e==`object`?_i(e):e??``}var yi=[...` 	
-\r\f\xA0\v`];function bi(e,t,n){var r=e==null?``:``+e;if(t&&(r=r?r+` `+t:t),n){for(var i of Object.keys(n))if(n[i])r=r?r+` `+i:i;else if(r.length)for(var a=i.length,o=0;(o=r.indexOf(i,o))>=0;){var s=o+a;(o===0||yi.includes(r[o-1]))&&(s===r.length||yi.includes(r[s]))?r=(o===0?``:r.substring(0,o))+r.substring(s+1):o=s}}return r===``?null:r}function xi(e,t=!1){var n=t?` !important;`:`;`,r=``;for(var i of Object.keys(e)){var a=e[i];a!=null&&a!==``&&(r+=` `+i+`: `+a+n)}return r}function Si(e){return e[0]!==`-`||e[1]!==`-`?e.toLowerCase():e}function Ci(e,t){if(t){var n=``,r,i;if(Array.isArray(t)?(r=t[0],i=t[1]):r=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,``).trim();var a=!1,o=0,s=!1,c=[];r&&c.push(...Object.keys(r).map(Si)),i&&c.push(...Object.keys(i).map(Si));var l=0,u=-1;let t=e.length;for(var d=0;d<t;d++){var f=e[d];if(s?f===`/`&&e[d-1]===`*`&&(s=!1):a?a===f&&(a=!1):f===`/`&&e[d+1]===`*`?s=!0:f===`"`||f===`'`?a=f:f===`(`?o++:f===`)`&&o--,!s&&a===!1&&o===0){if(f===`:`&&u===-1)u=d;else if(f===`;`||d===t-1){if(u!==-1){var p=Si(e.substring(l,u).trim());if(!c.includes(p)){f!==`;`&&d++;var m=e.substring(l,d).trim();n+=` `+m+`;`}}l=d+1,u=-1}}}}return r&&(n+=xi(r)),i&&(n+=xi(i,!0)),n=n.trim(),n===``?null:n}return e==null?null:String(e)}function X(e,t,n,r,i,a){var o=e[re];if(P||o!==n||o===void 0){var s=bi(n,r,a);(!P||s!==e.getAttribute(`class`))&&(s==null?e.removeAttribute(`class`):t?e.className=s:e.setAttribute(`class`,s)),e[re]=n}else if(a&&i!==a)for(var c in a){var l=!!a[c];(i==null||l!==!!i[c])&&e.classList.toggle(c,l)}return a}function wi(e,t={},n,r){for(var i in n){var a=n[i];t[i]!==a&&(n[i]==null?e.style.removeProperty(i):e.style.setProperty(i,a,r))}}function Z(e,t,n,r){var i=e[ie];if(P||i!==t){var a=Ci(t,r);(!P||a!==e.getAttribute(`style`))&&(a==null?e.removeAttribute(`style`):e.style.cssText=a),e[ie]=t}else r&&(Array.isArray(r)?(wi(e,n?.[0],r[0]),wi(e,n?.[1],r[1],`important`)):wi(e,n,r));return r}function Ti(t,n,r=!1){if(t.multiple){if(n==null)return;if(!e(n))return Ee();for(var i of t.options)i.selected=n.includes(Oi(i));return}for(i of t.options)if(en(Oi(i),n)){i.selected=!0;return}(!r||n!==void 0)&&(t.selectedIndex=-1)}function Ei(e){var t=new MutationObserver(()=>{Ti(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`value`]}),Cn(()=>{t.disconnect()})}function Di(e,t,n=t){var r=new WeakSet,i=!0;vn(e,`change`,t=>{var i=t?`[selected]`:`:checked`,a;if(e.multiple)a=[].map.call(e.querySelectorAll(i),Oi);else{var o=e.querySelector(i)??e.querySelector(`option:not([disabled])`);a=o&&Oi(o)}n(a),e.__value=a,Ct!==null&&r.add(Ct)}),Dn(()=>{var a=t();if(e===document.activeElement){var o=Ct;if(r.has(o))return}if(Ti(e,a,i),i&&a===void 0){var s=e.querySelector(`:checked`);s!==null&&(a=Oi(s),n(a))}e.__value=a,i=!1}),Ei(e)}function Oi(e){return`__value`in e?e.__value:e.value}var ki=Symbol(`class`),Ai=Symbol(`style`),ji=Symbol(`is custom element`),Mi=Symbol(`is html`),Ni=se?`link`:`LINK`,Pi=se?`input`:`INPUT`,Fi=se?`option`:`OPTION`,Ii=se?`select`:`SELECT`,Li=se?`progress`:`PROGRESS`;function Ri(e){if(P){var t=!1,n=()=>{if(!t){if(t=!0,e.hasAttribute(`value`)){var n=e.value;Q(e,`value`,null),e.value=n}if(e.hasAttribute(`checked`)){var r=e.checked;Q(e,`checked`,null),e.checked=r}}};e[oe]=n,Je(n),gn()}}function zi(e,t){var n=Ui(e);n.value===(n.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==Li)||(e.value=t??``)}function Bi(e,t){t?e.hasAttribute(`selected`)||e.setAttribute(`selected`,``):e.removeAttribute(`selected`)}function Q(e,t,n,r){var i=Ui(e);P&&(i[t]=e.getAttribute(t),t===`src`||t===`srcset`||t===`href`&&e.nodeName===Ni)||i[t]!==(i[t]=n)&&(t===`loading`&&(e[te]=n),n==null?e.removeAttribute(t):typeof n!=`string`&&Gi(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function Vi(e,t,n,r,i=!1,a=!1){if(P&&i&&e.nodeName===Pi){var o=e;(o.type===`checkbox`?`defaultChecked`:`defaultValue`)in n||Ri(o)}var s=Ui(e),c=s[ji],l=!s[Mi];let u=P&&c;u&&Oe(!1);var d=t||{},f=e.nodeName===Fi;for(var p in t)p in n||(n[p]=null);n.class?n.class=vi(n.class):(r||n[ki])&&(n.class=null),n[Ai]&&(n.style??=null);var m=Gi(e);if(e.nodeName===Pi&&`type`in n&&(`value`in n||`__value`in n)){var h=n.type;(h!==d.type||h===void 0&&e.hasAttribute(`type`))&&(d.type=h,Q(e,`type`,h,a))}for(let i in n){let o=n[i];if(f&&i===`value`&&o==null){e.value=e.__value=``,d[i]=o;continue}if(i===`class`){X(e,e.namespaceURI===`http://www.w3.org/1999/xhtml`,o,r,t?.[ki],n[ki]),d[i]=o,d[ki]=n[ki];continue}if(i===`style`){Z(e,o,t?.[Ai],n[Ai]),d[i]=o,d[Ai]=n[Ai];continue}var g=d[i];if(!(o===g&&!(o===void 0&&e.hasAttribute(i)))){d[i]=o;var _=i[0]+i[1];if(_!==`$$`)if(_===`on`){let t={},n=`$$`+i,r=i.slice(2);var v=wr(r);if(Sr(r)&&(r=r.slice(0,-7),t.capture=!0),!v&&g){if(o!=null)continue;e.removeEventListener(r,d[n],t),d[n]=null}if(v)W(r,e,o),Rr([r]);else if(o!=null){function a(e){d[i].call(this,e)}d[n]=Ir(r,e,a,t)}}else if(i===`style`)Q(e,i,o);else if(i===`autofocus`)mn(e,!!o);else if(!c&&(i===`__value`||i===`value`&&o!=null))e.value=e.__value=o;else if(i===`selected`&&f)Bi(e,o);else{var y=i;l||(y=Dr(y));var b=y===`defaultValue`||y===`defaultChecked`;if(o==null&&!c&&!b)if(s[i]=null,y===`value`||y===`checked`){let n=e,r=t===void 0;if(y===`value`){let e=n.defaultValue;n.removeAttribute(y),n.defaultValue=e,n.value=n.__value=r?e:null}else{let e=n.defaultChecked;n.removeAttribute(y),n.defaultChecked=e,n.checked=r?e:!1}}else e.removeAttribute(i);else b||m.includes(y)&&(c||typeof o!=`string`)?(e[y]=o,y in s&&(s[y]=xe)):typeof o!=`function`&&Q(e,y,o,a)}}}return u&&Oe(!0),d}function Hi(e,t,n=[],r=[],i=[],a,o=!1,s=!1){lt(i,n,r,n=>{var r=void 0,i={},c=e.nodeName===Ii,l=!1;if(jn(()=>{var u=t(...n.map(U)),d=Vi(e,r,u,a,o,s);l&&c&&`value`in u&&Ti(e,u.value);for(let e of Object.getOwnPropertySymbols(i))u[e]||In(i[e]);for(let t of Object.getOwnPropertySymbols(u)){var f=u[t];t.description===`@attach`&&(!r||f!==r[t])&&(i[t]&&In(i[t]),i[t]=Mn(()=>hi(e,()=>f))),d[t]=f}r=d}),c){var u=e;Dn(()=>{Ti(u,r.value,!0),Ei(u)})}l=!0})}function Ui(e){return e[ne]??={[ji]:e.nodeName.includes(`-`),[Mi]:e.namespaceURI===Se}}var Wi=new Map;function Gi(e){var t=e.getAttribute(`is`)||e.nodeName,n=Wi.get(t);if(n)return n;Wi.set(t,n=[]);for(var r,i=e,a=Element.prototype;a!==i;){for(var s in r=o(i),r)r[s].set&&s!==`innerHTML`&&s!==`textContent`&&s!==`innerText`&&n.push(s);i=l(i)}return n}function Ki(e,t,n=t){var r=new WeakSet;vn(e,`input`,async i=>{var a=i?e.defaultValue:e.value;if(a=Ji(e)?Yi(a):a,n(a),Ct!==null&&r.add(Ct),await gr(),a!==(a=t())){var o=e.selectionStart,s=e.selectionEnd,c=e.value.length;if(e.value=a??``,s!==null){var l=e.value.length;o===s&&s===c&&l>c?(e.selectionStart=l,e.selectionEnd=l):(e.selectionStart=o,e.selectionEnd=Math.min(s,l))}}}),(P&&e.defaultValue!==e.value||yr(t)==null&&e.value)&&(n(Ji(e)?Yi(e.value):e.value),Ct!==null&&r.add(Ct)),kn(()=>{var n=t();if(e===document.activeElement){var i=Ct;if(r.has(i))return}Ji(e)&&n===Yi(e.value)||e.type===`date`&&!n&&!e.value||n!==e.value&&(e.value=n??``)})}function qi(e,t,n=t){vn(e,`change`,t=>{n(t?e.defaultChecked:e.checked)}),(P&&e.defaultChecked!==e.checked||yr(t)==null)&&n(e.checked),kn(()=>{e.checked=!!t()})}function Ji(e){var t=e.type;return t===`number`||t===`range`}function Yi(e){return e===``?null:+e}function Xi(e,t){return e===t||e?.[M]===t}function Zi(e={},t,n,r){var i=Re.r,a=Zn;return Dn(()=>{var o,s;return kn(()=>{o=s,s=r?.()||[],yr(()=>{Xi(n(...s),e)||(t(e,...s),o&&Xi(n(...o),e)&&t(null,...o))})}),()=>{let r=a;for(;r!==i&&r.parent!==null&&r.parent.f&33554432;)r=r.parent;let o=()=>{s&&Xi(n(...s),e)&&t(null,...s)},c=r.teardown;r.teardown=()=>{o(),c?.()}}}),e}var Qi={get(e,t){if(!e.exclude.has(t))return e.props[t]},set(e,t){return!1},getOwnPropertyDescriptor(e,t){if(!e.exclude.has(t)&&t in e.props)return{enumerable:!0,configurable:!0,value:e.props[t]}},has(e,t){return!e.exclude.has(t)&&t in e.props},ownKeys(e){return Reflect.ownKeys(e.props).filter(t=>!e.exclude.has(t))}};function $i(e,t,n){return new Proxy({props:e,exclude:t},Qi)}var ea={get(e,t){let n=e.props.length;for(;n--;){let r=e.props[n];if(d(r)&&(r=r()),typeof r==`object`&&r&&t in r)return r[t]}},set(e,t,n){let r=e.props.length;for(;r--;){let i=e.props[r];d(i)&&(i=i());let o=a(i,t);if(o&&o.set)return o.set(n),!0}return!1},getOwnPropertyDescriptor(e,t){let n=e.props.length;for(;n--;){let r=e.props[n];if(d(r)&&(r=r()),typeof r==`object`&&r&&t in r){let e=a(r,t);return e&&!e.configurable&&(e.configurable=!0),e}}},has(e,t){if(t===M||t===ee)return!1;for(let n of e.props)if(d(n)&&(n=n()),n!=null&&t in n)return!0;return!1},ownKeys(e){let t=[];for(let n of e.props)if(d(n)&&(n=n()),n){for(let e in n)t.includes(e)||t.push(e);for(let e of Object.getOwnPropertySymbols(n))t.includes(e)||t.push(e)}return t}};function ta(...e){return new Proxy({props:e},ea)}function na(e,t,n,r){var i=!0,o=(n&8)!=0,s=(n&16)!=0,c=r,l=!0,u=void 0,d=()=>s&&i?(u??=pt(r),U(u)):(l&&(l=!1,c=s?yr(r):r),c);let f;if(o){var p=M in e||ee in e;f=a(e,t)?.set??(p&&t in e?n=>e[t]=n:void 0)}var m,h=!1;o?[m,h]=it(()=>e[t]):m=e[t],m===void 0&&r!==void 0&&(m=d(),f&&(i&&he(t),f(m)));var g=i?()=>{var n=e[t];return n===void 0?d():(l=!0,n)}:()=>{var n=e[t];return n!==void 0&&(c=void 0),n===void 0?c:n};if(i&&!(n&4))return g;if(f){var _=e.$$legacy;return(function(e,t){return arguments.length>0?((!i||!t||_||h)&&f(t?g():e),e):g()})}var v=!1,y=(n&1?pt:gt)(()=>(v=!1,g()));o&&U(y);var b=Zn;return(function(e,t){if(arguments.length>0){let n=t?U(y):i&&o?Qt(e):e;return R(y,n),v=!0,c!==void 0&&(c=n),e}return Kn&&v||b.f&16384?y.v:U(y)})}function ra(e){Re===null&&ce(`onMount`),wn(()=>{let t=yr(e);if(typeof t==`function`)return t})}typeof window<`u`&&((window.__svelte??={}).v??=new Set).add(`5`);var ia={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},aa=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},oa=Symbol(`lucide-context`),sa=()=>Be(oa),ca=new Set([`$$slots`,`$$events`,`$$legacy`,`name`,`color`,`size`,`strokeWidth`,`absoluteStrokeWidth`,`iconNode`,`children`]),la=Kr(`<svg><!><!></svg>`);function ua(e,t){Ve(t,!0);let n=sa()??{},r=na(t,`color`,19,()=>n.color??`currentColor`),i=na(t,`size`,19,()=>n.size??24),a=na(t,`strokeWidth`,19,()=>n.strokeWidth??2),o=na(t,`absoluteStrokeWidth`,19,()=>n.absoluteStrokeWidth??!1),s=na(t,`iconNode`,19,()=>[]),c=$i(t,ca),l=I(()=>o()?Number(a())*24/Number(i()):a());var u=la();Hi(u,e=>({...ia,...e,...c,width:i(),height:i(),stroke:r(),"stroke-width":U(l),class:[`lucide-icon lucide`,n.class,t.name&&`lucide-${t.name}`,t.class]}),[()=>!t.children&&!aa(c)&&{"aria-hidden":`true`}]);var d=z(u);Y(d,17,s,ni,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=Jr();pi(B(a),r,!0,(e,t)=>{Hi(e,()=>({...i()}))}),K(e,a)}),di(V(d),()=>t.children??f),F(u),K(e,u),He()}var da=new Set([`$$slots`,`$$events`,`$$legacy`]);function fa(e,t){let n=$i(t,da),r=[[`path`,{d:`M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2`}],[`rect`,{x:`14`,y:`2`,width:`8`,height:`8`,rx:`1`}]];ua(e,ta({name:`blocks`},()=>n,{get iconNode(){return r}}))}var pa=new Set([`$$slots`,`$$events`,`$$legacy`]);function ma(e,t){let n=$i(t,pa),r=[[`path`,{d:`M12 7v14`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`}]];ua(e,ta({name:`book-open`},()=>n,{get iconNode(){return r}}))}var ha=new Set([`$$slots`,`$$events`,`$$legacy`]);function ga(e,t){let n=$i(t,ha),r=[[`path`,{d:`M20 6 9 17l-5-5`}]];ua(e,ta({name:`check`},()=>n,{get iconNode(){return r}}))}var _a=new Set([`$$slots`,`$$events`,`$$legacy`]);function va(e,t){let n=$i(t,_a),r=[[`path`,{d:`m6 9 6 6 6-6`}]];ua(e,ta({name:`chevron-down`},()=>n,{get iconNode(){return r}}))}var ya=new Set([`$$slots`,`$$events`,`$$legacy`]);function ba(e,t){let n=$i(t,ya),r=[[`path`,{d:`m9 18 6-6-6-6`}]];ua(e,ta({name:`chevron-right`},()=>n,{get iconNode(){return r}}))}var xa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Sa(e,t){let n=$i(t,xa),r=[[`circle`,{cx:`12`,cy:`12`,r:`10`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`}],[`path`,{d:`M12 17h.01`}]];ua(e,ta({name:`circle-question-mark`},()=>n,{get iconNode(){return r}}))}var Ca=new Set([`$$slots`,`$$events`,`$$legacy`]);function wa(e,t){let n=$i(t,Ca),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}],[`path`,{d:`M12 3v18`}]];ua(e,ta({name:`columns-2`},()=>n,{get iconNode(){return r}}))}var Ta=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ea(e,t){let n=$i(t,Ta),r=[[`path`,{d:`M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`}]];ua(e,ta({name:`component`},()=>n,{get iconNode(){return r}}))}var Da=new Set([`$$slots`,`$$events`,`$$legacy`]);function Oa(e,t){let n=$i(t,Da),r=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`}]];ua(e,ta({name:`copy`},()=>n,{get iconNode(){return r}}))}var ka=new Set([`$$slots`,`$$events`,`$$legacy`]);function Aa(e,t){let n=$i(t,ka),r=[[`path`,{d:`M12 15V3`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}],[`path`,{d:`m7 10 5 5 5-5`}]];ua(e,ta({name:`download`},()=>n,{get iconNode(){return r}}))}var ja=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ma(e,t){let n=$i(t,ja),r=[[`path`,{d:`M15 3h6v6`}],[`path`,{d:`M10 14 21 3`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`}]];ua(e,ta({name:`external-link`},()=>n,{get iconNode(){return r}}))}var Na=new Set([`$$slots`,`$$events`,`$$legacy`]);function Pa(e,t){let n=$i(t,Na),r=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`}]];ua(e,ta({name:`eye`},()=>n,{get iconNode(){return r}}))}var Fa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ia(e,t){let n=$i(t,Fa),r=[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`}]];ua(e,ta({name:`folder-open`},()=>n,{get iconNode(){return r}}))}var La=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ra(e,t){let n=$i(t,La),r=[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`}]];ua(e,ta({name:`house`},()=>n,{get iconNode(){return r}}))}var za=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ba(e,t){let n=$i(t,za),r=[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`}]];ua(e,ta({name:`layers`},()=>n,{get iconNode(){return r}}))}var Va=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ha(e,t){let n=$i(t,Va),r=[[`path`,{d:`M9 17H7A5 5 0 0 1 7 7h2`}],[`path`,{d:`M15 7h2a5 5 0 1 1 0 10h-2`}],[`line`,{x1:`8`,x2:`16`,y1:`12`,y2:`12`}]];ua(e,ta({name:`link-2`},()=>n,{get iconNode(){return r}}))}var Ua=new Set([`$$slots`,`$$events`,`$$legacy`]);function Wa(e,t){let n=$i(t,Ua),r=[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`}]];ua(e,ta({name:`link`},()=>n,{get iconNode(){return r}}))}var Ga=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ka(e,t){let n=$i(t,Ga),r=[[`path`,{d:`M13 5h8`}],[`path`,{d:`M13 12h8`}],[`path`,{d:`M13 19h8`}],[`path`,{d:`m3 17 2 2 4-4`}],[`path`,{d:`m3 7 2 2 4-4`}]];ua(e,ta({name:`list-checks`},()=>n,{get iconNode(){return r}}))}var qa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ja(e,t){let n=$i(t,qa),r=[[`path`,{d:`M3 5h.01`}],[`path`,{d:`M3 12h.01`}],[`path`,{d:`M3 19h.01`}],[`path`,{d:`M8 5h13`}],[`path`,{d:`M8 12h13`}],[`path`,{d:`M8 19h13`}]];ua(e,ta({name:`list`},()=>n,{get iconNode(){return r}}))}var Ya=new Set([`$$slots`,`$$events`,`$$legacy`]);function Xa(e,t){let n=$i(t,Ya),r=[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`}]];ua(e,ta({name:`loader-circle`},()=>n,{get iconNode(){return r}}))}var Za=new Set([`$$slots`,`$$events`,`$$legacy`]);function Qa(e,t){let n=$i(t,Za),r=[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`}]];ua(e,ta({name:`monitor`},()=>n,{get iconNode(){return r}}))}var $a=new Set([`$$slots`,`$$events`,`$$legacy`]);function eo(e,t){let n=$i(t,$a),r=[[`path`,{d:`M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`}]];ua(e,ta({name:`moon`},()=>n,{get iconNode(){return r}}))}var to=new Set([`$$slots`,`$$events`,`$$legacy`]);function no(e,t){let n=$i(t,to),r=[[`path`,{d:`M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z`}],[`path`,{d:`M12 22V12`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`}],[`path`,{d:`m7.5 4.27 9 5.15`}]];ua(e,ta({name:`package`},()=>n,{get iconNode(){return r}}))}var ro=new Set([`$$slots`,`$$events`,`$$legacy`]);function io(e,t){let n=$i(t,ro),r=[[`path`,{d:`M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z`}],[`circle`,{cx:`13.5`,cy:`6.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`17.5`,cy:`10.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`6.5`,cy:`12.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`8.5`,cy:`7.5`,r:`.5`,fill:`currentColor`}]];ua(e,ta({name:`palette`},()=>n,{get iconNode(){return r}}))}var ao=new Set([`$$slots`,`$$events`,`$$legacy`]);function oo(e,t){let n=$i(t,ao),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}],[`path`,{d:`M3 9h18`}],[`path`,{d:`M9 21V9`}]];ua(e,ta({name:`panels-top-left`},()=>n,{get iconNode(){return r}}))}var so=new Set([`$$slots`,`$$events`,`$$legacy`]);function co(e,t){let n=$i(t,so),r=[[`path`,{d:`M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z`}]];ua(e,ta({name:`puzzle`},()=>n,{get iconNode(){return r}}))}var lo=new Set([`$$slots`,`$$events`,`$$legacy`]);function uo(e,t){let n=$i(t,lo),r=[[`path`,{d:`m15 14 5-5-5-5`}],[`path`,{d:`M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13`}]];ua(e,ta({name:`redo-2`},()=>n,{get iconNode(){return r}}))}var fo=new Set([`$$slots`,`$$events`,`$$legacy`]);function po(e,t){let n=$i(t,fo),r=[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`}],[`path`,{d:`M21 3v5h-5`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`}],[`path`,{d:`M8 16H3v5`}]];ua(e,ta({name:`refresh-cw`},()=>n,{get iconNode(){return r}}))}var mo=new Set([`$$slots`,`$$events`,`$$legacy`]);function ho(e,t){let n=$i(t,mo),r=[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`}],[`path`,{d:`M3 3v5h5`}]];ua(e,ta({name:`rotate-ccw`},()=>n,{get iconNode(){return r}}))}var go=new Set([`$$slots`,`$$events`,`$$legacy`]);function _o(e,t){let n=$i(t,go),r=[[`path`,{d:`M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z`}],[`path`,{d:`m14.5 12.5 2-2`}],[`path`,{d:`m11.5 9.5 2-2`}],[`path`,{d:`m8.5 6.5 2-2`}],[`path`,{d:`m17.5 15.5 2-2`}]];ua(e,ta({name:`ruler`},()=>n,{get iconNode(){return r}}))}var vo=new Set([`$$slots`,`$$events`,`$$legacy`]);function yo(e,t){let n=$i(t,vo),r=[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`}]];ua(e,ta({name:`save`},()=>n,{get iconNode(){return r}}))}var bo=new Set([`$$slots`,`$$events`,`$$legacy`]);function xo(e,t){let n=$i(t,bo),r=[[`path`,{d:`m21 21-4.34-4.34`}],[`circle`,{cx:`11`,cy:`11`,r:`8`}]];ua(e,ta({name:`search`},()=>n,{get iconNode(){return r}}))}var So=new Set([`$$slots`,`$$events`,`$$legacy`]);function Co(e,t){let n=$i(t,So),r=[[`circle`,{cx:`18`,cy:`5`,r:`3`}],[`circle`,{cx:`6`,cy:`12`,r:`3`}],[`circle`,{cx:`18`,cy:`19`,r:`3`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`}]];ua(e,ta({name:`share-2`},()=>n,{get iconNode(){return r}}))}var wo=new Set([`$$slots`,`$$events`,`$$legacy`]);function To(e,t){let n=$i(t,wo),r=[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`}],[`path`,{d:`m9 12 2 2 4-4`}]];ua(e,ta({name:`shield-check`},()=>n,{get iconNode(){return r}}))}var Eo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Do(e,t){let n=$i(t,Eo),r=[[`path`,{d:`M10 5H3`}],[`path`,{d:`M12 19H3`}],[`path`,{d:`M14 3v4`}],[`path`,{d:`M16 17v4`}],[`path`,{d:`M21 12h-9`}],[`path`,{d:`M21 19h-5`}],[`path`,{d:`M21 5h-7`}],[`path`,{d:`M8 10v4`}],[`path`,{d:`M8 12H3`}]];ua(e,ta({name:`sliders-horizontal`},()=>n,{get iconNode(){return r}}))}var Oo=new Set([`$$slots`,`$$events`,`$$legacy`]);function ko(e,t){let n=$i(t,Oo),r=[[`rect`,{width:`14`,height:`20`,x:`5`,y:`2`,rx:`2`,ry:`2`}],[`path`,{d:`M12 18h.01`}]];ua(e,ta({name:`smartphone`},()=>n,{get iconNode(){return r}}))}var Ao=new Set([`$$slots`,`$$events`,`$$legacy`]);function jo(e,t){let n=$i(t,Ao),r=[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`}],[`path`,{d:`M20 2v4`}],[`path`,{d:`M22 4h-4`}],[`circle`,{cx:`4`,cy:`20`,r:`2`}]];ua(e,ta({name:`sparkles`},()=>n,{get iconNode(){return r}}))}var Mo=new Set([`$$slots`,`$$events`,`$$legacy`]);function No(e,t){let n=$i(t,Mo),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}]];ua(e,ta({name:`square`},()=>n,{get iconNode(){return r}}))}var Po=new Set([`$$slots`,`$$events`,`$$legacy`]);function Fo(e,t){let n=$i(t,Po),r=[[`circle`,{cx:`12`,cy:`12`,r:`4`}],[`path`,{d:`M12 2v2`}],[`path`,{d:`M12 20v2`}],[`path`,{d:`m4.93 4.93 1.41 1.41`}],[`path`,{d:`m17.66 17.66 1.41 1.41`}],[`path`,{d:`M2 12h2`}],[`path`,{d:`M20 12h2`}],[`path`,{d:`m6.34 17.66-1.41 1.41`}],[`path`,{d:`m19.07 4.93-1.41 1.41`}]];ua(e,ta({name:`sun`},()=>n,{get iconNode(){return r}}))}var Io=new Set([`$$slots`,`$$events`,`$$legacy`]);function Lo(e,t){let n=$i(t,Io),r=[[`path`,{d:`M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z`}],[`path`,{d:`M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7`}],[`path`,{d:`M 7 17h.01`}],[`path`,{d:`m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8`}]];ua(e,ta({name:`swatch-book`},()=>n,{get iconNode(){return r}}))}var Ro=new Set([`$$slots`,`$$events`,`$$legacy`]);function zo(e,t){let n=$i(t,Ro),r=[[`rect`,{width:`16`,height:`20`,x:`4`,y:`2`,rx:`2`,ry:`2`}],[`line`,{x1:`12`,x2:`12.01`,y1:`18`,y2:`18`}]];ua(e,ta({name:`tablet`},()=>n,{get iconNode(){return r}}))}var Bo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Vo(e,t){let n=$i(t,Bo),r=[[`path`,{d:`M10 11v6`}],[`path`,{d:`M14 11v6`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`}],[`path`,{d:`M3 6h18`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`}]];ua(e,ta({name:`trash-2`},()=>n,{get iconNode(){return r}}))}var Ho=new Set([`$$slots`,`$$events`,`$$legacy`]);function Uo(e,t){let n=$i(t,Ho),r=[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}],[`path`,{d:`M12 9v4`}],[`path`,{d:`M12 17h.01`}]];ua(e,ta({name:`triangle-alert`},()=>n,{get iconNode(){return r}}))}var Wo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Go(e,t){let n=$i(t,Wo),r=[[`path`,{d:`M12 4v16`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`}],[`path`,{d:`M9 20h6`}]];ua(e,ta({name:`type`},()=>n,{get iconNode(){return r}}))}var Ko=new Set([`$$slots`,`$$events`,`$$legacy`]);function qo(e,t){let n=$i(t,Ko),r=[[`path`,{d:`M9 14 4 9l5-5`}],[`path`,{d:`M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11`}]];ua(e,ta({name:`undo-2`},()=>n,{get iconNode(){return r}}))}var Jo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Yo(e,t){let n=$i(t,Jo),r=[[`path`,{d:`m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71`}],[`path`,{d:`m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71`}],[`line`,{x1:`8`,x2:`8`,y1:`2`,y2:`5`}],[`line`,{x1:`2`,x2:`5`,y1:`8`,y2:`8`}],[`line`,{x1:`16`,x2:`16`,y1:`19`,y2:`22`}],[`line`,{x1:`19`,x2:`22`,y1:`16`,y2:`16`}]];ua(e,ta({name:`unlink`},()=>n,{get iconNode(){return r}}))}var Xo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Zo(e,t){let n=$i(t,Xo),r=[[`path`,{d:`M12 3v12`}],[`path`,{d:`m17 8-5-5-5 5`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}]];ua(e,ta({name:`upload`},()=>n,{get iconNode(){return r}}))}var Qo=new Set([`$$slots`,`$$events`,`$$legacy`]);function $o(e,t){let n=$i(t,Qo),r=[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`}]];ua(e,ta({name:`zap`},()=>n,{get iconNode(){return r}}))}function es(e){return String(e).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`)}function ts(e){return`<span class="pv-swatch-label">${es(e)}</span>`}function ns(e,t){return`<div class="sf-stack sf-stack--xs sf-stack--center pv-center-text">${t}${ts(e)}</div>`}function rs(e,t){return`<div class="sf-stack sf-stack--xs pv-center-text">${t}${ts(e)}</div>`}function is(e,t,n){let r=n?`<p class="pv-secondary">${es(n)}</p>`:``;return`<section class="sf-stack sf-stack--m" data-pv-section="${es(e)}">
+var e=Array.isArray,t=Array.prototype.indexOf,n=Array.prototype.includes,r=Array.from,i=Object.defineProperty,a=Object.getOwnPropertyDescriptor,o=Object.getOwnPropertyDescriptors,s=Object.prototype,c=Array.prototype,l=Object.getPrototypeOf,u=Object.isExtensible;function d(e){return typeof e==`function`}var f=()=>{};function p(e){for(var t=0;t<e.length;t++)e[t]()}function m(){var e,t;return{promise:new Promise((n,r)=>{e=n,t=r}),resolve:e,reject:t}}function h(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);let n=[];for(let r of e)if(n.push(r),n.length===t)break;return n}var g=1<<24,_=1024,v=2048,y=4096,b=8192,x=16384,S=32768,C=1<<25,w=65536,T=1<<19,E=1<<20,D=1<<25,O=65536,k=1<<21,A=1<<22,j=1<<23,M=Symbol(`$state`),N=Symbol(`legacy props`),ee=Symbol(``),te=Symbol(`attributes`),ne=Symbol(`class`),re=Symbol(`style`),ie=Symbol(`text`),ae=Symbol(`form reset`),oe=new class extends Error{name=`StaleReactionError`;message="The reaction that called `getAbortSignal()` was re-run or destroyed"},se=!!globalThis.document?.contentType&&globalThis.document.contentType.includes(`xml`);function ce(e){throw Error(`https://svelte.dev/e/lifecycle_outside_component`)}function le(){throw Error(`https://svelte.dev/e/async_derived_orphan`)}function ue(e,t,n){throw Error(`https://svelte.dev/e/each_key_duplicate`)}function de(e){throw Error(`https://svelte.dev/e/effect_in_teardown`)}function fe(){throw Error(`https://svelte.dev/e/effect_in_unowned_derived`)}function pe(e){throw Error(`https://svelte.dev/e/effect_orphan`)}function me(){throw Error(`https://svelte.dev/e/effect_update_depth_exceeded`)}function he(e){throw Error(`https://svelte.dev/e/props_invalid_value`)}function ge(){throw Error(`https://svelte.dev/e/state_descriptors_fixed`)}function _e(){throw Error(`https://svelte.dev/e/state_prototype_fixed`)}function ve(){throw Error(`https://svelte.dev/e/state_unsafe_mutation`)}function ye(){throw Error(`https://svelte.dev/e/svelte_boundary_reset_onerror`)}var be={},xe=Symbol(`uninitialized`),Se=`http://www.w3.org/1999/xhtml`,Ce=`http://www.w3.org/2000/svg`;function we(){console.warn(`https://svelte.dev/e/derived_inert`)}function Te(e){console.warn(`https://svelte.dev/e/hydration_mismatch`)}function Ee(){console.warn(`https://svelte.dev/e/select_multiple_invalid_value`)}function De(){console.warn(`https://svelte.dev/e/svelte_boundary_reset_noop`)}var P=!1;function Oe(e){P=e}var ke;function Ae(e){if(e===null)throw Te(),be;return ke=e}function je(){return Ae(ln(ke))}function F(e){if(P){if(ln(ke)!==null)throw Te(),be;ke=e}}function Me(e=1){if(P){for(var t=e,n=ke;t--;)n=ln(n);ke=n}}function Ne(e=!0){for(var t=0,n=ke;;){if(n.nodeType===8){var r=n.data;if(r===`]`){if(t===0)return n;--t}else(r===`[`||r===`[!`||r[0]===`[`&&!isNaN(Number(r.slice(1))))&&(t+=1)}var i=ln(n);e&&n.remove(),n=i}}function Pe(e){if(!e||e.nodeType!==8)throw Te(),be;return e.data}function Fe(e){return e===this.v}function Ie(e,t){return e==e?e!==t||typeof e==`object`&&!!e||typeof e==`function`:t==t}function Le(e){return!Ie(e,this.v)}var Re=null;function ze(e){Re=e}function Be(e){return We(`getContext`).get(e)}function Ve(e,t=!1,n){Re={p:Re,i:!1,c:null,e:null,s:e,x:null,r:Zn,l:null}}function He(e){var t=Re,n=t.e;if(n!==null){t.e=null;for(var r of n)Tn(r)}return e!==void 0&&(t.x=e),t.i=!0,Re=t.p,e??{}}function Ue(){return!0}function We(e){return Re===null&&ce(e),Re.c??=new Map(Ge(Re)||void 0)}function Ge(e){let t=e.p;for(;t!==null;){let e=t.c;if(e!==null)return e;t=t.p}return null}var Ke=[];function qe(){var e=Ke;Ke=[],p(e)}function Je(e){if(Ke.length===0&&!Dt){var t=Ke;queueMicrotask(()=>{t===Ke&&qe()})}Ke.push(e)}function Ye(){for(;Ke.length>0;)qe()}function Xe(e){var t=Zn;if(t===null)return Jn.f|=j,e;if(!(t.f&32768)&&!(t.f&4))throw e;Ze(e,t)}function Ze(e,t){if(!(t!==null&&t.f&16384)){for(;t!==null;){if(t.f&128){if(!(t.f&32768))throw e;try{t.b.error(e);return}catch(t){e=t}}t=t.parent}throw e}}var Qe=~(v|y|_);function $e(e,t){e.f=e.f&Qe|t}function et(e){e.f&512||e.deps===null?$e(e,_):$e(e,y)}function tt(e){if(e!==null)for(let t of e)!(t.f&2)||!(t.f&65536)||(t.f^=O,tt(t.deps))}function nt(e,t,n){e.f&2048?t.add(e):e.f&4096&&n.add(e),tt(e.deps),$e(e,_)}var rt=!1;function it(e){var t=rt;try{return rt=!1,[e(),rt]}finally{rt=t}}function at(e){let t=0,n=Kt(0),r;return()=>{Sn()&&(U(n),kn(()=>(t===0&&(r=yr(()=>e(()=>Xt(n)))),t+=1,()=>{Je(()=>{--t,t===0&&(r?.(),r=void 0,Xt(n))})})))}}var ot=w|T;function st(e,t,n,r){new ct(e,t,n,r)}var ct=class{parent;is_pending=!1;transform_error;#e;#t=P?ke:null;#n;#r;#i;#a=null;#o=null;#s=null;#c=null;#l=0;#u=0;#d=!1;#f=new Set;#p=new Set;#m=null;#h=at(()=>(this.#m=Kt(this.#l),()=>{this.#m=null}));constructor(e,t,n,r){this.#e=e,this.#n=t,this.#r=e=>{var t=Zn;t.b=this,t.f|=128,n(e)},this.parent=Zn.b,this.transform_error=r??this.parent?.transform_error??(e=>e),this.#i=An(()=>{if(P){let e=this.#t;je();let t=e.data===`[!`;if(e.data.startsWith(`[?`)){let t=JSON.parse(e.data.slice(2));this.#_(t)}else t?this.#v():this.#g()}else this.#y()},ot),P&&(this.#e=ke)}#g(){try{this.#a=Mn(()=>this.#r(this.#e))}catch(e){this.error(e)}}#_(e){let t=this.#n.failed;t&&(this.#s=Mn(()=>{t(this.#e,()=>e,()=>()=>{})}))}#v(){let e=this.#n.pending;e&&(this.is_pending=!0,this.#o=Mn(()=>e(this.#e)),Je(()=>{var e=this.#c=document.createDocumentFragment(),t=sn();e.append(t),this.#a=this.#x(()=>Mn(()=>this.#r(t))),this.#u===0&&(this.#e.before(e),this.#c=null,zn(this.#o,()=>{this.#o=null}),this.#b(Ct))}))}#y(){try{if(this.is_pending=this.has_pending_snippet(),this.#u=0,this.#l=0,this.#a=Mn(()=>{this.#r(this.#e)}),this.#u>0){var e=this.#c=document.createDocumentFragment();Un(this.#a,e);let t=this.#n.pending;this.#o=Mn(()=>t(this.#e))}else this.#b(Ct)}catch(e){this.error(e)}}#b(e){this.is_pending=!1,e.transfer_effects(this.#f,this.#p)}defer_effect(e){nt(e,this.#f,this.#p)}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!this.#n.pending}#x(e){var t=Zn,n=Jn,r=Re;Qn(this.#i),Xn(this.#i),ze(this.#i.ctx);try{return Nt.ensure(),e()}catch(e){return Xe(e),null}finally{Qn(t),Xn(n),ze(r)}}#S(e,t){if(!this.has_pending_snippet()){this.parent&&this.parent.#S(e,t);return}this.#u+=e,this.#u===0&&(this.#b(t),this.#o&&zn(this.#o,()=>{this.#o=null}),this.#c&&=(this.#e.before(this.#c),null))}update_pending_count(e,t){this.#S(e,t),this.#l+=e,!(!this.#m||this.#d)&&(this.#d=!0,Je(()=>{this.#d=!1,this.#m&&Jt(this.#m,this.#l)}))}get_effect_pending(){return this.#h(),U(this.#m)}error(e){if(!this.#n.onerror&&!this.#n.failed)throw e;Ct?.is_fork?(this.#a&&Ct.skip_effect(this.#a),this.#o&&Ct.skip_effect(this.#o),this.#s&&Ct.skip_effect(this.#s),Ct.oncommit(()=>{this.#C(e)})):this.#C(e)}#C(e){this.#a&&=(In(this.#a),null),this.#o&&=(In(this.#o),null),this.#s&&=(In(this.#s),null),P&&(Ae(this.#t),Me(),Ae(Ne()));var t=this.#n.onerror;let n=this.#n.failed;var r=!1,i=!1;let a=()=>{if(r){De();return}r=!0,i&&ye(),this.#s!==null&&zn(this.#s,()=>{this.#s=null}),this.#x(()=>{this.#y()})},o=e=>{try{i=!0,t?.(e,a),i=!1}catch(e){Ze(e,this.#i&&this.#i.parent)}n&&(this.#s=this.#x(()=>{try{return Mn(()=>{var t=Zn;t.b=this,t.f|=128,n(this.#e,()=>e,()=>a)})}catch(e){return Ze(e,this.#i.parent),null}}))};Je(()=>{var t;try{t=this.transform_error(e)}catch(e){Ze(e,this.#i&&this.#i.parent);return}typeof t==`object`&&t&&typeof t.then==`function`?t.then(o,e=>Ze(e,this.#i&&this.#i.parent)):o(t)})}};function lt(e,t,n,r){let i=Ue()?pt:gt;var a=e.filter(e=>!e.settled),o=t.map(i);if(n.length===0&&a.length===0){r(o);return}var s=Zn,c=ut(),l=a.length===1?a[0].promise:a.length>1?Promise.all(a.map(e=>e.promise)):null;function u(e){if(!(s.f&16384)){c();try{r([...o,...e])}catch(e){Ze(e,s)}dt()}}var d=ft();if(n.length===0){l.then(()=>u([])).finally(d);return}function f(){Promise.all(n.map(e=>ht(e))).then(u).catch(e=>Ze(e,s)).finally(d)}l?l.then(()=>{c(),f(),dt()}):f()}function ut(){var e=Zn,t=Jn,n=Re,r=Ct;return function(i=!0){Qn(e),Xn(t),ze(n),i&&!(e.f&16384)&&(r?.activate(),r?.apply())}}function dt(e=!0){Qn(null),Xn(null),ze(null),e&&Ct?.deactivate()}function ft(){var e=Zn,t=e.b,n=Ct,r=!!t?.is_rendered();return t?.update_pending_count(1,n),n.increment(r,e),()=>{t?.update_pending_count(-1,n),n.decrement(r,e)}}function pt(e){var t=2|v;return Zn!==null&&(Zn.f|=T),{ctx:Re,deps:null,effects:null,equals:Fe,f:t,fn:e,reactions:null,rv:0,v:xe,wv:0,parent:Zn,ac:null}}var mt=Symbol(`obsolete`);function ht(e,t,n){let r=Zn;r===null&&le();var i=void 0,a=Kt(xe),o=!Jn,s=new Set;return On(()=>{var t=Zn,n=m();i=n.promise;try{Promise.resolve(e()).then(n.resolve,e=>{e!==oe&&n.reject(e)}).finally(dt)}catch(e){n.reject(e),dt()}var c=Ct;if(o){if(t.f&32768)var l=ft();if(r.b?.is_rendered())c.async_deriveds.get(t)?.reject(mt);else for(let e of s.values())e.reject(mt);s.add(n),c.async_deriveds.set(t,n)}let u=(e,t=void 0)=>{l?.(),s.delete(n),t!==mt&&(c.activate(),t?(a.f|=j,Jt(a,t)):(a.f&8388608&&(a.f^=j),Jt(a,e)),c.deactivate())};n.promise.then(u,e=>u(null,e||`unknown`))}),Cn(()=>{for(let e of s)e.reject(mt)}),new Promise(e=>{function t(n){function r(){n===i?e(a):t(i)}n.then(r,r)}t(i)})}function I(e){let t=pt(e);return er(t),t}function gt(e){let t=pt(e);return t.equals=Le,t}function _t(e){var t=e.effects;if(t!==null){e.effects=null;for(var n=0;n<t.length;n+=1)In(t[n])}}function vt(e){var t,n=Zn,r=e.parent;if(!Kn&&r!==null&&e.v!==xe&&r.f&24576)return we(),e.v;Qn(r);try{e.f&=~O,_t(e),t=fr(e)}finally{Qn(n)}return t}function yt(e){var t=vt(e);if(!e.equals(t)&&(e.wv=lr(),(!Ct?.is_fork||e.deps===null)&&(Ct===null?e.v=t:(Ct.capture(e,t,!0),wt?.capture(e,t,!0)),e.deps===null))){$e(e,_);return}Kn||(Tt===null?et(e):(Sn()||Ct?.is_fork)&&Tt.set(e,t))}function bt(e){if(e.effects!==null)for(let t of e.effects)(t.teardown||t.ac)&&(t.teardown?.(),t.ac?.abort(oe),t.fn!==null&&(t.teardown=f),t.ac=null,mr(t,0),Pn(t))}function xt(e){if(e.effects!==null)for(let t of e.effects)t.teardown&&t.fn!==null&&hr(t)}var St=null,Ct=null,wt=null,Tt=null,Et=null,Dt=!1,Ot=!1,kt=null,At=null,jt=0,Mt=1,Nt=class e{id=Mt++;#e=!1;linked=!0;#t=null;#n=null;async_deriveds=new Map;current=new Map;previous=new Map;#r=new Set;#i=new Set;#a=0;#o=new Map;#s=null;#c=[];#l=[];#u=new Set;#d=new Set;#f=new Map;#p=new Set;is_fork=!1;#m=!1;constructor(){St===null?St=this:(St.#n=this,this.#t=St),St=this}#h(){if(this.is_fork)return!0;for(let n of this.#o.keys()){for(var e=n,t=!1;e.parent!==null;){if(this.#f.has(e)){t=!0;break}e=e.parent}if(!t)return!0}return!1}skip_effect(e){this.#f.has(e)||this.#f.set(e,{d:[],m:[]}),this.#p.delete(e)}unskip_effect(e,t=e=>this.schedule(e)){var n=this.#f.get(e);if(n){this.#f.delete(e);for(var r of n.d)$e(r,v),t(r);for(r of n.m)$e(r,y),t(r)}this.#p.add(e)}#g(){this.#e=!0,jt++>1e3&&(this.#x(),Ft());for(let e of this.#u)this.#d.delete(e),$e(e,v),this.schedule(e);for(let e of this.#d)$e(e,y),this.schedule(e);let t=this.#c;this.#c=[],this.apply();var n=kt=[],r=[],i=At=[];for(let e of t)try{this.#_(e,n,r)}catch(t){throw Ht(e),this.#h()||this.discard(),t}if(Ct=null,i.length>0){var a=e.ensure();for(let e of i)a.schedule(e)}if(kt=null,At=null,this.#h()){this.#b(r),this.#b(n);for(let[e,t]of this.#f)Vt(e,t);i.length>0&&Ct.#g();return}let o=this.#v();if(o){this.#b(r),this.#b(n),o.#y(this);return}this.#u.clear(),this.#d.clear();for(let e of this.#r)e(this);this.#r.clear(),wt=this,Lt(r),Lt(n),wt=null,this.#s?.resolve();var s=Ct;if(this.#a===0&&(this.#c.length===0||s!==null)&&this.#x(),this.#c.length>0)if(s!==null){let e=s;e.#c.push(...this.#c.filter(t=>!e.#c.includes(t)))}else s=this;s!==null&&s.#g()}#_(e,t,n){e.f^=_;for(var r=e.first;r!==null;){var i=r.f,a=(i&96)!=0;if(!(a&&i&1024||i&8192||this.#f.has(r))&&r.fn!==null){a?r.f^=_:i&4?t.push(r):ur(r)&&(i&16&&this.#d.add(r),hr(r));var o=r.first;if(o!==null){r=o;continue}}for(;r!==null;){var s=r.next;if(s!==null){r=s;break}r=r.parent}}}#v(){for(var e=this.#t;e!==null;){if(!e.is_fork){for(let[t,[,n]]of this.current)if(e.current.has(t)&&!n)return e}e=e.#t}return null}#y(e){for(let[t,n]of e.current)!this.previous.has(t)&&e.previous.has(t)&&this.previous.set(t,e.previous.get(t)),this.current.set(t,n);for(let[t,n]of e.async_deriveds){let e=this.async_deriveds.get(t);e&&n.promise.then(e.resolve).catch(e.reject)}e.async_deriveds.clear(),this.transfer_effects(e.#u,e.#d);let t=e=>{var n=e.reactions;if(n!==null)for(let e of n){var r=e.f;if(r&2)t(e);else{var i=e;r&4194320&&!this.async_deriveds.has(i)&&(this.#d.delete(i),$e(i,v),this.schedule(i))}}};for(let e of this.current.keys())t(e);this.oncommit(()=>e.discard()),e.#x(),Ct=this,this.#g()}#b(e){for(var t=0;t<e.length;t+=1)nt(e[t],this.#u,this.#d)}capture(e,t,n=!1){e.v!==xe&&!this.previous.has(e)&&this.previous.set(e,e.v),e.f&8388608||(this.current.set(e,[t,n]),Tt?.set(e,t)),this.is_fork||(e.v=t)}activate(){Ct=this}deactivate(){Ct=null,Tt=null}flush(){try{Ot=!0,Ct=this,this.#g()}finally{jt=0,Et=null,kt=null,At=null,Ot=!1,Ct=null,Tt=null,Wt.clear()}}discard(){for(let e of this.#i)e(this);this.#i.clear();for(let e of this.async_deriveds.values())e.reject(mt);this.#x(),this.#s?.resolve()}register_created_effect(e){this.#l.push(e)}increment(e,t){if(this.#a+=1,e){let e=this.#o.get(t)??0;this.#o.set(t,e+1)}}decrement(e,t){if(--this.#a,e){let e=this.#o.get(t)??0;e===1?this.#o.delete(t):this.#o.set(t,e-1)}this.#m||(this.#m=!0,Je(()=>{this.#m=!1,this.linked&&this.flush()}))}transfer_effects(e,t){for(let t of e)this.#u.add(t);for(let e of t)this.#d.add(e);e.clear(),t.clear()}oncommit(e){this.#r.add(e)}ondiscard(e){this.#i.add(e)}settled(){return(this.#s??=m()).promise}static ensure(){if(Ct===null){let t=Ct=new e;!Ot&&!Dt&&Je(()=>{t.#e||t.flush()})}return Ct}apply(){Tt=null}schedule(e){if(Et=e,e.b?.is_pending&&e.f&16777228&&!(e.f&32768)){e.b.defer_effect(e);return}for(var t=e;t.parent!==null;){t=t.parent;var n=t.f;if(kt!==null&&t===Zn&&(Jn===null||!(Jn.f&2)))return;if(n&96){if(!(n&1024))return;t.f^=_}}this.#c.push(t)}#x(){if(this.linked){var e=this.#t,t=this.#n;e===null||(e.#n=t),t===null?St=e:t.#t=e,this.linked=!1}}};function Pt(e){var t=Dt;Dt=!0;try{var n;for(e&&(Ct!==null&&!Ct.is_fork&&Ct.flush(),n=e());;){if(Ye(),Ct===null)return n;Ct.flush()}}finally{Dt=t}}function Ft(){try{me()}catch(e){Ze(e,Et)}}var It=null;function Lt(e){var t=e.length;if(t!==0){for(var n=0;n<t;){var r=e[n++];if(!(r.f&24576)&&ur(r)&&(It=new Set,hr(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Rn(r),It?.size>0)){Wt.clear();for(let e of It){if(e.f&24576)continue;let t=[e],n=e.parent;for(;n!==null;)It.has(n)&&(It.delete(n),t.push(n)),n=n.parent;for(let e=t.length-1;e>=0;e--){let n=t[e];n.f&24576||hr(n)}}It.clear()}}It=null}}function Rt(e,t,n,r){if(!n.has(e)&&(n.add(e),e.reactions!==null))for(let i of e.reactions){let e=i.f;e&2?Rt(i,t,n,r):e&4194320&&!(e&2048)&&zt(i,t,r)&&($e(i,v),Bt(i))}}function zt(e,t,r){let i=r.get(e);if(i!==void 0)return i;if(e.deps!==null)for(let i of e.deps){if(n.call(t,i))return!0;if(i.f&2&&zt(i,t,r))return r.set(i,!0),!0}return r.set(e,!1),!1}function Bt(e){Ct.schedule(e)}function Vt(e,t){if(!(e.f&32&&e.f&1024)){e.f&2048?t.d.push(e):e.f&4096&&t.m.push(e),$e(e,_);for(var n=e.first;n!==null;)Vt(n,t),n=n.next}}function Ht(e){$e(e,_);for(var t=e.first;t!==null;)Ht(t),t=t.next}var Ut=new Set,Wt=new Map,Gt=!1;function Kt(e,t){return{f:0,v:e,reactions:null,equals:Fe,rv:0,wv:0}}function L(e,t){let n=Kt(e,t);return er(n),n}function qt(e,t=!1,n=!0){let r=Kt(e);return t||(r.equals=Le),r}function R(e,t,n=!1){return Jn!==null&&(!Yn||Jn.f&131072)&&Ue()&&Jn.f&4325394&&($n===null||!$n.has(e))&&ve(),Jt(e,n?Qt(t):t,At)}function Jt(e,t,n=null){if(!e.equals(t)){Wt.set(e,Kn?t:e.v);var r=Nt.ensure();if(r.capture(e,t),e.f&2){let t=e;e.f&2048&&vt(t),Tt===null&&et(t)}e.wv=lr(),Zt(e,v,n),Ue()&&Zn!==null&&Zn.f&1024&&!(Zn.f&96)&&(rr===null?ir([e]):rr.push(e)),!r.is_fork&&Ut.size>0&&!Gt&&Yt()}return t}function Yt(){Gt=!1;for(let e of Ut){e.f&1024&&$e(e,y);let t;try{t=ur(e)}catch{t=!0}t&&hr(e)}Ut.clear()}function Xt(e){R(e,e.v+1)}function Zt(e,t,n){var r=e.reactions;if(r!==null)for(var i=Ue(),a=r.length,o=0;o<a;o++){var s=r[o],c=s.f;if(!(!i&&s===Zn)){var l=(c&v)===0;if(l&&$e(s,t),c&131072)Ut.add(s);else if(c&2){var u=s;Tt?.delete(u),c&65536||(c&512&&(Zn===null||!(Zn.f&2097152))&&(s.f|=O),Zt(u,y,n))}else if(l){var d=s;c&16&&It!==null&&It.add(d),n===null?Bt(d):n.push(d)}}}}function Qt(t){if(typeof t!=`object`||!t||M in t)return t;let n=l(t);if(n!==s&&n!==c)return t;var r=new Map,i=e(t),o=L(0),u=null,d=sr,f=e=>{if(sr===d)return e();var t=Jn,n=sr;Xn(null),cr(d);var r=e();return Xn(t),cr(n),r};return i&&r.set(`length`,L(t.length,u)),new Proxy(t,{defineProperty(e,t,n){(!(`value`in n)||n.configurable===!1||n.enumerable===!1||n.writable===!1)&&ge();var i=r.get(t);return i===void 0?f(()=>{var e=L(n.value,u);return r.set(t,e),e}):R(i,n.value,!0),!0},deleteProperty(e,t){var n=r.get(t);if(n===void 0){if(t in e){let e=f(()=>L(xe,u));r.set(t,e),Xt(o)}}else R(n,xe),Xt(o);return!0},get(e,n,i){if(n===M)return t;var o=r.get(n),s=n in e;if(o===void 0&&(!s||a(e,n)?.writable)&&(o=f(()=>L(Qt(s?e[n]:xe),u)),r.set(n,o)),o!==void 0){var c=U(o);return c===xe?void 0:c}return Reflect.get(e,n,i)},getOwnPropertyDescriptor(e,t){var n=Reflect.getOwnPropertyDescriptor(e,t);if(n&&`value`in n){var i=r.get(t);i&&(n.value=U(i))}else if(n===void 0){var a=r.get(t),o=a?.v;if(a!==void 0&&o!==xe)return{enumerable:!0,configurable:!0,value:o,writable:!0}}return n},has(e,t){if(t===M)return!0;var n=r.get(t),i=n!==void 0&&n.v!==xe||Reflect.has(e,t);return(n!==void 0||Zn!==null&&(!i||a(e,t)?.writable))&&(n===void 0&&(n=f(()=>L(i?Qt(e[t]):xe,u)),r.set(t,n)),U(n)===xe)?!1:i},set(e,t,n,s){var c=r.get(t),l=t in e;if(i&&t===`length`)for(var d=n;d<c.v;d+=1){var p=r.get(d+``);p===void 0?d in e&&(p=f(()=>L(xe,u)),r.set(d+``,p)):R(p,xe)}if(c===void 0)(!l||a(e,t)?.writable)&&(c=f(()=>L(void 0,u)),R(c,Qt(n)),r.set(t,c));else{l=c.v!==xe;var m=f(()=>Qt(n));R(c,m)}var h=Reflect.getOwnPropertyDescriptor(e,t);if(h?.set&&h.set.call(s,n),!l){if(i&&typeof t==`string`){var g=r.get(`length`),_=Number(t);Number.isInteger(_)&&_>=g.v&&R(g,_+1)}Xt(o)}return!0},ownKeys(e){U(o);var t=Reflect.ownKeys(e).filter(e=>{var t=r.get(e);return t===void 0||t.v!==xe});for(var[n,i]of r)i.v!==xe&&!(n in e)&&t.push(n);return t},setPrototypeOf(){_e()}})}function $t(e){try{if(typeof e==`object`&&e&&M in e)return e[M]}catch{}return e}function en(e,t){return Object.is($t(e),$t(t))}var tn,nn,rn,an;function on(){if(tn===void 0){tn=window,nn=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,n=Text.prototype;rn=a(t,`firstChild`).get,an=a(t,`nextSibling`).get,u(e)&&(e[ne]=void 0,e[te]=null,e[re]=void 0,e.__e=void 0),u(n)&&(n[ie]=void 0)}}function sn(e=``){return document.createTextNode(e)}function cn(e){return rn.call(e)}function ln(e){return an.call(e)}function z(e,t){if(!P)return cn(e);var n=cn(ke);if(n===null)n=ke.appendChild(sn());else if(t&&n.nodeType!==3){var r=sn();return n?.before(r),Ae(r),r}return t&&pn(n),Ae(n),n}function B(e,t=!1){if(!P){var n=cn(e);return n instanceof Comment&&n.data===``?ln(n):n}if(t){if(ke?.nodeType!==3){var r=sn();return ke?.before(r),Ae(r),r}pn(ke)}return ke}function V(e,t=1,n=!1){let r=P?ke:e;for(var i;t--;)i=r,r=ln(r);if(!P)return r;if(n){if(r?.nodeType!==3){var a=sn();return r===null?i?.after(a):r.before(a),Ae(a),a}pn(r)}return Ae(r),r}function un(e){e.textContent=``}function dn(){return!1}function fn(e,t,n){return t==null||t===`http://www.w3.org/1999/xhtml`?n?document.createElement(e,{is:n}):document.createElement(e):n?document.createElementNS(t,e,{is:n}):document.createElementNS(t,e)}function pn(e){if(e.nodeValue.length<65536)return;let t=e.nextSibling;for(;t!==null&&t.nodeType===3;)t.remove(),e.nodeValue+=t.nodeValue,t=e.nextSibling}function mn(e,t){if(t){let t=document.body;e.autofocus=!0,Je(()=>{document.activeElement===t&&e.focus()})}}var hn=!1;function gn(){hn||(hn=!0,document.addEventListener(`reset`,e=>{Promise.resolve().then(()=>{if(!e.defaultPrevented)for(let t of e.target.elements)t[ae]?.()})},{capture:!0}))}function _n(e){var t=Jn,n=Zn;Xn(null),Qn(null);try{return e()}finally{Xn(t),Qn(n)}}function vn(e,t,n,r=n){e.addEventListener(t,()=>_n(n));let i=e[ae];i?e[ae]=()=>{i(),r(!0)}:e[ae]=()=>r(!0),gn()}function yn(e){Zn===null&&(Jn===null&&pe(e),fe()),Kn&&de(e)}function bn(e,t){var n=t.last;n===null?t.last=t.first=e:(n.next=e,e.prev=n,t.last=e)}function xn(e,t){var n=Zn;n!==null&&n.f&8192&&(e|=b);var r={ctx:Re,deps:null,nodes:null,f:e|v|512,first:null,fn:t,last:null,next:null,parent:n,b:n&&n.b,prev:null,teardown:null,wv:0,ac:null};Ct?.register_created_effect(r);var i=r;if(e&4)kt===null?Nt.ensure().schedule(r):kt.push(r);else if(t!==null){try{hr(r)}catch(e){throw In(r),e}i.deps===null&&i.teardown===null&&i.nodes===null&&i.first===i.last&&!(i.f&524288)&&(i=i.first,e&16&&e&65536&&i!==null&&(i.f|=w))}if(i!==null&&(i.parent=n,n!==null&&bn(i,n),Jn!==null&&Jn.f&2&&!(e&64))){var a=Jn;(a.effects??=[]).push(i)}return r}function Sn(){return Jn!==null&&!Yn}function Cn(e){let t=xn(8,null);return $e(t,_),t.teardown=e,t}function wn(e){yn(`$effect`);var t=Zn.f;if(!Jn&&t&32&&Re!==null&&!Re.i){var n=Re;(n.e??=[]).push(e)}else return Tn(e)}function Tn(e){return xn(4|E,e)}function En(e){Nt.ensure();let t=xn(64|T,e);return(e={})=>new Promise(n=>{e.outro?zn(t,()=>{In(t),n(void 0)}):(In(t),n(void 0))})}function Dn(e){return xn(4,e)}function On(e){return xn(A|T,e)}function kn(e,t=0){return xn(8|t,e)}function H(e,t=[],n=[],r=[]){lt(r,t,n,t=>{xn(8,()=>{e(...t.map(U))})})}function An(e,t=0){return xn(16|t,e)}function jn(e,t=0){return xn(g|t,e)}function Mn(e){return xn(32|T,e)}function Nn(e){var t=e.teardown;if(t!==null){let e=Kn,n=Jn;qn(!0),Xn(null);try{t.call(null)}finally{qn(e),Xn(n)}}}function Pn(e,t=!1){var n=e.first;for(e.first=e.last=null;n!==null;){let e=n.ac;e!==null&&_n(()=>{e.abort(oe)});var r=n.next;n.f&64?n.parent=null:In(n,t),n=r}}function Fn(e){for(var t=e.first;t!==null;){var n=t.next;t.f&32||In(t),t=n}}function In(e,t=!0){var n=!1;(t||e.f&262144)&&e.nodes!==null&&e.nodes.end!==null&&(Ln(e.nodes.start,e.nodes.end),n=!0),e.f|=C,Pn(e,t&&!n),mr(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)e.stop();Nn(e),e.f^=C,e.f|=x;var i=e.parent;i!==null&&i.first!==null&&Rn(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Ln(e,t){for(;e!==null;){var n=e===t?null:ln(e);e.remove(),e=n}}function Rn(e){var t=e.parent,n=e.prev,r=e.next;n!==null&&(n.next=r),r!==null&&(r.prev=n),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=n))}function zn(e,t,n=!0){var r=[];Bn(e,r,!0);var i=()=>{n&&In(e),t&&t()},a=r.length;if(a>0){var o=()=>--a||i();for(var s of r)s.out(o)}else i()}function Bn(e,t,n){if(!(e.f&8192)){e.f^=b;var r=e.nodes&&e.nodes.t;if(r!==null)for(let e of r)(e.is_global||n)&&t.push(e);for(var i=e.first;i!==null;){var a=i.next;if(!(i.f&64)){var o=(i.f&65536)!=0||(i.f&32)!=0&&(e.f&16)!=0;Bn(i,t,o?n:!1)}i=a}}}function Vn(e){Hn(e,!0)}function Hn(e,t){if(e.f&8192){e.f^=b,e.f&1024||($e(e,v),Nt.ensure().schedule(e));for(var n=e.first;n!==null;){var r=n.next,i=(n.f&65536)!=0||(n.f&32)!=0;Hn(n,i?t:!1),n=r}var a=e.nodes&&e.nodes.t;if(a!==null)for(let e of a)(e.is_global||t)&&e.in()}}function Un(e,t){if(e.nodes)for(var n=e.nodes.start,r=e.nodes.end;n!==null;){var i=n===r?null:ln(n);t.append(n),n=i}}var Wn=null,Gn=!1,Kn=!1;function qn(e){Kn=e}var Jn=null,Yn=!1;function Xn(e){Jn=e}var Zn=null;function Qn(e){Zn=e}var $n=null;function er(e){Jn!==null&&($n??=new Set).add(e)}var tr=null,nr=0,rr=null;function ir(e){rr=e}var ar=1,or=0,sr=or;function cr(e){sr=e}function lr(){return++ar}function ur(e){var t=e.f;if(t&2048)return!0;if(t&2&&(e.f&=~O),t&4096){for(var n=e.deps,r=n.length,i=0;i<r;i++){var a=n[i];if(ur(a)&&yt(a),a.wv>e.wv)return!0}t&512&&Tt===null&&$e(e,_)}return!1}function dr(e,t,n=!0){var r=e.reactions;if(r!==null&&!($n!==null&&$n.has(e)))for(var i=0;i<r.length;i++){var a=r[i];a.f&2?dr(a,t,!1):t===a&&(n?$e(a,v):a.f&1024&&$e(a,y),Bt(a))}}function fr(e){var t=tr,n=nr,r=rr,i=Jn,a=$n,o=Re,s=Yn,c=sr,l=e.f;tr=null,nr=0,rr=null,Jn=l&96?null:e,$n=null,ze(e.ctx),Yn=!1,sr=++or,e.ac!==null&&(_n(()=>{e.ac.abort(oe)}),e.ac=null);try{e.f|=k;var u=e.fn,d=u();e.f|=S;var f=e.deps,p=Ct?.is_fork;if(tr!==null){var m;if(p||mr(e,nr),f!==null&&nr>0)for(f.length=nr+tr.length,m=0;m<tr.length;m++)f[nr+m]=tr[m];else e.deps=f=tr;if(Sn()&&e.f&512)for(m=nr;m<f.length;m++)(f[m].reactions??=[]).push(e)}else!p&&f!==null&&nr<f.length&&(mr(e,nr),f.length=nr);if(Ue()&&rr!==null&&!Yn&&f!==null&&!(e.f&6146))for(m=0;m<rr.length;m++)dr(rr[m],e);if(i!==null&&i!==e){if(or++,i.deps!==null)for(let e=0;e<n;e+=1)i.deps[e].rv=or;if(t!==null)for(let e of t)e.rv=or;rr!==null&&(r===null?r=rr:r.push(...rr))}return e.f&8388608&&(e.f^=j),d}catch(e){return Xe(e)}finally{e.f^=k,tr=t,nr=n,rr=r,Jn=i,$n=a,ze(o),Yn=s,sr=c}}function pr(e,r){let i=r.reactions;if(i!==null){var a=t.call(i,e);if(a!==-1){var o=i.length-1;o===0?i=r.reactions=null:(i[a]=i[o],i.pop())}}if(i===null&&r.f&2&&(tr===null||!n.call(tr,r))){var s=r;s.f&512&&(s.f^=512,s.f&=~O),s.v!==xe&&et(s),bt(s),mr(s,0)}}function mr(e,t){var n=e.deps;if(n!==null)for(var r=t;r<n.length;r++)pr(e,n[r])}function hr(e){var t=e.f;if(!(t&16384)){$e(e,_);var n=Zn,r=Gn;Zn=e,Gn=!0;try{t&16777232?Fn(e):Pn(e),Nn(e);var i=fr(e);e.teardown=typeof i==`function`?i:null,e.wv=ar}finally{Gn=r,Zn=n}}}async function gr(){await Promise.resolve(),Pt()}function U(e){var t=(e.f&2)!=0;if(Wn?.add(e),Jn!==null&&!Yn&&!(Zn!==null&&Zn.f&16384)&&($n===null||!$n.has(e))){var r=Jn.deps;if(Jn.f&2097152)e.rv<or&&(e.rv=or,tr===null&&r!==null&&r[nr]===e?nr++:tr===null?tr=[e]:tr.push(e));else{Jn.deps??=[],n.call(Jn.deps,e)||Jn.deps.push(e);var i=e.reactions;i===null?e.reactions=[Jn]:n.call(i,Jn)||i.push(Jn)}}if(Kn&&Wt.has(e))return Wt.get(e);if(t){var a=e;if(Kn){var o=a.v;return(!(a.f&1024)&&a.reactions!==null||vr(a))&&(o=vt(a)),Wt.set(a,o),o}var s=(a.f&512)==0&&!Yn&&Jn!==null&&(Gn||(Jn.f&512)!=0),c=(a.f&S)===0;ur(a)&&(s&&(a.f|=512),yt(a)),s&&!c&&(xt(a),_r(a))}if(Tt?.has(e))return Tt.get(e);if(e.f&8388608)throw e.v;return e.v}function _r(e){if(e.f|=512,e.deps!==null)for(let t of e.deps)(t.reactions??=[]).push(e),t.f&2&&!(t.f&512)&&(xt(t),_r(t))}function vr(e){if(e.v===xe)return!0;if(e.deps===null)return!1;for(let t of e.deps)if(Wt.has(t)||t.f&2&&vr(t))return!0;return!1}function yr(e){var t=Yn;try{return Yn=!0,e()}finally{Yn=t}}function br(e){if(!(typeof e!=`object`||!e||e instanceof EventTarget)){if(M in e)xr(e);else if(!Array.isArray(e))for(let t in e){let n=e[t];typeof n==`object`&&n&&M in n&&xr(n)}}}function xr(e,t=new Set){if(typeof e==`object`&&e&&!(e instanceof EventTarget)&&!t.has(e)){t.add(e),e instanceof Date&&e.getTime();for(let n in e)try{xr(e[n],t)}catch{}let n=l(e);if(n!==Object.prototype&&n!==Array.prototype&&n!==Map.prototype&&n!==Set.prototype&&n!==Date.prototype){let t=o(n);for(let n in t){let r=t[n].get;if(r)try{r.call(e)}catch{}}}}}function Sr(e){return e.endsWith(`capture`)&&e!==`gotpointercapture`&&e!==`lostpointercapture`}var Cr=[`beforeinput`,`click`,`change`,`dblclick`,`contextmenu`,`focusin`,`focusout`,`input`,`keydown`,`keyup`,`mousedown`,`mousemove`,`mouseout`,`mouseover`,`mouseup`,`pointerdown`,`pointermove`,`pointerout`,`pointerover`,`pointerup`,`touchend`,`touchmove`,`touchstart`];function wr(e){return Cr.includes(e)}var Tr=`allowfullscreen.async.autofocus.autoplay.checked.controls.default.disabled.formnovalidate.indeterminate.inert.ismap.loop.multiple.muted.nomodule.novalidate.open.playsinline.readonly.required.reversed.seamless.selected.webkitdirectory.defer.disablepictureinpicture.disableremoteplayback`.split(`.`),Er={formnovalidate:`formNoValidate`,ismap:`isMap`,nomodule:`noModule`,playsinline:`playsInline`,readonly:`readOnly`,defaultvalue:`defaultValue`,defaultchecked:`defaultChecked`,srcobject:`srcObject`,novalidate:`noValidate`,allowfullscreen:`allowFullscreen`,disablepictureinpicture:`disablePictureInPicture`,disableremoteplayback:`disableRemotePlayback`};function Dr(e){return e=e.toLowerCase(),Er[e]??e}[...Tr];var Or=[`touchstart`,`touchmove`];function kr(e){return Or.includes(e)}var Ar=[`textarea`,`script`,`style`,`title`];function jr(e){return Ar.includes(e)}var Mr=Symbol(`events`),Nr=new Set,Pr=new Set;function Fr(e){if(!P)return;e.removeAttribute(`onload`),e.removeAttribute(`onerror`);let t=e.__e;t!==void 0&&(e.__e=void 0,queueMicrotask(()=>{e.isConnected&&e.dispatchEvent(t)}))}function Ir(e,t,n,r={}){function i(e){if(r.capture||Br.call(t,e),!e.cancelBubble)return _n(()=>n?.call(this,e))}return e.startsWith(`pointer`)||e.startsWith(`touch`)||e===`wheel`?Je(()=>{t.addEventListener(e,i,r)}):t.addEventListener(e,i,r),i}function Lr(e,t,n,r,i){var a={capture:r,passive:i},o=Ir(e,t,n,a);(t===document.body||t===window||t===document||t instanceof HTMLMediaElement)&&Cn(()=>{t.removeEventListener(e,o,a)})}function W(e,t,n){(t[Mr]??={})[e]=n}function Rr(e){for(var t=0;t<e.length;t++)Nr.add(e[t]);for(var n of Pr)n(e)}var zr=null;function Br(e){var t=this,n=t.ownerDocument,r=e.type,a=e.composedPath?.()||[],o=a[0]||e.target;zr=e;var s=0,c=zr===e&&e[Mr];if(c){var l=a.indexOf(c);if(l!==-1&&(t===document||t===window)){e[Mr]=t;return}var u=a.indexOf(t);if(u===-1)return;l<=u&&(s=l)}if(o=a[s]||e.target,o!==t){i(e,`currentTarget`,{configurable:!0,get(){return o||n}});var d=Jn,f=Zn;Xn(null),Qn(null);try{for(var p,m=[];o!==null&&o!==t;){try{var h=o[Mr]?.[r];h!=null&&(!o.disabled||e.target===o)&&h.call(o,e)}catch(e){p?m.push(e):p=e}if(e.cancelBubble)break;s++,o=s<a.length?a[s]:null}if(p){for(let e of m)queueMicrotask(()=>{throw e});throw p}}finally{e[Mr]=t,delete e.currentTarget,Xn(d),Qn(f)}}}var Vr=globalThis?.window?.trustedTypes&&globalThis.window.trustedTypes.createPolicy(`svelte-trusted-html`,{createHTML:e=>e});function Hr(e){return Vr?.createHTML(e)??e}function Ur(e){var t=fn(`template`);return t.innerHTML=Hr(e.replaceAll(`<!>`,`<!---->`)),t.content}function Wr(e,t){var n=Zn;n.nodes===null&&(n.nodes={start:e,end:t,a:null,t:null})}function G(e,t){var n=(t&1)!=0,r=(t&2)!=0,i,a=!e.startsWith(`<!>`);return()=>{if(P)return Wr(ke,null),ke;i===void 0&&(i=Ur(a?e:`<!>`+e),n||(i=cn(i)));var t=r||nn?document.importNode(i,!0):i.cloneNode(!0);if(n){var o=cn(t),s=t.lastChild;Wr(o,s)}else Wr(t,t);return t}}function Gr(e,t,n=`svg`){var r=!e.startsWith(`<!>`),i=(t&1)!=0,a=`<${n}>${r?e:`<!>`+e}</${n}>`,o;return()=>{if(P)return Wr(ke,null),ke;if(!o){var e=cn(Ur(a));if(i)for(o=document.createDocumentFragment();cn(e);)o.appendChild(cn(e));else o=cn(e)}var t=o.cloneNode(!0);if(i){var n=cn(t),r=t.lastChild;Wr(n,r)}else Wr(t,t);return t}}function Kr(e,t){return Gr(e,t,`svg`)}function qr(e=``){if(!P){var t=sn(e+``);return Wr(t,t),t}var n=ke;return n.nodeType===3?pn(n):(n.before(n=sn()),Ae(n)),Wr(n,n),n}function Jr(){if(P)return Wr(ke,null),ke;var e=document.createDocumentFragment(),t=document.createComment(``),n=sn();return e.append(t,n),Wr(t,n),e}function K(e,t){if(P){var n=Zn;(!(n.f&32768)||n.nodes.end===null)&&(n.nodes.end=ke),je();return}e!==null&&e.before(t)}function q(e,t){var n=t==null?``:typeof t==`object`?`${t}`:t;n!==(e[ie]??=e.nodeValue)&&(e[ie]=n,e.nodeValue=`${n}`)}function Yr(e,t){return Zr(e,t)}var Xr=new Map;function Zr(e,{target:t,anchor:n,props:i={},events:a,context:o,intro:s=!0,transformError:c}){on();var l=void 0,u=En(()=>{var s=n??t.appendChild(sn());st(s,{pending:()=>{}},t=>{Ve({});var n=Re;if(o&&(n.c=o),a&&(i.$$events=a),P&&Wr(t,null),l=e(t,i)||{},P&&(Zn.nodes.end=ke,ke===null||ke.nodeType!==8||ke.data!==`]`))throw Te(),be;He()},c);var u=new Set,d=e=>{for(var n=0;n<e.length;n++){var r=e[n];if(!u.has(r)){u.add(r);var i=kr(r);for(let e of[t,document]){var a=Xr.get(e);a===void 0&&(a=new Map,Xr.set(e,a));var o=a.get(r);o===void 0?(e.addEventListener(r,Br,{passive:i}),a.set(r,1)):a.set(r,o+1)}}}};return d(r(Nr)),Pr.add(d),()=>{for(var e of u)for(let n of[t,document]){var r=Xr.get(n),i=r.get(e);--i==0?(n.removeEventListener(e,Br),r.delete(e),r.size===0&&Xr.delete(n)):r.set(e,i)}Pr.delete(d),s!==n&&s.parentNode?.removeChild(s)}});return Qr.set(l,u),l}var Qr=new WeakMap,$r=class{anchor;#e=new Map;#t=new Map;#n=new Map;#r=new Set;#i=!0;constructor(e,t=!0){this.anchor=e,this.#i=t}#a=e=>{if(this.#e.has(e)){var t=this.#e.get(e),n=this.#t.get(t);if(n)Vn(n),this.#r.delete(t);else{var r=this.#n.get(t);r&&(Vn(r.effect),this.#t.set(t,r.effect),this.#n.delete(t),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),n=r.effect)}for(let[t,n]of this.#e){if(this.#e.delete(t),t===e)break;let r=this.#n.get(n);r&&(In(r.effect),this.#n.delete(n))}for(let[e,r]of this.#t){if(e===t||this.#r.has(e))continue;let i=()=>{if(Array.from(this.#e.values()).includes(e)){var t=document.createDocumentFragment();Un(r,t),t.append(sn()),this.#n.set(e,{effect:r,fragment:t})}else In(r);this.#r.delete(e),this.#t.delete(e)};this.#i||!n?(this.#r.add(e),zn(r,i,!1)):i()}}};#o=e=>{this.#e.delete(e);let t=Array.from(this.#e.values());for(let[e,n]of this.#n)t.includes(e)||(In(n.effect),this.#n.delete(e))};ensure(e,t){var n=Ct,r=dn();if(t&&!this.#t.has(e)&&!this.#n.has(e))if(r){var i=document.createDocumentFragment(),a=sn();i.append(a),this.#n.set(e,{effect:Mn(()=>t(a)),fragment:i})}else this.#t.set(e,Mn(()=>t(this.anchor)));if(this.#e.set(n,e),r){for(let[t,r]of this.#t)t===e?n.unskip_effect(r):n.skip_effect(r);for(let[t,r]of this.#n)t===e?n.unskip_effect(r.effect):n.skip_effect(r.effect);n.oncommit(this.#a),n.ondiscard(this.#o)}else P&&(this.anchor=ke),this.#a(n)}};function J(e,t,n=!1){var r;P&&(r=ke,je());var i=new $r(e),a=n?w:0;function o(e,t){if(P){var n=Pe(r);if(e!==parseInt(n.substring(1))){var a=Ne();Ae(a),i.anchor=a,Oe(!1),i.ensure(e,t),Oe(!0);return}}i.ensure(e,t)}An(()=>{var e=!1;t((t,n=0)=>{e=!0,o(n,t)}),e||o(-1,null)},a)}var ei=Symbol(`NaN`);function ti(e,t,n){P&&je();var r=new $r(e),i=!Ue();An(()=>{var e=t();e!==e&&(e=ei),i&&typeof e==`object`&&e&&(e={}),r.ensure(e,n)})}function ni(e,t){return t}function ri(e,t,n){for(var i=[],a=t.length,o,s=t.length,c=0;c<a;c++){let n=t[c];zn(n,()=>{if(o){if(o.pending.delete(n),o.done.add(n),o.pending.size===0){var t=e.outrogroups;ii(e,r(o.done)),t.delete(o),t.size===0&&(e.outrogroups=null)}}else--s},!1)}if(s===0){var l=i.length===0&&n!==null;if(l){var u=n,d=u.parentNode;un(d),d.append(u),e.items.clear()}ii(e,t,!l)}else o={pending:new Set(t),done:new Set},(e.outrogroups??=new Set).add(o)}function ii(e,t,n=!0){var r;if(e.pending.size>0){r=new Set;for(let t of e.pending.values())for(let n of t)r.add(e.items.get(n).e)}for(var i=0;i<t.length;i++){var a=t[i];r?.has(a)?(a.f|=D,Un(a,document.createDocumentFragment())):In(t[i],n)}}var ai;function Y(t,n,i,a,o,s=null){var c=t,l=new Map;if(n&4){var u=t;c=P?Ae(cn(u)):u.appendChild(sn())}P&&je();var d=null,f=gt(()=>{var t=i();return e(t)?t:t==null?[]:r(t)}),p,m=new Map,h=!0;function g(e){v.effect.f&16384||(v.pending.delete(e),v.fallback=d,si(v,p,c,n,a),d!==null&&(p.length===0?d.f&33554432?(d.f^=D,li(d,null,c)):Vn(d):zn(d,()=>{d=null})))}function _(e){v.pending.delete(e)}var v={effect:An(()=>{p=U(f);var e=p.length;let t=!1;P&&Pe(c)===`[!`!=(e===0)&&(c=Ne(),Ae(c),Oe(!1),t=!0);for(var r=new Set,u=Ct,v=dn(),y=0;y<e;y+=1){P&&ke.nodeType===8&&ke.data===`]`&&(c=ke,t=!0,Oe(!1));var b=p[y],x=a(b,y),S=h?null:l.get(x);S?(S.v&&Jt(S.v,b),S.i&&Jt(S.i,y),v&&u.unskip_effect(S.e)):(S=ci(l,h?c:ai??=sn(),b,x,y,o,n,i),h||(S.e.f|=D),l.set(x,S)),r.add(x)}if(e===0&&s&&!d&&(h?d=Mn(()=>s(c)):(d=Mn(()=>s(ai??=sn())),d.f|=D)),e>r.size&&ue(``,``,``),P&&e>0&&Ae(Ne()),!h)if(m.set(u,r),v){for(let[e,t]of l)r.has(e)||u.skip_effect(t.e);u.oncommit(g),u.ondiscard(_)}else g(u);t&&Oe(!0),U(f)}),flags:n,items:l,pending:m,outrogroups:null,fallback:d};h=!1,P&&(c=ke)}function oi(e){for(;e!==null&&!(e.f&32);)e=e.next;return e}function si(e,t,n,i,a){var o=(i&8)!=0,s=t.length,c=e.items,l=oi(e.effect.first),u,d=null,f,p=[],m=[],h,g,_,v;if(o)for(v=0;v<s;v+=1)h=t[v],g=a(h,v),_=c.get(g).e,_.f&33554432||(_.nodes?.a?.measure(),(f??=new Set).add(_));for(v=0;v<s;v+=1){if(h=t[v],g=a(h,v),_=c.get(g).e,e.outrogroups!==null)for(let t of e.outrogroups)t.pending.delete(_),t.done.delete(_);if(_.f&8192&&(Vn(_),o&&(_.nodes?.a?.unfix(),(f??=new Set).delete(_))),_.f&33554432)if(_.f^=D,_===l)li(_,null,n);else{var y=d?d.next:l;_===e.effect.last&&(e.effect.last=_.prev),_.prev&&(_.prev.next=_.next),_.next&&(_.next.prev=_.prev),ui(e,d,_),ui(e,_,y),li(_,y,n),d=_,p=[],m=[],l=oi(d.next);continue}if(_!==l){if(u!==void 0&&u.has(_)){if(p.length<m.length){var b=m[0],x;d=b.prev;var S=p[0],C=p[p.length-1];for(x=0;x<p.length;x+=1)li(p[x],b,n);for(x=0;x<m.length;x+=1)u.delete(m[x]);ui(e,S.prev,C.next),ui(e,d,S),ui(e,C,b),l=b,d=C,--v,p=[],m=[]}else u.delete(_),li(_,l,n),ui(e,_.prev,_.next),ui(e,_,d===null?e.effect.first:d.next),ui(e,d,_),d=_;continue}for(p=[],m=[];l!==null&&l!==_;)(u??=new Set).add(l),m.push(l),l=oi(l.next);if(l===null)continue}_.f&33554432||p.push(_),d=_,l=oi(_.next)}if(e.outrogroups!==null){for(let t of e.outrogroups)t.pending.size===0&&(ii(e,r(t.done)),e.outrogroups?.delete(t));e.outrogroups.size===0&&(e.outrogroups=null)}if(l!==null||u!==void 0){var w=[];if(u!==void 0)for(_ of u)_.f&8192||w.push(_);for(;l!==null;)!(l.f&8192)&&l!==e.fallback&&w.push(l),l=oi(l.next);var T=w.length;if(T>0){var E=i&4&&s===0?n:null;if(o){for(v=0;v<T;v+=1)w[v].nodes?.a?.measure();for(v=0;v<T;v+=1)w[v].nodes?.a?.fix()}ri(e,w,E)}}o&&Je(()=>{if(f!==void 0)for(_ of f)_.nodes?.a?.apply()})}function ci(e,t,n,r,i,a,o,s){var c=o&1?o&16?Kt(n):qt(n,!1,!1):null,l=o&2?Kt(i):null;return{v:c,i:l,e:Mn(()=>(a(t,c??n,l??i,s),()=>{e.delete(r)}))}}function li(e,t,n){if(e.nodes)for(var r=e.nodes.start,i=e.nodes.end,a=t&&!(t.f&33554432)?t.nodes.start:n;r!==null;){var o=ln(r);if(a.before(r),r===i)return;r=o}}function ui(e,t,n){t===null?e.effect.first=n:t.next=n,n===null?e.effect.last=t:n.prev=t}function di(e,t,...n){var r=new $r(e);An(()=>{let e=t()??null;r.ensure(e,e&&(t=>e(t,...n)))},w)}function fi(e,t,n){var r;P&&(r=ke,je());var i=new $r(e);An(()=>{var e=t()??null;if(P&&Pe(r)===`[`!=(e!==null)){var a=Ne();Ae(a),i.anchor=a,Oe(!1),i.ensure(e,e&&(t=>n(t,e))),Oe(!0);return}i.ensure(e,e&&(t=>n(t,e)))},w)}function pi(e,t,n,r,i,a){let o=P;P&&je();var s=null;P&&ke.nodeType===1&&(s=ke,je());var c=P?ke:e,l=new $r(c,!1);An(()=>{let e=t()||null;var a=i?i():n||e===`svg`?Ce:void 0;if(e===null){l.ensure(null,null);return}return l.ensure(e,t=>{if(e){if(s=P?s:fn(e,a),Wr(s,s),r){var n=null;P&&jr(e)&&s.append(n=document.createComment(``));var i=P?cn(s):s.appendChild(sn());P&&(i===null?Oe(!1):Ae(i)),r(s,i),n?.remove()}Zn.nodes.end=s,t.before(s)}P&&Ae(t)}),()=>{}},w),Cn(()=>{}),o&&(Oe(!0),Ae(c))}function mi(e,t,n){Dn(()=>{var r=yr(()=>t(e,n?.())||{});if(n&&r?.update){var i=!1,a={};kn(()=>{var e=n();br(e),i&&Ie(a,e)&&(a=e,r.update(e))}),i=!0}if(r?.destroy)return()=>r.destroy()})}function hi(e,t){var n=void 0,r;jn(()=>{n!==(n=t())&&(r&&=(In(r),null),n&&(r=Mn(()=>{Dn(()=>n(e))})))})}function gi(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=gi(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function _i(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=gi(e))&&(r&&(r+=` `),r+=t);return r}function vi(e){return typeof e==`object`?_i(e):e??``}var yi=[...` 	
+\r\f\xA0\v`];function bi(e,t,n){var r=e==null?``:``+e;if(t&&(r=r?r+` `+t:t),n){for(var i of Object.keys(n))if(n[i])r=r?r+` `+i:i;else if(r.length)for(var a=i.length,o=0;(o=r.indexOf(i,o))>=0;){var s=o+a;(o===0||yi.includes(r[o-1]))&&(s===r.length||yi.includes(r[s]))?r=(o===0?``:r.substring(0,o))+r.substring(s+1):o=s}}return r===``?null:r}function xi(e,t=!1){var n=t?` !important;`:`;`,r=``;for(var i of Object.keys(e)){var a=e[i];a!=null&&a!==``&&(r+=` `+i+`: `+a+n)}return r}function Si(e){return e[0]!==`-`||e[1]!==`-`?e.toLowerCase():e}function Ci(e,t){if(t){var n=``,r,i;if(Array.isArray(t)?(r=t[0],i=t[1]):r=t,e){e=String(e).replaceAll(/\s*\/\*.*?\*\/\s*/g,``).trim();var a=!1,o=0,s=!1,c=[];r&&c.push(...Object.keys(r).map(Si)),i&&c.push(...Object.keys(i).map(Si));var l=0,u=-1;let t=e.length;for(var d=0;d<t;d++){var f=e[d];if(s?f===`/`&&e[d-1]===`*`&&(s=!1):a?a===f&&(a=!1):f===`/`&&e[d+1]===`*`?s=!0:f===`"`||f===`'`?a=f:f===`(`?o++:f===`)`&&o--,!s&&a===!1&&o===0){if(f===`:`&&u===-1)u=d;else if(f===`;`||d===t-1){if(u!==-1){var p=Si(e.substring(l,u).trim());if(!c.includes(p)){f!==`;`&&d++;var m=e.substring(l,d).trim();n+=` `+m+`;`}}l=d+1,u=-1}}}}return r&&(n+=xi(r)),i&&(n+=xi(i,!0)),n=n.trim(),n===``?null:n}return e==null?null:String(e)}function X(e,t,n,r,i,a){var o=e[ne];if(P||o!==n||o===void 0){var s=bi(n,r,a);(!P||s!==e.getAttribute(`class`))&&(s==null?e.removeAttribute(`class`):t?e.className=s:e.setAttribute(`class`,s)),e[ne]=n}else if(a&&i!==a)for(var c in a){var l=!!a[c];(i==null||l!==!!i[c])&&e.classList.toggle(c,l)}return a}function wi(e,t={},n,r){for(var i in n){var a=n[i];t[i]!==a&&(n[i]==null?e.style.removeProperty(i):e.style.setProperty(i,a,r))}}function Z(e,t,n,r){var i=e[re];if(P||i!==t){var a=Ci(t,r);(!P||a!==e.getAttribute(`style`))&&(a==null?e.removeAttribute(`style`):e.style.cssText=a),e[re]=t}else r&&(Array.isArray(r)?(wi(e,n?.[0],r[0]),wi(e,n?.[1],r[1],`important`)):wi(e,n,r));return r}function Ti(t,n,r=!1){if(t.multiple){if(n==null)return;if(!e(n))return Ee();for(var i of t.options)i.selected=n.includes(Oi(i));return}for(i of t.options)if(en(Oi(i),n)){i.selected=!0;return}(!r||n!==void 0)&&(t.selectedIndex=-1)}function Ei(e){var t=new MutationObserver(()=>{Ti(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:[`value`]}),Cn(()=>{t.disconnect()})}function Di(e,t,n=t){var r=new WeakSet,i=!0;vn(e,`change`,t=>{var i=t?`[selected]`:`:checked`,a;if(e.multiple)a=[].map.call(e.querySelectorAll(i),Oi);else{var o=e.querySelector(i)??e.querySelector(`option:not([disabled])`);a=o&&Oi(o)}n(a),e.__value=a,Ct!==null&&r.add(Ct)}),Dn(()=>{var a=t();if(e===document.activeElement){var o=Ct;if(r.has(o))return}if(Ti(e,a,i),i&&a===void 0){var s=e.querySelector(`:checked`);s!==null&&(a=Oi(s),n(a))}e.__value=a,i=!1}),Ei(e)}function Oi(e){return`__value`in e?e.__value:e.value}var ki=Symbol(`class`),Ai=Symbol(`style`),ji=Symbol(`is custom element`),Mi=Symbol(`is html`),Ni=se?`link`:`LINK`,Pi=se?`input`:`INPUT`,Fi=se?`option`:`OPTION`,Ii=se?`select`:`SELECT`,Li=se?`progress`:`PROGRESS`;function Ri(e){if(P){var t=!1,n=()=>{if(!t){if(t=!0,e.hasAttribute(`value`)){var n=e.value;Q(e,`value`,null),e.value=n}if(e.hasAttribute(`checked`)){var r=e.checked;Q(e,`checked`,null),e.checked=r}}};e[ae]=n,Je(n),gn()}}function zi(e,t){var n=Ui(e);n.value===(n.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==Li)||(e.value=t??``)}function Bi(e,t){t?e.hasAttribute(`selected`)||e.setAttribute(`selected`,``):e.removeAttribute(`selected`)}function Q(e,t,n,r){var i=Ui(e);P&&(i[t]=e.getAttribute(t),t===`src`||t===`srcset`||t===`href`&&e.nodeName===Ni)||i[t]!==(i[t]=n)&&(t===`loading`&&(e[ee]=n),n==null?e.removeAttribute(t):typeof n!=`string`&&Gi(e).includes(t)?e[t]=n:e.setAttribute(t,n))}function Vi(e,t,n,r,i=!1,a=!1){if(P&&i&&e.nodeName===Pi){var o=e;(o.type===`checkbox`?`defaultChecked`:`defaultValue`)in n||Ri(o)}var s=Ui(e),c=s[ji],l=!s[Mi];let u=P&&c;u&&Oe(!1);var d=t||{},f=e.nodeName===Fi;for(var p in t)p in n||(n[p]=null);n.class?n.class=vi(n.class):(r||n[ki])&&(n.class=null),n[Ai]&&(n.style??=null);var m=Gi(e);if(e.nodeName===Pi&&`type`in n&&(`value`in n||`__value`in n)){var h=n.type;(h!==d.type||h===void 0&&e.hasAttribute(`type`))&&(d.type=h,Q(e,`type`,h,a))}for(let i in n){let o=n[i];if(f&&i===`value`&&o==null){e.value=e.__value=``,d[i]=o;continue}if(i===`class`){X(e,e.namespaceURI===`http://www.w3.org/1999/xhtml`,o,r,t?.[ki],n[ki]),d[i]=o,d[ki]=n[ki];continue}if(i===`style`){Z(e,o,t?.[Ai],n[Ai]),d[i]=o,d[Ai]=n[Ai];continue}var g=d[i];if(!(o===g&&!(o===void 0&&e.hasAttribute(i)))){d[i]=o;var _=i[0]+i[1];if(_!==`$$`)if(_===`on`){let t={},n=`$$`+i,r=i.slice(2);var v=wr(r);if(Sr(r)&&(r=r.slice(0,-7),t.capture=!0),!v&&g){if(o!=null)continue;e.removeEventListener(r,d[n],t),d[n]=null}if(v)W(r,e,o),Rr([r]);else if(o!=null){function a(e){d[i].call(this,e)}d[n]=Ir(r,e,a,t)}}else if(i===`style`)Q(e,i,o);else if(i===`autofocus`)mn(e,!!o);else if(!c&&(i===`__value`||i===`value`&&o!=null))e.value=e.__value=o;else if(i===`selected`&&f)Bi(e,o);else{var y=i;l||(y=Dr(y));var b=y===`defaultValue`||y===`defaultChecked`;if(o==null&&!c&&!b)if(s[i]=null,y===`value`||y===`checked`){let n=e,r=t===void 0;if(y===`value`){let e=n.defaultValue;n.removeAttribute(y),n.defaultValue=e,n.value=n.__value=r?e:null}else{let e=n.defaultChecked;n.removeAttribute(y),n.defaultChecked=e,n.checked=r?e:!1}}else e.removeAttribute(i);else b||m.includes(y)&&(c||typeof o!=`string`)?(e[y]=o,y in s&&(s[y]=xe)):typeof o!=`function`&&Q(e,y,o,a)}}}return u&&Oe(!0),d}function Hi(e,t,n=[],r=[],i=[],a,o=!1,s=!1){lt(i,n,r,n=>{var r=void 0,i={},c=e.nodeName===Ii,l=!1;if(jn(()=>{var u=t(...n.map(U)),d=Vi(e,r,u,a,o,s);l&&c&&`value`in u&&Ti(e,u.value);for(let e of Object.getOwnPropertySymbols(i))u[e]||In(i[e]);for(let t of Object.getOwnPropertySymbols(u)){var f=u[t];t.description===`@attach`&&(!r||f!==r[t])&&(i[t]&&In(i[t]),i[t]=Mn(()=>hi(e,()=>f))),d[t]=f}r=d}),c){var u=e;Dn(()=>{Ti(u,r.value,!0),Ei(u)})}l=!0})}function Ui(e){return e[te]??={[ji]:e.nodeName.includes(`-`),[Mi]:e.namespaceURI===Se}}var Wi=new Map;function Gi(e){var t=e.getAttribute(`is`)||e.nodeName,n=Wi.get(t);if(n)return n;Wi.set(t,n=[]);for(var r,i=e,a=Element.prototype;a!==i;){for(var s in r=o(i),r)r[s].set&&s!==`innerHTML`&&s!==`textContent`&&s!==`innerText`&&n.push(s);i=l(i)}return n}function Ki(e,t,n=t){var r=new WeakSet;vn(e,`input`,async i=>{var a=i?e.defaultValue:e.value;if(a=Ji(e)?Yi(a):a,n(a),Ct!==null&&r.add(Ct),await gr(),a!==(a=t())){var o=e.selectionStart,s=e.selectionEnd,c=e.value.length;if(e.value=a??``,s!==null){var l=e.value.length;o===s&&s===c&&l>c?(e.selectionStart=l,e.selectionEnd=l):(e.selectionStart=o,e.selectionEnd=Math.min(s,l))}}}),(P&&e.defaultValue!==e.value||yr(t)==null&&e.value)&&(n(Ji(e)?Yi(e.value):e.value),Ct!==null&&r.add(Ct)),kn(()=>{var n=t();if(e===document.activeElement){var i=Ct;if(r.has(i))return}Ji(e)&&n===Yi(e.value)||e.type===`date`&&!n&&!e.value||n!==e.value&&(e.value=n??``)})}function qi(e,t,n=t){vn(e,`change`,t=>{n(t?e.defaultChecked:e.checked)}),(P&&e.defaultChecked!==e.checked||yr(t)==null)&&n(e.checked),kn(()=>{e.checked=!!t()})}function Ji(e){var t=e.type;return t===`number`||t===`range`}function Yi(e){return e===``?null:+e}function Xi(e,t){return e===t||e?.[M]===t}function Zi(e={},t,n,r){var i=Re.r,a=Zn;return Dn(()=>{var o,s;return kn(()=>{o=s,s=r?.()||[],yr(()=>{Xi(n(...s),e)||(t(e,...s),o&&Xi(n(...o),e)&&t(null,...o))})}),()=>{let r=a;for(;r!==i&&r.parent!==null&&r.parent.f&33554432;)r=r.parent;let o=()=>{s&&Xi(n(...s),e)&&t(null,...s)},c=r.teardown;r.teardown=()=>{o(),c?.()}}}),e}var Qi={get(e,t){if(!e.exclude.has(t))return e.props[t]},set(e,t){return!1},getOwnPropertyDescriptor(e,t){if(!e.exclude.has(t)&&t in e.props)return{enumerable:!0,configurable:!0,value:e.props[t]}},has(e,t){return!e.exclude.has(t)&&t in e.props},ownKeys(e){return Reflect.ownKeys(e.props).filter(t=>!e.exclude.has(t))}};function $i(e,t,n){return new Proxy({props:e,exclude:t},Qi)}var ea={get(e,t){let n=e.props.length;for(;n--;){let r=e.props[n];if(d(r)&&(r=r()),typeof r==`object`&&r&&t in r)return r[t]}},set(e,t,n){let r=e.props.length;for(;r--;){let i=e.props[r];d(i)&&(i=i());let o=a(i,t);if(o&&o.set)return o.set(n),!0}return!1},getOwnPropertyDescriptor(e,t){let n=e.props.length;for(;n--;){let r=e.props[n];if(d(r)&&(r=r()),typeof r==`object`&&r&&t in r){let e=a(r,t);return e&&!e.configurable&&(e.configurable=!0),e}}},has(e,t){if(t===M||t===N)return!1;for(let n of e.props)if(d(n)&&(n=n()),n!=null&&t in n)return!0;return!1},ownKeys(e){let t=[];for(let n of e.props)if(d(n)&&(n=n()),n){for(let e in n)t.includes(e)||t.push(e);for(let e of Object.getOwnPropertySymbols(n))t.includes(e)||t.push(e)}return t}};function ta(...e){return new Proxy({props:e},ea)}function na(e,t,n,r){var i=!0,o=(n&8)!=0,s=(n&16)!=0,c=r,l=!0,u=void 0,d=()=>s&&i?(u??=pt(r),U(u)):(l&&(l=!1,c=s?yr(r):r),c);let f;if(o){var p=M in e||N in e;f=a(e,t)?.set??(p&&t in e?n=>e[t]=n:void 0)}var m,h=!1;o?[m,h]=it(()=>e[t]):m=e[t],m===void 0&&r!==void 0&&(m=d(),f&&(i&&he(t),f(m)));var g=i?()=>{var n=e[t];return n===void 0?d():(l=!0,n)}:()=>{var n=e[t];return n!==void 0&&(c=void 0),n===void 0?c:n};if(i&&!(n&4))return g;if(f){var _=e.$$legacy;return(function(e,t){return arguments.length>0?((!i||!t||_||h)&&f(t?g():e),e):g()})}var v=!1,y=(n&1?pt:gt)(()=>(v=!1,g()));o&&U(y);var b=Zn;return(function(e,t){if(arguments.length>0){let n=t?U(y):i&&o?Qt(e):e;return R(y,n),v=!0,c!==void 0&&(c=n),e}return Kn&&v||b.f&16384?y.v:U(y)})}function ra(e){Re===null&&ce(`onMount`),wn(()=>{let t=yr(e);if(typeof t==`function`)return t})}typeof window<`u`&&((window.__svelte??={}).v??=new Set).add(`5`);var ia={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":2,"stroke-linecap":`round`,"stroke-linejoin":`round`},aa=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},oa=Symbol(`lucide-context`),sa=()=>Be(oa),ca=new Set([`$$slots`,`$$events`,`$$legacy`,`name`,`color`,`size`,`strokeWidth`,`absoluteStrokeWidth`,`iconNode`,`children`]),la=Kr(`<svg><!><!></svg>`);function ua(e,t){Ve(t,!0);let n=sa()??{},r=na(t,`color`,19,()=>n.color??`currentColor`),i=na(t,`size`,19,()=>n.size??24),a=na(t,`strokeWidth`,19,()=>n.strokeWidth??2),o=na(t,`absoluteStrokeWidth`,19,()=>n.absoluteStrokeWidth??!1),s=na(t,`iconNode`,19,()=>[]),c=$i(t,ca),l=I(()=>o()?Number(a())*24/Number(i()):a());var u=la();Hi(u,e=>({...ia,...e,...c,width:i(),height:i(),stroke:r(),"stroke-width":U(l),class:[`lucide-icon lucide`,n.class,t.name&&`lucide-${t.name}`,t.class]}),[()=>!t.children&&!aa(c)&&{"aria-hidden":`true`}]);var d=z(u);Y(d,17,s,ni,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=Jr();pi(B(a),r,!0,(e,t)=>{Hi(e,()=>({...i()}))}),K(e,a)}),di(V(d),()=>t.children??f),F(u),K(e,u),He()}var da=new Set([`$$slots`,`$$events`,`$$legacy`]);function fa(e,t){let n=$i(t,da),r=[[`path`,{d:`M10 22V7a1 1 0 0 0-1-1H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-5a1 1 0 0 0-1-1H2`}],[`rect`,{x:`14`,y:`2`,width:`8`,height:`8`,rx:`1`}]];ua(e,ta({name:`blocks`},()=>n,{get iconNode(){return r}}))}var pa=new Set([`$$slots`,`$$events`,`$$legacy`]);function ma(e,t){let n=$i(t,pa),r=[[`path`,{d:`M12 7v14`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`}]];ua(e,ta({name:`book-open`},()=>n,{get iconNode(){return r}}))}var ha=new Set([`$$slots`,`$$events`,`$$legacy`]);function ga(e,t){let n=$i(t,ha),r=[[`path`,{d:`M20 6 9 17l-5-5`}]];ua(e,ta({name:`check`},()=>n,{get iconNode(){return r}}))}var _a=new Set([`$$slots`,`$$events`,`$$legacy`]);function va(e,t){let n=$i(t,_a),r=[[`path`,{d:`m6 9 6 6 6-6`}]];ua(e,ta({name:`chevron-down`},()=>n,{get iconNode(){return r}}))}var ya=new Set([`$$slots`,`$$events`,`$$legacy`]);function ba(e,t){let n=$i(t,ya),r=[[`path`,{d:`m9 18 6-6-6-6`}]];ua(e,ta({name:`chevron-right`},()=>n,{get iconNode(){return r}}))}var xa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Sa(e,t){let n=$i(t,xa),r=[[`circle`,{cx:`12`,cy:`12`,r:`10`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`}],[`path`,{d:`M12 17h.01`}]];ua(e,ta({name:`circle-question-mark`},()=>n,{get iconNode(){return r}}))}var Ca=new Set([`$$slots`,`$$events`,`$$legacy`]);function wa(e,t){let n=$i(t,Ca),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}],[`path`,{d:`M12 3v18`}]];ua(e,ta({name:`columns-2`},()=>n,{get iconNode(){return r}}))}var Ta=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ea(e,t){let n=$i(t,Ta),r=[[`path`,{d:`M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z`}],[`path`,{d:`M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z`}]];ua(e,ta({name:`component`},()=>n,{get iconNode(){return r}}))}var Da=new Set([`$$slots`,`$$events`,`$$legacy`]);function Oa(e,t){let n=$i(t,Da),r=[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`}]];ua(e,ta({name:`copy`},()=>n,{get iconNode(){return r}}))}var ka=new Set([`$$slots`,`$$events`,`$$legacy`]);function Aa(e,t){let n=$i(t,ka),r=[[`path`,{d:`M12 15V3`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}],[`path`,{d:`m7 10 5 5 5-5`}]];ua(e,ta({name:`download`},()=>n,{get iconNode(){return r}}))}var ja=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ma(e,t){let n=$i(t,ja),r=[[`path`,{d:`M15 3h6v6`}],[`path`,{d:`M10 14 21 3`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`}]];ua(e,ta({name:`external-link`},()=>n,{get iconNode(){return r}}))}var Na=new Set([`$$slots`,`$$events`,`$$legacy`]);function Pa(e,t){let n=$i(t,Na),r=[[`path`,{d:`M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0`}],[`circle`,{cx:`12`,cy:`12`,r:`3`}]];ua(e,ta({name:`eye`},()=>n,{get iconNode(){return r}}))}var Fa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ia(e,t){let n=$i(t,Fa),r=[[`path`,{d:`m6 14 1.5-2.9A2 2 0 0 1 9.24 10H20a2 2 0 0 1 1.94 2.5l-1.54 6a2 2 0 0 1-1.95 1.5H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H18a2 2 0 0 1 2 2v2`}]];ua(e,ta({name:`folder-open`},()=>n,{get iconNode(){return r}}))}var La=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ra(e,t){let n=$i(t,La),r=[[`path`,{d:`M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8`}],[`path`,{d:`M3 10a2 2 0 0 1 .709-1.528l7-6a2 2 0 0 1 2.582 0l7 6A2 2 0 0 1 21 10v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z`}]];ua(e,ta({name:`house`},()=>n,{get iconNode(){return r}}))}var za=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ba(e,t){let n=$i(t,za),r=[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`}]];ua(e,ta({name:`layers`},()=>n,{get iconNode(){return r}}))}var Va=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ha(e,t){let n=$i(t,Va),r=[[`path`,{d:`M9 17H7A5 5 0 0 1 7 7h2`}],[`path`,{d:`M15 7h2a5 5 0 1 1 0 10h-2`}],[`line`,{x1:`8`,x2:`16`,y1:`12`,y2:`12`}]];ua(e,ta({name:`link-2`},()=>n,{get iconNode(){return r}}))}var Ua=new Set([`$$slots`,`$$events`,`$$legacy`]);function Wa(e,t){let n=$i(t,Ua),r=[[`path`,{d:`M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71`}],[`path`,{d:`M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71`}]];ua(e,ta({name:`link`},()=>n,{get iconNode(){return r}}))}var Ga=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ka(e,t){let n=$i(t,Ga),r=[[`path`,{d:`M13 5h8`}],[`path`,{d:`M13 12h8`}],[`path`,{d:`M13 19h8`}],[`path`,{d:`m3 17 2 2 4-4`}],[`path`,{d:`m3 7 2 2 4-4`}]];ua(e,ta({name:`list-checks`},()=>n,{get iconNode(){return r}}))}var qa=new Set([`$$slots`,`$$events`,`$$legacy`]);function Ja(e,t){let n=$i(t,qa),r=[[`path`,{d:`M3 5h.01`}],[`path`,{d:`M3 12h.01`}],[`path`,{d:`M3 19h.01`}],[`path`,{d:`M8 5h13`}],[`path`,{d:`M8 12h13`}],[`path`,{d:`M8 19h13`}]];ua(e,ta({name:`list`},()=>n,{get iconNode(){return r}}))}var Ya=new Set([`$$slots`,`$$events`,`$$legacy`]);function Xa(e,t){let n=$i(t,Ya),r=[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`}]];ua(e,ta({name:`loader-circle`},()=>n,{get iconNode(){return r}}))}var Za=new Set([`$$slots`,`$$events`,`$$legacy`]);function Qa(e,t){let n=$i(t,Za),r=[[`rect`,{width:`20`,height:`14`,x:`2`,y:`3`,rx:`2`}],[`line`,{x1:`8`,x2:`16`,y1:`21`,y2:`21`}],[`line`,{x1:`12`,x2:`12`,y1:`17`,y2:`21`}]];ua(e,ta({name:`monitor`},()=>n,{get iconNode(){return r}}))}var $a=new Set([`$$slots`,`$$events`,`$$legacy`]);function eo(e,t){let n=$i(t,$a),r=[[`path`,{d:`M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401`}]];ua(e,ta({name:`moon`},()=>n,{get iconNode(){return r}}))}var to=new Set([`$$slots`,`$$events`,`$$legacy`]);function no(e,t){let n=$i(t,to),r=[[`path`,{d:`M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z`}],[`path`,{d:`M12 22V12`}],[`polyline`,{points:`3.29 7 12 12 20.71 7`}],[`path`,{d:`m7.5 4.27 9 5.15`}]];ua(e,ta({name:`package`},()=>n,{get iconNode(){return r}}))}var ro=new Set([`$$slots`,`$$events`,`$$legacy`]);function io(e,t){let n=$i(t,ro),r=[[`path`,{d:`M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z`}],[`circle`,{cx:`13.5`,cy:`6.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`17.5`,cy:`10.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`6.5`,cy:`12.5`,r:`.5`,fill:`currentColor`}],[`circle`,{cx:`8.5`,cy:`7.5`,r:`.5`,fill:`currentColor`}]];ua(e,ta({name:`palette`},()=>n,{get iconNode(){return r}}))}var ao=new Set([`$$slots`,`$$events`,`$$legacy`]);function oo(e,t){let n=$i(t,ao),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}],[`path`,{d:`M3 9h18`}],[`path`,{d:`M9 21V9`}]];ua(e,ta({name:`panels-top-left`},()=>n,{get iconNode(){return r}}))}var so=new Set([`$$slots`,`$$events`,`$$legacy`]);function co(e,t){let n=$i(t,so),r=[[`path`,{d:`M15.39 4.39a1 1 0 0 0 1.68-.474 2.5 2.5 0 1 1 3.014 3.015 1 1 0 0 0-.474 1.68l1.683 1.682a2.414 2.414 0 0 1 0 3.414L19.61 15.39a1 1 0 0 1-1.68-.474 2.5 2.5 0 1 0-3.014 3.015 1 1 0 0 1 .474 1.68l-1.683 1.682a2.414 2.414 0 0 1-3.414 0L8.61 19.61a1 1 0 0 0-1.68.474 2.5 2.5 0 1 1-3.014-3.015 1 1 0 0 0 .474-1.68l-1.683-1.682a2.414 2.414 0 0 1 0-3.414L4.39 8.61a1 1 0 0 1 1.68.474 2.5 2.5 0 1 0 3.014-3.015 1 1 0 0 1-.474-1.68l1.683-1.682a2.414 2.414 0 0 1 3.414 0z`}]];ua(e,ta({name:`puzzle`},()=>n,{get iconNode(){return r}}))}var lo=new Set([`$$slots`,`$$events`,`$$legacy`]);function uo(e,t){let n=$i(t,lo),r=[[`path`,{d:`m15 14 5-5-5-5`}],[`path`,{d:`M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13`}]];ua(e,ta({name:`redo-2`},()=>n,{get iconNode(){return r}}))}var fo=new Set([`$$slots`,`$$events`,`$$legacy`]);function po(e,t){let n=$i(t,fo),r=[[`path`,{d:`M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8`}],[`path`,{d:`M21 3v5h-5`}],[`path`,{d:`M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16`}],[`path`,{d:`M8 16H3v5`}]];ua(e,ta({name:`refresh-cw`},()=>n,{get iconNode(){return r}}))}var mo=new Set([`$$slots`,`$$events`,`$$legacy`]);function ho(e,t){let n=$i(t,mo),r=[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`}],[`path`,{d:`M3 3v5h5`}]];ua(e,ta({name:`rotate-ccw`},()=>n,{get iconNode(){return r}}))}var go=new Set([`$$slots`,`$$events`,`$$legacy`]);function _o(e,t){let n=$i(t,go),r=[[`path`,{d:`M21.3 15.3a2.4 2.4 0 0 1 0 3.4l-2.6 2.6a2.4 2.4 0 0 1-3.4 0L2.7 8.7a2.41 2.41 0 0 1 0-3.4l2.6-2.6a2.41 2.41 0 0 1 3.4 0Z`}],[`path`,{d:`m14.5 12.5 2-2`}],[`path`,{d:`m11.5 9.5 2-2`}],[`path`,{d:`m8.5 6.5 2-2`}],[`path`,{d:`m17.5 15.5 2-2`}]];ua(e,ta({name:`ruler`},()=>n,{get iconNode(){return r}}))}var vo=new Set([`$$slots`,`$$events`,`$$legacy`]);function yo(e,t){let n=$i(t,vo),r=[[`path`,{d:`M15.2 3a2 2 0 0 1 1.4.6l3.8 3.8a2 2 0 0 1 .6 1.4V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z`}],[`path`,{d:`M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7`}],[`path`,{d:`M7 3v4a1 1 0 0 0 1 1h7`}]];ua(e,ta({name:`save`},()=>n,{get iconNode(){return r}}))}var bo=new Set([`$$slots`,`$$events`,`$$legacy`]);function xo(e,t){let n=$i(t,bo),r=[[`path`,{d:`m21 21-4.34-4.34`}],[`circle`,{cx:`11`,cy:`11`,r:`8`}]];ua(e,ta({name:`search`},()=>n,{get iconNode(){return r}}))}var So=new Set([`$$slots`,`$$events`,`$$legacy`]);function Co(e,t){let n=$i(t,So),r=[[`circle`,{cx:`18`,cy:`5`,r:`3`}],[`circle`,{cx:`6`,cy:`12`,r:`3`}],[`circle`,{cx:`18`,cy:`19`,r:`3`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`}]];ua(e,ta({name:`share-2`},()=>n,{get iconNode(){return r}}))}var wo=new Set([`$$slots`,`$$events`,`$$legacy`]);function To(e,t){let n=$i(t,wo),r=[[`path`,{d:`M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z`}],[`path`,{d:`m9 12 2 2 4-4`}]];ua(e,ta({name:`shield-check`},()=>n,{get iconNode(){return r}}))}var Eo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Do(e,t){let n=$i(t,Eo),r=[[`path`,{d:`M10 5H3`}],[`path`,{d:`M12 19H3`}],[`path`,{d:`M14 3v4`}],[`path`,{d:`M16 17v4`}],[`path`,{d:`M21 12h-9`}],[`path`,{d:`M21 19h-5`}],[`path`,{d:`M21 5h-7`}],[`path`,{d:`M8 10v4`}],[`path`,{d:`M8 12H3`}]];ua(e,ta({name:`sliders-horizontal`},()=>n,{get iconNode(){return r}}))}var Oo=new Set([`$$slots`,`$$events`,`$$legacy`]);function ko(e,t){let n=$i(t,Oo),r=[[`rect`,{width:`14`,height:`20`,x:`5`,y:`2`,rx:`2`,ry:`2`}],[`path`,{d:`M12 18h.01`}]];ua(e,ta({name:`smartphone`},()=>n,{get iconNode(){return r}}))}var Ao=new Set([`$$slots`,`$$events`,`$$legacy`]);function jo(e,t){let n=$i(t,Ao),r=[[`path`,{d:`M11.017 2.814a1 1 0 0 1 1.966 0l1.051 5.558a2 2 0 0 0 1.594 1.594l5.558 1.051a1 1 0 0 1 0 1.966l-5.558 1.051a2 2 0 0 0-1.594 1.594l-1.051 5.558a1 1 0 0 1-1.966 0l-1.051-5.558a2 2 0 0 0-1.594-1.594l-5.558-1.051a1 1 0 0 1 0-1.966l5.558-1.051a2 2 0 0 0 1.594-1.594z`}],[`path`,{d:`M20 2v4`}],[`path`,{d:`M22 4h-4`}],[`circle`,{cx:`4`,cy:`20`,r:`2`}]];ua(e,ta({name:`sparkles`},()=>n,{get iconNode(){return r}}))}var Mo=new Set([`$$slots`,`$$events`,`$$legacy`]);function No(e,t){let n=$i(t,Mo),r=[[`rect`,{width:`18`,height:`18`,x:`3`,y:`3`,rx:`2`}]];ua(e,ta({name:`square`},()=>n,{get iconNode(){return r}}))}var Po=new Set([`$$slots`,`$$events`,`$$legacy`]);function Fo(e,t){let n=$i(t,Po),r=[[`circle`,{cx:`12`,cy:`12`,r:`4`}],[`path`,{d:`M12 2v2`}],[`path`,{d:`M12 20v2`}],[`path`,{d:`m4.93 4.93 1.41 1.41`}],[`path`,{d:`m17.66 17.66 1.41 1.41`}],[`path`,{d:`M2 12h2`}],[`path`,{d:`M20 12h2`}],[`path`,{d:`m6.34 17.66-1.41 1.41`}],[`path`,{d:`m19.07 4.93-1.41 1.41`}]];ua(e,ta({name:`sun`},()=>n,{get iconNode(){return r}}))}var Io=new Set([`$$slots`,`$$events`,`$$legacy`]);function Lo(e,t){let n=$i(t,Io),r=[[`path`,{d:`M11 17a4 4 0 0 1-8 0V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2Z`}],[`path`,{d:`M16.7 13H19a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2H7`}],[`path`,{d:`M 7 17h.01`}],[`path`,{d:`m11 8 2.3-2.3a2.4 2.4 0 0 1 3.404.004L18.6 7.6a2.4 2.4 0 0 1 .026 3.434L9.9 19.8`}]];ua(e,ta({name:`swatch-book`},()=>n,{get iconNode(){return r}}))}var Ro=new Set([`$$slots`,`$$events`,`$$legacy`]);function zo(e,t){let n=$i(t,Ro),r=[[`rect`,{width:`16`,height:`20`,x:`4`,y:`2`,rx:`2`,ry:`2`}],[`line`,{x1:`12`,x2:`12.01`,y1:`18`,y2:`18`}]];ua(e,ta({name:`tablet`},()=>n,{get iconNode(){return r}}))}var Bo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Vo(e,t){let n=$i(t,Bo),r=[[`path`,{d:`M10 11v6`}],[`path`,{d:`M14 11v6`}],[`path`,{d:`M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6`}],[`path`,{d:`M3 6h18`}],[`path`,{d:`M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2`}]];ua(e,ta({name:`trash-2`},()=>n,{get iconNode(){return r}}))}var Ho=new Set([`$$slots`,`$$events`,`$$legacy`]);function Uo(e,t){let n=$i(t,Ho),r=[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`}],[`path`,{d:`M12 9v4`}],[`path`,{d:`M12 17h.01`}]];ua(e,ta({name:`triangle-alert`},()=>n,{get iconNode(){return r}}))}var Wo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Go(e,t){let n=$i(t,Wo),r=[[`path`,{d:`M12 4v16`}],[`path`,{d:`M4 7V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2`}],[`path`,{d:`M9 20h6`}]];ua(e,ta({name:`type`},()=>n,{get iconNode(){return r}}))}var Ko=new Set([`$$slots`,`$$events`,`$$legacy`]);function qo(e,t){let n=$i(t,Ko),r=[[`path`,{d:`M9 14 4 9l5-5`}],[`path`,{d:`M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11`}]];ua(e,ta({name:`undo-2`},()=>n,{get iconNode(){return r}}))}var Jo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Yo(e,t){let n=$i(t,Jo),r=[[`path`,{d:`m18.84 12.25 1.72-1.71h-.02a5.004 5.004 0 0 0-.12-7.07 5.006 5.006 0 0 0-6.95 0l-1.72 1.71`}],[`path`,{d:`m5.17 11.75-1.71 1.71a5.004 5.004 0 0 0 .12 7.07 5.006 5.006 0 0 0 6.95 0l1.71-1.71`}],[`line`,{x1:`8`,x2:`8`,y1:`2`,y2:`5`}],[`line`,{x1:`2`,x2:`5`,y1:`8`,y2:`8`}],[`line`,{x1:`16`,x2:`16`,y1:`19`,y2:`22`}],[`line`,{x1:`19`,x2:`22`,y1:`16`,y2:`16`}]];ua(e,ta({name:`unlink`},()=>n,{get iconNode(){return r}}))}var Xo=new Set([`$$slots`,`$$events`,`$$legacy`]);function Zo(e,t){let n=$i(t,Xo),r=[[`path`,{d:`M12 3v12`}],[`path`,{d:`m17 8-5-5-5 5`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`}]];ua(e,ta({name:`upload`},()=>n,{get iconNode(){return r}}))}var Qo=new Set([`$$slots`,`$$events`,`$$legacy`]);function $o(e,t){let n=$i(t,Qo),r=[[`path`,{d:`M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z`}]];ua(e,ta({name:`zap`},()=>n,{get iconNode(){return r}}))}function es(e){return String(e).replace(/&/g,`&amp;`).replace(/</g,`&lt;`).replace(/>/g,`&gt;`).replace(/"/g,`&quot;`)}function ts(e){return`<span class="pv-swatch-label">${es(e)}</span>`}function ns(e,t){return`<div class="sf-stack sf-stack--xs sf-stack--center pv-center-text">${t}${ts(e)}</div>`}function rs(e,t){return`<div class="sf-stack sf-stack--xs pv-center-text">${t}${ts(e)}</div>`}function is(e,t,n){let r=n?`<p class="pv-secondary">${es(n)}</p>`:``;return`<section class="sf-stack sf-stack--m" data-pv-section="${es(e)}">
   <div class="pv-eyebrow">${es(e)}</div>
   ${r}
   ${t}
@@ -128,9 +128,9 @@ var e=Array.isArray,t=Array.prototype.indexOf,n=Array.prototype.includes,r=Array
     .pv-motion-tile{inline-size:100%;block-size:56px;background:var(--sf-gradient-primary);border-radius:var(--sf-radius-m);animation-iteration-count:infinite !important;animation-direction:alternate !important;}
     /* Tinted card variants (demo-only; unlayered so they beat .sf-card's layer) */
     .pv-card--primary{background:var(--sf-color-primary);color:var(--sf-color-text--on-primary);}
-    .pv-card--soft{background:var(--sf-color-primary-100);color:var(--sf-color-primary-700);}`}var Ys=[{id:`color`,label:`Color`,build:Es},{id:`type`,label:`Type`,build:Ds},{id:`space`,label:`Spacing`,build:Os},{id:`borders`,label:`Borders`,build:ks},{id:`shadows`,label:`Shadows`,build:As},{id:`effects`,label:`Effects`,build:js},{id:`motion`,label:`Motion`,build:Ms},{id:`layout`,label:`Layout`,build:Ns},{id:`components`,label:`Components`,build:Is},{id:`macros`,label:`Macros`,build:Rs},{id:`advanced`,label:`All / API`,build:Bs}],Xs=new Map(Ys.map(e=>[e.id,e]));function Zs(e){return(Xs.get(e)??Ys[0]).build()}var Qs={colors:`color`,typography:`type`,spacing:`space`,borders:`borders`,depth:`shadows`,motion:`motion`,layout:`layout`,components:`components`,macros:`macros`,misc:`macros`,themes:`color`,wcag:`color`,cheatsheet:`advanced`},$s=`slashed-studio-theme`;function ec(){try{let e=localStorage.getItem($s);return e===`light`||e===`dark`?e:null}catch{return null}}function tc(){return typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}var nc=ec(),rc=nc===null,ic=Qt({value:nc??tc()}),ac=null;function oc(){ac?.classList.toggle(`dark`,ic.value===`dark`)}function sc(e){ac=e,oc()}function cc(e){rc=!1;try{localStorage.setItem($s,e)}catch{}ic.value=e,oc()}function lc(){cc(ic.value===`dark`?`light`:`dark`)}function uc(e){rc=!1,ic.value=e,oc()}if(typeof matchMedia<`u`){let e=matchMedia(`(prefers-color-scheme: dark)`),t=e=>{rc&&(ic.value=e.matches?`dark`:`light`,oc())};typeof e.addEventListener==`function`?e.addEventListener(`change`,t):typeof e.addListener==`function`&&e.addListener(t)}var dc=Uint8Array,fc=Uint16Array,pc=Int32Array,mc=new dc([0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0]),hc=new dc([0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0]),gc=new dc([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),_c=function(e,t){for(var n=new fc(31),r=0;r<31;++r)n[r]=t+=1<<e[r-1];for(var i=new pc(n[30]),r=1;r<30;++r)for(var a=n[r];a<n[r+1];++a)i[a]=a-n[r]<<5|r;return{b:n,r:i}},vc=_c(mc,2),yc=vc.b,bc=vc.r;yc[28]=258,bc[258]=28;for(var xc=_c(hc,0),Sc=xc.b,Cc=xc.r,wc=new fc(32768),Tc=0;Tc<32768;++Tc){var Ec=(Tc&43690)>>1|(Tc&21845)<<1;Ec=(Ec&52428)>>2|(Ec&13107)<<2,Ec=(Ec&61680)>>4|(Ec&3855)<<4,wc[Tc]=((Ec&65280)>>8|(Ec&255)<<8)>>1}for(var Dc=(function(e,t,n){for(var r=e.length,i=0,a=new fc(t);i<r;++i)e[i]&&++a[e[i]-1];var o=new fc(t);for(i=1;i<t;++i)o[i]=o[i-1]+a[i-1]<<1;var s;if(n){s=new fc(1<<t);var c=15-t;for(i=0;i<r;++i)if(e[i])for(var l=i<<4|e[i],u=t-e[i],d=o[e[i]-1]++<<u,f=d|(1<<u)-1;d<=f;++d)s[wc[d]>>c]=l}else for(s=new fc(r),i=0;i<r;++i)e[i]&&(s[i]=wc[o[e[i]-1]++]>>15-e[i]);return s}),Oc=new dc(288),Tc=0;Tc<144;++Tc)Oc[Tc]=8;for(var Tc=144;Tc<256;++Tc)Oc[Tc]=9;for(var Tc=256;Tc<280;++Tc)Oc[Tc]=7;for(var Tc=280;Tc<288;++Tc)Oc[Tc]=8;for(var kc=new dc(32),Tc=0;Tc<32;++Tc)kc[Tc]=5;var Ac=Dc(Oc,9,0),jc=Dc(Oc,9,1),Mc=Dc(kc,5,0),Nc=Dc(kc,5,1),Pc=function(e){for(var t=e[0],n=1;n<e.length;++n)e[n]>t&&(t=e[n]);return t},Fc=function(e,t,n){var r=t/8|0;return(e[r]|e[r+1]<<8)>>(t&7)&n},Ic=function(e,t){var n=t/8|0;return(e[n]|e[n+1]<<8|e[n+2]<<16)>>(t&7)},Lc=function(e){return(e+7)/8|0},Rc=function(e,t,n){return(t==null||t<0)&&(t=0),(n==null||n>e.length)&&(n=e.length),new dc(e.subarray(t,n))},zc=[`unexpected EOF`,`invalid block type`,`invalid length/literal`,`invalid distance`,`stream finished`,`no stream handler`,,`no callback`,`invalid UTF-8 data`,`extra field too long`,`date not in range 1980-2099`,`filename too long`,`stream finishing`,`invalid zip data`],Bc=function(e,t,n){var r=Error(t||zc[e]);if(r.code=e,Error.captureStackTrace&&Error.captureStackTrace(r,Bc),!n)throw r;return r},Vc=function(e,t,n,r){var i=e.length,a=r?r.length:0;if(!i||t.f&&!t.l)return n||new dc(0);var o=!n,s=o||t.i!=2,c=t.i;o&&(n=new dc(i*3));var l=function(e){var t=n.length;if(e>t){var r=new dc(Math.max(t*2,e));r.set(n),n=r}},u=t.f||0,d=t.p||0,f=t.b||0,p=t.l,m=t.d,h=t.m,g=t.n,_=i*8;do{if(!p){u=Fc(e,d,1);var v=Fc(e,d+1,3);if(d+=3,!v){var y=Lc(d)+4,b=e[y-4]|e[y-3]<<8,x=y+b;if(x>i){c&&Bc(0);break}s&&l(f+b),n.set(e.subarray(y,x),f),t.b=f+=b,t.p=d=x*8,t.f=u;continue}else if(v==1)p=jc,m=Nc,h=9,g=5;else if(v==2){var S=Fc(e,d,31)+257,C=Fc(e,d+10,15)+4,w=S+Fc(e,d+5,31)+1;d+=14;for(var T=new dc(w),E=new dc(19),D=0;D<C;++D)E[gc[D]]=Fc(e,d+D*3,7);d+=C*3;for(var O=Pc(E),k=(1<<O)-1,A=Dc(E,O,1),D=0;D<w;){var j=A[Fc(e,d,k)];d+=j&15;var y=j>>4;if(y<16)T[D++]=y;else{var M=0,ee=0;for(y==16?(ee=3+Fc(e,d,3),d+=2,M=T[D-1]):y==17?(ee=3+Fc(e,d,7),d+=3):y==18&&(ee=11+Fc(e,d,127),d+=7);ee--;)T[D++]=M}}var te=T.subarray(0,S),ne=T.subarray(S);h=Pc(te),g=Pc(ne),p=Dc(te,h,1),m=Dc(ne,g,1)}else Bc(1);if(d>_){c&&Bc(0);break}}s&&l(f+131072);for(var re=(1<<h)-1,ie=(1<<g)-1,ae=d;;ae=d){var M=p[Ic(e,d)&re],oe=M>>4;if(d+=M&15,d>_){c&&Bc(0);break}if(M||Bc(2),oe<256)n[f++]=oe;else if(oe==256){ae=d,p=null;break}else{var N=oe-254;if(oe>264){var D=oe-257,se=mc[D];N=Fc(e,d,(1<<se)-1)+yc[D],d+=se}var ce=m[Ic(e,d)&ie],le=ce>>4;ce||Bc(3),d+=ce&15;var ne=Sc[le];if(le>3){var se=hc[le];ne+=Ic(e,d)&(1<<se)-1,d+=se}if(d>_){c&&Bc(0);break}s&&l(f+131072);var ue=f+N;if(f<ne){var de=a-ne,fe=Math.min(ne,ue);for(de+f<0&&Bc(3);f<fe;++f)n[f]=r[de+f]}for(;f<ue;++f)n[f]=n[f-ne]}}t.l=p,t.p=ae,t.b=f,t.f=u,p&&(u=1,t.m=h,t.d=m,t.n=g)}while(!u);return f!=n.length&&o?Rc(n,0,f):n.subarray(0,f)},Hc=function(e,t,n){n<<=t&7;var r=t/8|0;e[r]|=n,e[r+1]|=n>>8},Uc=function(e,t,n){n<<=t&7;var r=t/8|0;e[r]|=n,e[r+1]|=n>>8,e[r+2]|=n>>16},Wc=function(e,t){for(var n=[],r=0;r<e.length;++r)e[r]&&n.push({s:r,f:e[r]});var i=n.length,a=n.slice();if(!i)return{t:Zc,l:0};if(i==1){var o=new dc(n[0].s+1);return o[n[0].s]=1,{t:o,l:1}}n.sort(function(e,t){return e.f-t.f}),n.push({s:-1,f:25001});var s=n[0],c=n[1],l=0,u=1,d=2;for(n[0]={s:-1,f:s.f+c.f,l:s,r:c};u!=i-1;)s=n[n[l].f<n[d].f?l++:d++],c=n[l!=u&&n[l].f<n[d].f?l++:d++],n[u++]={s:-1,f:s.f+c.f,l:s,r:c};for(var f=a[0].s,r=1;r<i;++r)a[r].s>f&&(f=a[r].s);var p=new fc(f+1),m=Gc(n[u-1],p,0);if(m>t){var r=0,h=0,g=m-t,_=1<<g;for(a.sort(function(e,t){return p[t.s]-p[e.s]||e.f-t.f});r<i;++r){var v=a[r].s;if(p[v]>t)h+=_-(1<<m-p[v]),p[v]=t;else break}for(h>>=g;h>0;){var y=a[r].s;p[y]<t?h-=1<<t-p[y]++-1:++r}for(;r>=0&&h;--r){var b=a[r].s;p[b]==t&&(--p[b],++h)}m=t}return{t:new dc(p),l:m}},Gc=function(e,t,n){return e.s==-1?Math.max(Gc(e.l,t,n+1),Gc(e.r,t,n+1)):t[e.s]=n},Kc=function(e){for(var t=e.length;t&&!e[--t];);for(var n=new fc(++t),r=0,i=e[0],a=1,o=function(e){n[r++]=e},s=1;s<=t;++s)if(e[s]==i&&s!=t)++a;else{if(!i&&a>2){for(;a>138;a-=138)o(32754);a>2&&(o(a>10?a-11<<5|28690:a-3<<5|12305),a=0)}else if(a>3){for(o(i),--a;a>6;a-=6)o(8304);a>2&&(o(a-3<<5|8208),a=0)}for(;a--;)o(i);a=1,i=e[s]}return{c:n.subarray(0,r),n:t}},qc=function(e,t){for(var n=0,r=0;r<t.length;++r)n+=e[r]*t[r];return n},Jc=function(e,t,n){var r=n.length,i=Lc(t+2);e[i]=r&255,e[i+1]=r>>8,e[i+2]=e[i]^255,e[i+3]=e[i+1]^255;for(var a=0;a<r;++a)e[i+a+4]=n[a];return(i+4+r)*8},Yc=function(e,t,n,r,i,a,o,s,c,l,u){Hc(t,u++,n),++i[256];for(var d=Wc(i,15),f=d.t,p=d.l,m=Wc(a,15),h=m.t,g=m.l,_=Kc(f),v=_.c,y=_.n,b=Kc(h),x=b.c,S=b.n,C=new fc(19),w=0;w<v.length;++w)++C[v[w]&31];for(var w=0;w<x.length;++w)++C[x[w]&31];for(var T=Wc(C,7),E=T.t,D=T.l,O=19;O>4&&!E[gc[O-1]];--O);var k=l+5<<3,A=qc(i,Oc)+qc(a,kc)+o,j=qc(i,f)+qc(a,h)+o+14+3*O+qc(C,E)+2*C[16]+3*C[17]+7*C[18];if(c>=0&&k<=A&&k<=j)return Jc(t,u,e.subarray(c,c+l));var M,ee,te,ne;if(Hc(t,u,1+(j<A)),u+=2,j<A){M=Dc(f,p,0),ee=f,te=Dc(h,g,0),ne=h;var re=Dc(E,D,0);Hc(t,u,y-257),Hc(t,u+5,S-1),Hc(t,u+10,O-4),u+=14;for(var w=0;w<O;++w)Hc(t,u+3*w,E[gc[w]]);u+=3*O;for(var ie=[v,x],ae=0;ae<2;++ae)for(var oe=ie[ae],w=0;w<oe.length;++w){var N=oe[w]&31;Hc(t,u,re[N]),u+=E[N],N>15&&(Hc(t,u,oe[w]>>5&127),u+=oe[w]>>12)}}else M=Ac,ee=Oc,te=Mc,ne=kc;for(var w=0;w<s;++w){var se=r[w];if(se>255){var N=se>>18&31;Uc(t,u,M[N+257]),u+=ee[N+257],N>7&&(Hc(t,u,se>>23&31),u+=mc[N]);var ce=se&31;Uc(t,u,te[ce]),u+=ne[ce],ce>3&&(Uc(t,u,se>>5&8191),u+=hc[ce])}else Uc(t,u,M[se]),u+=ee[se]}return Uc(t,u,M[256]),u+ee[256]},Xc=new pc([65540,131080,131088,131104,262176,1048704,1048832,2114560,2117632]),Zc=new dc(0),Qc=function(e,t,n,r,i,a){var o=a.z||e.length,s=new dc(r+o+5*(1+Math.ceil(o/7e3))+i),c=s.subarray(r,s.length-i),l=a.l,u=(a.r||0)&7;if(t){u&&(c[0]=a.r>>3);for(var d=Xc[t-1],f=d>>13,p=d&8191,m=(1<<n)-1,h=a.p||new fc(32768),g=a.h||new fc(m+1),_=Math.ceil(n/3),v=2*_,y=function(t){return(e[t]^e[t+1]<<_^e[t+2]<<v)&m},b=new pc(25e3),x=new fc(288),S=new fc(32),C=0,w=0,T=a.i||0,E=0,D=a.w||0,O=0;T+2<o;++T){var k=y(T),A=T&32767,j=g[k];if(h[A]=j,g[k]=A,D<=T){var M=o-T;if((C>7e3||E>24576)&&(M>423||!l)){u=Yc(e,c,0,b,x,S,w,E,O,T-O,u),E=C=w=0,O=T;for(var ee=0;ee<286;++ee)x[ee]=0;for(var ee=0;ee<30;++ee)S[ee]=0}var te=2,ne=0,re=p,ie=A-j&32767;if(M>2&&k==y(T-ie))for(var ae=Math.min(f,M)-1,oe=Math.min(32767,T),N=Math.min(258,M);ie<=oe&&--re&&A!=j;){if(e[T+te]==e[T+te-ie]){for(var se=0;se<N&&e[T+se]==e[T+se-ie];++se);if(se>te){if(te=se,ne=ie,se>ae)break;for(var ce=Math.min(ie,se-2),le=0,ee=0;ee<ce;++ee){var ue=T-ie+ee&32767,de=ue-h[ue]&32767;de>le&&(le=de,j=ue)}}}A=j,j=h[A],ie+=A-j&32767}if(ne){b[E++]=268435456|bc[te]<<18|Cc[ne];var fe=bc[te]&31,pe=Cc[ne]&31;w+=mc[fe]+hc[pe],++x[257+fe],++S[pe],D=T+te,++C}else b[E++]=e[T],++x[e[T]]}}for(T=Math.max(T,D);T<o;++T)b[E++]=e[T],++x[e[T]];u=Yc(e,c,l,b,x,S,w,E,O,T-O,u),l||(a.r=u&7|c[u/8|0]<<3,u-=7,a.h=g,a.p=h,a.i=T,a.w=D)}else{for(var T=a.w||0;T<o+l;T+=65535){var me=T+65535;me>=o&&(c[u/8|0]=l,me=o),u=Jc(c,u+1,e.subarray(T,me))}a.i=o}return Rc(s,0,r+Lc(u)+i)},$c=function(e,t,n,r,i){if(!i&&(i={l:1},t.dictionary)){var a=t.dictionary.subarray(-32768),o=new dc(a.length+e.length);o.set(a),o.set(e,a.length),e=o,i.w=a.length}return Qc(e,t.level==null?6:t.level,t.mem==null?i.l?Math.ceil(Math.max(8,Math.min(13,Math.log(e.length)))*1.5):20:12+t.mem,n,r,i)};function el(e,t){return $c(e,t||{},0,0)}function tl(e,t){return Vc(e,{i:2},t&&t.out,t&&t.dictionary)}var nl=typeof TextDecoder<`u`&&new TextDecoder;try{nl.decode(Zc,{stream:!0})}catch{}var rl={_meta:{generatedBy:`scripts/gen-token-registry.js`,nextId:804},tokens:[{id:0,name:`--sf-alternate-gap`},{id:1,name:`--sf-alternate-inner-gap`},{id:2,name:`--sf-animation-blink`},{id:3,name:`--sf-animation-color-pulse`},{id:4,name:`--sf-animation-delay-1`,removed:!0},{id:5,name:`--sf-animation-delay-2`,removed:!0},{id:6,name:`--sf-animation-delay-3`,removed:!0},{id:7,name:`--sf-animation-delay-4`,removed:!0},{id:8,name:`--sf-animation-delay-5`,removed:!0},{id:9,name:`--sf-animation-fade-in`},{id:10,name:`--sf-animation-fade-out`},{id:11,name:`--sf-animation-float`},{id:12,name:`--sf-animation-ping`},{id:13,name:`--sf-animation-scale-down`},{id:14,name:`--sf-animation-scale-up`},{id:15,name:`--sf-animation-shimmer`},{id:16,name:`--sf-animation-slide-in-down`},{id:17,name:`--sf-animation-slide-in-left`},{id:18,name:`--sf-animation-slide-in-right`},{id:19,name:`--sf-animation-slide-in-up`},{id:20,name:`--sf-animation-spin`},{id:21,name:`--sf-aspect`,removed:!0},{id:22,name:`--sf-bento-cols-default`},{id:23,name:`--sf-bento-gap`},{id:24,name:`--sf-bento-row-compact`},{id:25,name:`--sf-bento-row-default`},{id:26,name:`--sf-bento-row-tall`},{id:27,name:`--sf-blur`},{id:28,name:`--sf-body-color`},{id:29,name:`--sf-body-em-style`},{id:30,name:`--sf-body-font-family`},{id:31,name:`--sf-body-font-size`},{id:32,name:`--sf-body-font-weight`},{id:33,name:`--sf-body-line-height`},{id:34,name:`--sf-body-strong-weight`},{id:35,name:`--sf-body-text-wrap`},{id:36,name:`--sf-border`},{id:37,name:`--sf-border-scale`},{id:38,name:`--sf-border-strong`},{id:39,name:`--sf-border-style`},{id:40,name:`--sf-border-subtle`},{id:41,name:`--sf-border-width-1`},{id:42,name:`--sf-border-width-2`},{id:43,name:`--sf-border-width-3`},{id:44,name:`--sf-border-width-4`},{id:45,name:`--sf-border-width-hairline`},{id:46,name:`--sf-box-border-color`},{id:47,name:`--sf-box-border-width`},{id:48,name:`--sf-box-padding`},{id:49,name:`--sf-breakout-width`},{id:50,name:`--sf-button-padding-block`,removed:!0},{id:51,name:`--sf-button-padding-inline`,removed:!0},{id:52,name:`--sf-button-radius`,removed:!0},{id:53,name:`--sf-color-caret`},{id:54,name:`--sf-center-gutter`},{id:55,name:`--sf-center-max`},{id:56,name:`--sf-cluster-align`},{id:57,name:`--sf-cluster-gap`},{id:58,name:`--sf-cluster-justify`},{id:59,name:`--sf-code-font-size`},{id:60,name:`--sf-color-action`},{id:61,name:`--sf-color-action--active`},{id:62,name:`--sf-color-action--hover`},{id:63,name:`--sf-color-action-100`},{id:64,name:`--sf-color-action-200`},{id:65,name:`--sf-color-action-300`},{id:66,name:`--sf-color-action-400`},{id:67,name:`--sf-color-action-50`},{id:68,name:`--sf-color-action-500`},{id:69,name:`--sf-color-action-600`},{id:70,name:`--sf-color-action-700`},{id:71,name:`--sf-color-action-800`},{id:72,name:`--sf-color-action-900`},{id:73,name:`--sf-color-action-950`},{id:74,name:`--sf-color-action-a10`},{id:75,name:`--sf-color-action-a30`},{id:76,name:`--sf-color-action-a5`},{id:77,name:`--sf-color-action-a50`},{id:78,name:`--sf-color-action-a80`},{id:79,name:`--sf-color-action-source-dark`},{id:80,name:`--sf-color-action-darker`},{id:81,name:`--sf-color-action-ghost`,removed:!0},{id:82,name:`--sf-color-action-source-light`},{id:83,name:`--sf-color-action-lighter`},{id:84,name:`--sf-color-action-muted`},{id:85,name:`--sf-color-action-subtle`},{id:86,name:`--sf-color-action-superdark`},{id:87,name:`--sf-color-action-superlight`},{id:88,name:`--sf-color-action-xdark`},{id:89,name:`--sf-color-action-xlight`},{id:90,name:`--sf-color-base`},{id:91,name:`--sf-color-base--active`},{id:92,name:`--sf-color-base--hover`},{id:93,name:`--sf-color-base-100`},{id:94,name:`--sf-color-base-200`},{id:95,name:`--sf-color-base-300`},{id:96,name:`--sf-color-base-400`},{id:97,name:`--sf-color-base-50`},{id:98,name:`--sf-color-base-500`},{id:99,name:`--sf-color-base-600`},{id:100,name:`--sf-color-base-700`},{id:101,name:`--sf-color-base-800`},{id:102,name:`--sf-color-base-900`},{id:103,name:`--sf-color-base-950`},{id:104,name:`--sf-color-base-a10`},{id:105,name:`--sf-color-base-a30`},{id:106,name:`--sf-color-base-a5`},{id:107,name:`--sf-color-base-a50`},{id:108,name:`--sf-color-base-a80`},{id:109,name:`--sf-color-base-source-dark`},{id:110,name:`--sf-color-base-darker`,removed:!0},{id:111,name:`--sf-color-base-ghost`,removed:!0},{id:112,name:`--sf-color-base-source-light`},{id:113,name:`--sf-color-base-lighter`,removed:!0},{id:114,name:`--sf-color-base-muted`},{id:115,name:`--sf-color-base-subtle`},{id:116,name:`--sf-color-base-superdark`,removed:!0},{id:117,name:`--sf-color-base-superlight`,removed:!0},{id:118,name:`--sf-color-base-xdark`,removed:!0},{id:119,name:`--sf-color-base-xlight`,removed:!0},{id:120,name:`--sf-color-bg`},{id:121,name:`--sf-color-bg--active`},{id:122,name:`--sf-color-bg--disabled`},{id:123,name:`--sf-color-bg--focus`},{id:124,name:`--sf-color-bg--hover`},{id:125,name:`--sf-color-bg--selected`},{id:126,name:`--sf-color-black`},{id:127,name:`--sf-color-border`},{id:128,name:`--sf-color-border--disabled`},{id:129,name:`--sf-color-border--focus`},{id:130,name:`--sf-color-border--strong`},{id:131,name:`--sf-color-border--subtle`},{id:132,name:`--sf-color-border--translucent`},{id:133,name:`--sf-color-code-bg`},{id:134,name:`--sf-color-code-text`},{id:135,name:`--sf-color-danger`},{id:136,name:`--sf-color-danger-source-dark`},{id:137,name:`--sf-color-danger-source-light`},{id:138,name:`--sf-color-danger-muted`},{id:139,name:`--sf-color-danger-strong`},{id:140,name:`--sf-color-danger-subtle`},{id:141,name:`--sf-color-dim`},{id:142,name:`--sf-color-error`,removed:!0},{id:143,name:`--sf-color-error-dark`,removed:!0},{id:144,name:`--sf-color-error-light`,removed:!0},{id:145,name:`--sf-color-error-muted`,removed:!0},{id:146,name:`--sf-color-error-strong`,removed:!0},{id:147,name:`--sf-color-error-subtle`,removed:!0},{id:148,name:`--sf-color-heading`},{id:149,name:`--sf-color-info`},{id:150,name:`--sf-color-info-source-dark`},{id:151,name:`--sf-color-info-source-light`},{id:152,name:`--sf-color-info-muted`},{id:153,name:`--sf-color-info-strong`},{id:154,name:`--sf-color-info-subtle`},{id:155,name:`--sf-color-inset`},{id:156,name:`--sf-color-inverse`},{id:157,name:`--sf-color-link`},{id:158,name:`--sf-color-link--active`},{id:159,name:`--sf-color-link--disabled`},{id:160,name:`--sf-color-link--hover`},{id:161,name:`--sf-color-link--underline`},{id:162,name:`--sf-color-link--visited`},{id:163,name:`--sf-color-mark-bg`},{id:164,name:`--sf-color-mark-text`},{id:165,name:`--sf-color-neutral`},{id:166,name:`--sf-color-neutral--active`},{id:167,name:`--sf-color-neutral--hover`},{id:168,name:`--sf-color-neutral-100`},{id:169,name:`--sf-color-neutral-200`},{id:170,name:`--sf-color-neutral-300`},{id:171,name:`--sf-color-neutral-400`},{id:172,name:`--sf-color-neutral-50`},{id:173,name:`--sf-color-neutral-500`},{id:174,name:`--sf-color-neutral-600`},{id:175,name:`--sf-color-neutral-700`},{id:176,name:`--sf-color-neutral-800`},{id:177,name:`--sf-color-neutral-900`},{id:178,name:`--sf-color-neutral-950`},{id:179,name:`--sf-color-neutral-a10`},{id:180,name:`--sf-color-neutral-a30`},{id:181,name:`--sf-color-neutral-a5`},{id:182,name:`--sf-color-neutral-a50`},{id:183,name:`--sf-color-neutral-a80`},{id:184,name:`--sf-color-neutral-source-dark`},{id:185,name:`--sf-color-neutral-darker`},{id:186,name:`--sf-color-neutral-ghost`,removed:!0},{id:187,name:`--sf-color-neutral-source-light`},{id:188,name:`--sf-color-neutral-lighter`},{id:189,name:`--sf-color-neutral-muted`},{id:190,name:`--sf-color-neutral-subtle`},{id:191,name:`--sf-color-neutral-superdark`},{id:192,name:`--sf-color-neutral-superlight`},{id:193,name:`--sf-color-neutral-xdark`},{id:194,name:`--sf-color-neutral-xlight`},{id:195,name:`--sf-color-overlay`},{id:196,name:`--sf-color-primary`},{id:197,name:`--sf-color-primary--active`},{id:198,name:`--sf-color-primary--hover`},{id:199,name:`--sf-color-primary-100`},{id:200,name:`--sf-color-primary-200`},{id:201,name:`--sf-color-primary-300`},{id:202,name:`--sf-color-primary-400`},{id:203,name:`--sf-color-primary-50`},{id:204,name:`--sf-color-primary-500`},{id:205,name:`--sf-color-primary-600`},{id:206,name:`--sf-color-primary-700`},{id:207,name:`--sf-color-primary-800`},{id:208,name:`--sf-color-primary-900`},{id:209,name:`--sf-color-primary-950`},{id:210,name:`--sf-color-primary-a10`},{id:211,name:`--sf-color-primary-a30`},{id:212,name:`--sf-color-primary-a5`},{id:213,name:`--sf-color-primary-a50`},{id:214,name:`--sf-color-primary-a80`},{id:215,name:`--sf-color-primary-source-dark`},{id:216,name:`--sf-color-primary-darker`},{id:217,name:`--sf-color-primary-ghost`,removed:!0},{id:218,name:`--sf-color-primary-source-light`},{id:219,name:`--sf-color-primary-lighter`},{id:220,name:`--sf-color-primary-muted`},{id:221,name:`--sf-color-primary-subtle`},{id:222,name:`--sf-color-primary-superdark`},{id:223,name:`--sf-color-primary-superlight`},{id:224,name:`--sf-color-primary-xdark`},{id:225,name:`--sf-color-primary-xlight`},{id:226,name:`--sf-color-raised`},{id:227,name:`--sf-color-scheme`},{id:228,name:`--sf-color-secondary`},{id:229,name:`--sf-color-secondary--active`},{id:230,name:`--sf-color-secondary--hover`},{id:231,name:`--sf-color-secondary-100`},{id:232,name:`--sf-color-secondary-200`},{id:233,name:`--sf-color-secondary-300`},{id:234,name:`--sf-color-secondary-400`},{id:235,name:`--sf-color-secondary-50`},{id:236,name:`--sf-color-secondary-500`},{id:237,name:`--sf-color-secondary-600`},{id:238,name:`--sf-color-secondary-700`},{id:239,name:`--sf-color-secondary-800`},{id:240,name:`--sf-color-secondary-900`},{id:241,name:`--sf-color-secondary-950`},{id:242,name:`--sf-color-secondary-a10`},{id:243,name:`--sf-color-secondary-a30`},{id:244,name:`--sf-color-secondary-a5`},{id:245,name:`--sf-color-secondary-a50`},{id:246,name:`--sf-color-secondary-a80`},{id:247,name:`--sf-color-secondary-source-dark`},{id:248,name:`--sf-color-secondary-darker`},{id:249,name:`--sf-color-secondary-ghost`,removed:!0},{id:250,name:`--sf-color-secondary-source-light`},{id:251,name:`--sf-color-secondary-lighter`},{id:252,name:`--sf-color-secondary-muted`},{id:253,name:`--sf-color-secondary-subtle`},{id:254,name:`--sf-color-secondary-superdark`},{id:255,name:`--sf-color-secondary-superlight`},{id:256,name:`--sf-color-secondary-xdark`},{id:257,name:`--sf-color-secondary-xlight`},{id:258,name:`--sf-color-selection-bg`},{id:259,name:`--sf-color-selection-text`},{id:260,name:`--sf-color-success`},{id:261,name:`--sf-color-success-source-dark`},{id:262,name:`--sf-color-success-source-light`},{id:263,name:`--sf-color-success-muted`},{id:264,name:`--sf-color-success-strong`},{id:265,name:`--sf-color-success-subtle`},{id:266,name:`--sf-color-surface`},{id:267,name:`--sf-color-tertiary`},{id:268,name:`--sf-color-tertiary--active`},{id:269,name:`--sf-color-tertiary--hover`},{id:270,name:`--sf-color-tertiary-100`},{id:271,name:`--sf-color-tertiary-200`},{id:272,name:`--sf-color-tertiary-300`},{id:273,name:`--sf-color-tertiary-400`},{id:274,name:`--sf-color-tertiary-50`},{id:275,name:`--sf-color-tertiary-500`},{id:276,name:`--sf-color-tertiary-600`},{id:277,name:`--sf-color-tertiary-700`},{id:278,name:`--sf-color-tertiary-800`},{id:279,name:`--sf-color-tertiary-900`},{id:280,name:`--sf-color-tertiary-950`},{id:281,name:`--sf-color-tertiary-a10`},{id:282,name:`--sf-color-tertiary-a30`},{id:283,name:`--sf-color-tertiary-a5`},{id:284,name:`--sf-color-tertiary-a50`},{id:285,name:`--sf-color-tertiary-a80`},{id:286,name:`--sf-color-tertiary-source-dark`},{id:287,name:`--sf-color-tertiary-darker`},{id:288,name:`--sf-color-tertiary-ghost`,removed:!0},{id:289,name:`--sf-color-tertiary-source-light`},{id:290,name:`--sf-color-tertiary-lighter`},{id:291,name:`--sf-color-tertiary-muted`},{id:292,name:`--sf-color-tertiary-subtle`},{id:293,name:`--sf-color-tertiary-superdark`},{id:294,name:`--sf-color-tertiary-superlight`},{id:295,name:`--sf-color-tertiary-xdark`},{id:296,name:`--sf-color-tertiary-xlight`},{id:297,name:`--sf-color-text`},{id:298,name:`--sf-color-text--disabled`},{id:299,name:`--sf-color-text--inverse`},{id:300,name:`--sf-color-text--muted`},{id:301,name:`--sf-color-text--on-action`},{id:302,name:`--sf-color-text--on-base`},{id:303,name:`--sf-color-text--on-danger`},{id:304,name:`--sf-color-text--on-error`,removed:!0},{id:305,name:`--sf-color-text--on-info`},{id:306,name:`--sf-color-text--on-inverse`},{id:307,name:`--sf-color-text--on-neutral`},{id:308,name:`--sf-color-text--on-primary`},{id:309,name:`--sf-color-text--on-secondary`},{id:310,name:`--sf-color-text--on-success`},{id:311,name:`--sf-color-text--on-tertiary`},{id:312,name:`--sf-color-text--on-warning`},{id:313,name:`--sf-color-text--placeholder`},{id:314,name:`--sf-color-text--secondary`,removed:!0},{id:315,name:`--sf-color-warning`},{id:316,name:`--sf-color-warning-source-dark`},{id:317,name:`--sf-color-warning-source-light`},{id:318,name:`--sf-color-warning-muted`},{id:319,name:`--sf-color-warning-strong`},{id:320,name:`--sf-color-warning-subtle`},{id:321,name:`--sf-color-white`},{id:322,name:`--sf-component-pad`},{id:323,name:`--sf-container-default`},{id:324,name:`--sf-container-full`},{id:325,name:`--sf-container-narrow`},{id:326,name:`--sf-container-prose`},{id:327,name:`--sf-container-wide`},{id:328,name:`--sf-content-gap`},{id:329,name:`--sf-content-intrinsic-size`},{id:330,name:`--sf-content-width`},{id:331,name:`--sf-contrast-bias`},{id:332,name:`--sf-contrast-threshold`},{id:333,name:`--sf-cover-min-height`},{id:334,name:`--sf-cover-padding`},{id:335,name:`--sf-current-font-weight`,removed:!0},{id:336,name:`--sf-display-l-line-height`},{id:337,name:`--sf-display-m-line-height`},{id:338,name:`--sf-display-s-line-height`},{id:339,name:`--sf-divider-color`},{id:340,name:`--sf-divider-gap`},{id:341,name:`--sf-divider-style`},{id:342,name:`--sf-divider-width`},{id:343,name:`--sf-drop-shadow-l`},{id:344,name:`--sf-drop-shadow-m`},{id:345,name:`--sf-drop-shadow-s`},{id:346,name:`--sf-duration-fast`},{id:347,name:`--sf-duration-instant`},{id:348,name:`--sf-duration-none`},{id:349,name:`--sf-duration-normal`},{id:350,name:`--sf-duration-slow`},{id:351,name:`--sf-duration-slower`},{id:352,name:`--sf-ease-bounce`},{id:353,name:`--sf-ease-elastic`},{id:354,name:`--sf-ease-in`},{id:355,name:`--sf-ease-in-out`},{id:356,name:`--sf-ease-linear`},{id:357,name:`--sf-ease-out`},{id:358,name:`--sf-ease-overshoot`},{id:359,name:`--sf-ease-spring`},{id:360,name:`--sf-equal-gap`},{id:361,name:`--sf-equal-min-col`},{id:362,name:`--sf-equal-min-col-2`,removed:!0},{id:363,name:`--sf-equal-min-col-3`,removed:!0},{id:364,name:`--sf-equal-min-col-4`,removed:!0},{id:365,name:`--sf-equal-min-col-6`,removed:!0},{id:366,name:`--sf-field-block`},{id:367,name:`--sf-field-padding-block`},{id:368,name:`--sf-field-padding-inline`},{id:369,name:`--sf-field-radius`},{id:370,name:`--sf-field-required-marker`},{id:371,name:`--sf-flow-space`},{id:372,name:`--sf-fluid-max-vw`},{id:373,name:`--sf-fluid-min-vw`},{id:374,name:`--sf-focus-ring-color`},{id:375,name:`--sf-focus-ring-offset`},{id:376,name:`--sf-focus-ring-shadow`},{id:377,name:`--sf-focus-ring-style`},{id:378,name:`--sf-focus-ring-width`},{id:379,name:`--sf-font-body`},{id:380,name:`--sf-font-display`},{id:381,name:`--sf-font-features`},{id:382,name:`--sf-font-geometric`,removed:!0},{id:383,name:`--sf-font-heading`},{id:384,name:`--sf-font-humanist`,removed:!0},{id:385,name:`--sf-font-mono`},{id:386,name:`--sf-font-numeric`},{id:387,name:`--sf-font-slab`,removed:!0},{id:388,name:`--sf-font-variation`},{id:389,name:`--sf-font-weight-body`},{id:390,name:`--sf-font-weight-bold`},{id:391,name:`--sf-font-weight-display`},{id:392,name:`--sf-font-weight-heading`},{id:393,name:`--sf-font-weight-interactive`},{id:394,name:`--sf-font-weight-light`},{id:395,name:`--sf-font-weight-medium`},{id:396,name:`--sf-font-weight-normal`},{id:397,name:`--sf-font-weight-semibold`},{id:398,name:`--sf-font-weight-strong`},{id:399,name:`--sf-frame-ratio`},{id:400,name:`--sf-gap`},{id:401,name:`--sf-gradient-brand`},{id:402,name:`--sf-gradient-fade--b`},{id:403,name:`--sf-gradient-fade--l`},{id:404,name:`--sf-gradient-fade--r`},{id:405,name:`--sf-gradient-fade--t`},{id:406,name:`--sf-gradient-primary`},{id:407,name:`--sf-gradient-secondary`},{id:408,name:`--sf-gradient-surface`},{id:409,name:`--sf-gradient-tertiary`},{id:410,name:`--sf-grid-gap`},{id:411,name:`--sf-grid-min`},{id:412,name:`--sf-grid-min-2xl`},{id:413,name:`--sf-grid-min-l`},{id:414,name:`--sf-grid-min-m`},{id:415,name:`--sf-grid-min-s`},{id:416,name:`--sf-grid-min-xl`},{id:417,name:`--sf-grid-min-xs`},{id:418,name:`--sf-gutter`},{id:419,name:`--sf-h1-font-weight`},{id:420,name:`--sf-h1-letter-spacing`},{id:421,name:`--sf-h1-line-height`},{id:422,name:`--sf-h1-max-width`},{id:423,name:`--sf-h1-size`},{id:424,name:`--sf-h2-font-weight`},{id:425,name:`--sf-h2-letter-spacing`},{id:426,name:`--sf-h2-line-height`},{id:427,name:`--sf-h2-max-width`},{id:428,name:`--sf-h2-size`},{id:429,name:`--sf-h3-font-weight`},{id:430,name:`--sf-h3-letter-spacing`},{id:431,name:`--sf-h3-line-height`},{id:432,name:`--sf-h3-max-width`},{id:433,name:`--sf-h3-size`},{id:434,name:`--sf-h4-font-weight`},{id:435,name:`--sf-h4-letter-spacing`},{id:436,name:`--sf-h4-line-height`},{id:437,name:`--sf-h4-max-width`},{id:438,name:`--sf-h4-size`},{id:439,name:`--sf-h5-font-weight`},{id:440,name:`--sf-h5-letter-spacing`},{id:441,name:`--sf-h5-line-height`},{id:442,name:`--sf-h5-max-width`},{id:443,name:`--sf-h5-size`},{id:444,name:`--sf-h6-font-weight`},{id:445,name:`--sf-h6-letter-spacing`},{id:446,name:`--sf-h6-line-height`},{id:447,name:`--sf-h6-max-width`},{id:448,name:`--sf-h6-size`},{id:449,name:`--sf-header-height`},{id:450,name:`--sf-header-height-desktop`},{id:451,name:`--sf-header-height-mobile`},{id:452,name:`--sf-heading-color`},{id:453,name:`--sf-heading-font-family`},{id:454,name:`--sf-heading-text-wrap`},{id:455,name:`--sf-icon-2xl`},{id:456,name:`--sf-icon-box-bg`},{id:457,name:`--sf-icon-box-border`},{id:458,name:`--sf-icon-box-pad`},{id:459,name:`--sf-icon-box-radius`},{id:460,name:`--sf-icon-l`},{id:461,name:`--sf-icon-m`},{id:462,name:`--sf-icon-s`},{id:463,name:`--sf-icon-xl`},{id:464,name:`--sf-icon-xs`},{id:465,name:`--sf-imposter-margin`},{id:466,name:`--sf-is-active`,removed:!0},{id:467,name:`--sf-is-current`,removed:!0},{id:468,name:`--sf-is-dark`},{id:469,name:`--sf-is-open`,removed:!0},{id:470,name:`--sf-is-pressed`,removed:!0},{id:471,name:`--sf-leading-normal`},{id:472,name:`--sf-leading-relaxed`},{id:473,name:`--sf-leading-snug`},{id:474,name:`--sf-leading-taper`},{id:475,name:`--sf-leading-tight`},{id:476,name:`--sf-line-clamp`},{id:477,name:`--sf-link-external-marker`},{id:478,name:`--sf-link-underline-offset`},{id:479,name:`--sf-link-underline-thickness`},{id:480,name:`--sf-lumlocker`},{id:481,name:`--sf-mask-scrim-end`},{id:482,name:`--sf-mask-scrim-start`},{id:483,name:`--sf-motion-scale`},{id:484,name:`--sf-object-fit`},{id:485,name:`--sf-object-position`},{id:486,name:`--sf-opacity-disabled`},{id:487,name:`--sf-opacity-muted`},{id:488,name:`--sf-optical-sizing`},{id:489,name:`--sf-palette-mix-100`,removed:!0},{id:490,name:`--sf-palette-mix-200`,removed:!0},{id:491,name:`--sf-palette-mix-300`,removed:!0},{id:492,name:`--sf-palette-mix-400`,removed:!0},{id:493,name:`--sf-palette-mix-50`,removed:!0},{id:494,name:`--sf-palette-mix-600`,removed:!0},{id:495,name:`--sf-palette-mix-700`,removed:!0},{id:496,name:`--sf-palette-mix-800`,removed:!0},{id:497,name:`--sf-palette-mix-900`,removed:!0},{id:498,name:`--sf-palette-mix-950`,removed:!0},{id:499,name:`--sf-print-base-size`,removed:!0},{id:500,name:`--sf-print-page-margin`,removed:!0},{id:501,name:`--sf-print-page-size`,removed:!0},{id:502,name:`--sf-prose-block-margin`},{id:503,name:`--sf-prose-blockquote-border`},{id:504,name:`--sf-prose-blockquote-padding`},{id:505,name:`--sf-prose-figcaption-size`},{id:506,name:`--sf-prose-figure-margin`},{id:507,name:`--sf-prose-heading-gap`},{id:508,name:`--sf-prose-hr-margin`},{id:509,name:`--sf-prose-list-gap`},{id:510,name:`--sf-prose-marker-color`},{id:511,name:`--sf-prose-media-margin`},{id:512,name:`--sf-prose-media-radius`},{id:513,name:`--sf-prose-nested-list-gap`},{id:514,name:`--sf-prose-paragraph`},{id:515,name:`--sf-prose-table-pad`},{id:516,name:`--sf-radius-2xl`},{id:517,name:`--sf-radius-2xs`},{id:518,name:`--sf-radius-3xl`},{id:519,name:`--sf-radius-4xl`},{id:520,name:`--sf-radius-full`},{id:521,name:`--sf-radius-l`},{id:522,name:`--sf-radius-m`},{id:523,name:`--sf-radius-none`},{id:524,name:`--sf-radius-outer`},{id:525,name:`--sf-radius-pill`},{id:526,name:`--sf-radius-s`},{id:527,name:`--sf-radius-scale`},{id:528,name:`--sf-radius-xl`},{id:529,name:`--sf-radius-xs`},{id:530,name:`--sf-ratio-3-2`},{id:531,name:`--sf-ratio-4-3`},{id:532,name:`--sf-ratio-cinema`},{id:533,name:`--sf-ratio-golden`},{id:534,name:`--sf-ratio-portrait`},{id:535,name:`--sf-ratio-square`},{id:536,name:`--sf-ratio-video`},{id:537,name:`--sf-reel-gap`},{id:538,name:`--sf-reel-height`},{id:539,name:`--sf-reel-item-width`},{id:540,name:`--sf-safe-bottom`},{id:541,name:`--sf-safe-left`},{id:542,name:`--sf-safe-right`},{id:543,name:`--sf-safe-top`},{id:544,name:`--sf-scrim-color`},{id:545,name:`--sf-scrim-direction`},{id:546,name:`--sf-scrim-gradient`},{id:547,name:`--sf-scrim-text-shadow`},{id:548,name:`--sf-scroll-shadow-size`},{id:549,name:`--sf-scroll-timeline-range-end`},{id:550,name:`--sf-scroll-timeline-range-start`},{id:551,name:`--sf-scrollbar-thumb`},{id:552,name:`--sf-scrollbar-track`},{id:553,name:`--sf-section-pad`},{id:554,name:`--sf-section-pad--2xl`},{id:555,name:`--sf-section-pad--l`},{id:556,name:`--sf-section-pad--m`},{id:557,name:`--sf-section-pad--s`},{id:558,name:`--sf-section-pad--xl`},{id:559,name:`--sf-section-pad--xs`},{id:560,name:`--sf-section-scale`},{id:561,name:`--sf-shadow-2xl`},{id:562,name:`--sf-shadow-color`},{id:563,name:`--sf-shadow-glow`},{id:564,name:`--sf-shadow-glow-color`},{id:565,name:`--sf-shadow-inner`},{id:566,name:`--sf-shadow-l`},{id:567,name:`--sf-shadow-lightness`},{id:568,name:`--sf-shadow-m`},{id:569,name:`--sf-shadow-none`},{id:570,name:`--sf-shadow-s`},{id:571,name:`--sf-shadow-strength`},{id:572,name:`--sf-shadow-xl`},{id:573,name:`--sf-shadow-xs`},{id:574,name:`--sf-sidebar-gap`},{id:575,name:`--sf-sidebar-min-width`},{id:576,name:`--sf-sidebar-width`},{id:577,name:`--sf-size-l`},{id:578,name:`--sf-size-m`},{id:579,name:`--sf-size-s`},{id:580,name:`--sf-size-xl`},{id:581,name:`--sf-size-xs`},{id:582,name:`--sf-space-2xl`},{id:583,name:`--sf-space-2xs`},{id:584,name:`--sf-space-3xl`},{id:585,name:`--sf-space-4xl`},{id:586,name:`--sf-space-base-max`},{id:587,name:`--sf-space-base-min`},{id:588,name:`--sf-space-l`},{id:589,name:`--sf-space-m`},{id:590,name:`--sf-space-none`},{id:591,name:`--sf-space-px`},{id:592,name:`--sf-space-ratio-max`},{id:593,name:`--sf-space-ratio-min`},{id:594,name:`--sf-space-s`},{id:595,name:`--sf-space-scale`},{id:596,name:`--sf-space-xl`},{id:597,name:`--sf-space-xs`},{id:598,name:`--sf-stack-gap`},{id:599,name:`--sf-state-pending-opacity`,removed:!0},{id:600,name:`--sf-sticky-offset`},{id:601,name:`--sf-sticky-offset-desktop`},{id:602,name:`--sf-sticky-offset-mobile`},{id:603,name:`--sf-surface-color`},{id:604,name:`--sf-switcher-gap`},{id:605,name:`--sf-switcher-threshold`},{id:606,name:`--sf-text-2xl`},{id:607,name:`--sf-text-2xl-font-weight`},{id:608,name:`--sf-text-2xl-letter-spacing`},{id:609,name:`--sf-text-2xl-line-height`},{id:610,name:`--sf-text-2xl-max-width`},{id:611,name:`--sf-text-2xs`},{id:612,name:`--sf-text-2xs-font-weight`},{id:613,name:`--sf-text-2xs-letter-spacing`},{id:614,name:`--sf-text-2xs-line-height`},{id:615,name:`--sf-text-2xs-max-width`},{id:616,name:`--sf-text-3xl`},{id:617,name:`--sf-text-3xl-font-weight`},{id:618,name:`--sf-text-3xl-letter-spacing`},{id:619,name:`--sf-text-3xl-line-height`},{id:620,name:`--sf-text-3xl-max-width`},{id:621,name:`--sf-text-4xl`},{id:622,name:`--sf-text-4xl-font-weight`},{id:623,name:`--sf-text-4xl-letter-spacing`},{id:624,name:`--sf-text-4xl-line-height`},{id:625,name:`--sf-text-4xl-max-width`},{id:626,name:`--sf-text-base-max`},{id:627,name:`--sf-text-base-min`},{id:628,name:`--sf-text-display-base-max`},{id:629,name:`--sf-text-display-base-min`},{id:630,name:`--sf-text-display-l`},{id:631,name:`--sf-text-display-m`},{id:632,name:`--sf-text-display-s`},{id:633,name:`--sf-text-display-scale`},{id:634,name:`--sf-text-l`},{id:635,name:`--sf-text-l-font-weight`},{id:636,name:`--sf-text-l-letter-spacing`},{id:637,name:`--sf-text-l-line-height`},{id:638,name:`--sf-text-l-max-width`},{id:639,name:`--sf-text-m`},{id:640,name:`--sf-text-m-font-weight`},{id:641,name:`--sf-text-m-letter-spacing`},{id:642,name:`--sf-text-m-line-height`},{id:643,name:`--sf-text-m-max-width`},{id:644,name:`--sf-text-ratio-max`},{id:645,name:`--sf-text-ratio-min`},{id:646,name:`--sf-text-s`},{id:647,name:`--sf-text-s-font-weight`},{id:648,name:`--sf-text-s-letter-spacing`},{id:649,name:`--sf-text-s-line-height`},{id:650,name:`--sf-text-s-max-width`},{id:651,name:`--sf-text-scale`},{id:652,name:`--sf-text-shadow-l`},{id:653,name:`--sf-text-shadow-m`},{id:654,name:`--sf-text-shadow-none`},{id:655,name:`--sf-text-shadow-s`},{id:656,name:`--sf-text-xl`},{id:657,name:`--sf-text-xl-font-weight`},{id:658,name:`--sf-text-xl-letter-spacing`},{id:659,name:`--sf-text-xl-line-height`},{id:660,name:`--sf-text-xl-max-width`},{id:661,name:`--sf-text-xs`},{id:662,name:`--sf-text-xs-font-weight`},{id:663,name:`--sf-text-xs-letter-spacing`},{id:664,name:`--sf-text-xs-line-height`},{id:665,name:`--sf-text-xs-max-width`},{id:666,name:`--sf-theme-transition-duration`},{id:667,name:`--sf-touch-target`},{id:668,name:`--sf-tracking-normal`},{id:669,name:`--sf-tracking-tight`},{id:670,name:`--sf-tracking-wide`},{id:671,name:`--sf-tracking-wider`},{id:672,name:`--sf-tracking-widest`},{id:673,name:`--sf-transition-colors`},{id:674,name:`--sf-transition-enter`},{id:675,name:`--sf-transition-exit`},{id:676,name:`--sf-transition-fast`},{id:677,name:`--sf-transition-form-field`},{id:678,name:`--sf-transition-opacity`},{id:679,name:`--sf-transition-overlay`},{id:680,name:`--sf-transition-shadow`},{id:681,name:`--sf-transition-slow`},{id:682,name:`--sf-transition-transform`},{id:683,name:`--sf-z-base`},{id:684,name:`--sf-z-below`},{id:685,name:`--sf-z-dropdown`},{id:686,name:`--sf-z-fixed`},{id:687,name:`--sf-z-modal`},{id:688,name:`--sf-z-overlay`},{id:689,name:`--sf-z-raised`},{id:690,name:`--sf-z-sticky`},{id:691,name:`--sf-z-toast`},{id:692,name:`--sf-z-tooltip`},{id:693,name:`--sf-bg-layer-fit`},{id:694,name:`--sf-bg-layer-inset`},{id:695,name:`--sf-bg-layer-position`},{id:696,name:`--sf-bg-layer-radius`},{id:697,name:`--sf-bg-layer-z`},{id:698,name:`--sf-btn-padding-block`},{id:699,name:`--sf-btn-padding-inline`},{id:700,name:`--sf-btn-radius`},{id:701,name:`--sf-equal-rule-color`},{id:702,name:`--sf-equal-rule-style`},{id:703,name:`--sf-equal-rule-width`},{id:704,name:`--sf-boxed-bg`,removed:!0},{id:705,name:`--sf-boxed-border-color`,removed:!0},{id:706,name:`--sf-boxed-border-width`,removed:!0},{id:707,name:`--sf-boxed-padding`,removed:!0},{id:708,name:`--sf-boxed-radius`,removed:!0},{id:709,name:`--sf-boxed-shadow`,removed:!0},{id:710,name:`--sf-corner-scoop-at`,removed:!0},{id:711,name:`--sf-corner-scoop-size`,removed:!0},{id:712,name:`--sf-corners-end-end`,removed:!0},{id:713,name:`--sf-corners-end-start`,removed:!0},{id:714,name:`--sf-corners-start-end`,removed:!0},{id:715,name:`--sf-corners-start-start`,removed:!0},{id:716,name:`--sf-overlap-pull`,removed:!0},{id:717,name:`--sf-btn-border-width`},{id:718,name:`--sf-btn-font-size`},{id:719,name:`--sf-btn-font-weight`},{id:720,name:`--sf-btn-gap`},{id:721,name:`--sf-btn-min-height`},{id:722,name:`--sf-card-bg`},{id:723,name:`--sf-card-border-color`},{id:724,name:`--sf-card-border-width`},{id:725,name:`--sf-card-btn-font-size`,removed:!0},{id:726,name:`--sf-card-gap`},{id:727,name:`--sf-card-heading-size`},{id:728,name:`--sf-card-media-radius`},{id:729,name:`--sf-card-media-ratio`},{id:730,name:`--sf-card-padding`},{id:731,name:`--sf-card-radius`},{id:732,name:`--sf-card-radius-outer`},{id:733,name:`--sf-card-shadow`},{id:734,name:`--sf-card-shadow--elevated`},{id:735,name:`--sf-card-shadow--hover`},{id:736,name:`--sf-animation-slide-out-down`},{id:737,name:`--sf-animation-slide-out-left`},{id:738,name:`--sf-animation-slide-out-right`},{id:739,name:`--sf-animation-slide-out-up`},{id:740,name:`--sf-color-selection-bg--alt`},{id:741,name:`--sf-color-selection-text--alt`},{id:742,name:`--sf-media-radius`},{id:743,name:`--sf-scroll-timeline-range-exit-end`},{id:744,name:`--sf-scroll-timeline-range-exit-start`},{id:745,name:`--sf-drop-shadow-xl`},{id:746,name:`--sf-drop-shadow-xs`},{id:747,name:`--sf-link-external-label`},{id:748,name:`--sf-text-shadow-xl`},{id:749,name:`--sf-text-shadow-xs`},{id:750,name:`--sf-fluid-width`},{id:751,name:`--sf-surface-bg-animation`},{id:752,name:`--sf-surface-bg-attachment`},{id:753,name:`--sf-surface-bg-color`},{id:754,name:`--sf-surface-bg-image`},{id:755,name:`--sf-surface-bg-overlay`},{id:756,name:`--sf-surface-bg-position`},{id:757,name:`--sf-surface-bg-repeat`},{id:758,name:`--sf-surface-bg-size`},{id:759,name:`--sf-card-avatar-size`},{id:760,name:`--sf-color-action-tint`},{id:761,name:`--sf-color-base-tint`},{id:762,name:`--sf-color-danger-tint`},{id:763,name:`--sf-color-info-tint`},{id:764,name:`--sf-color-neutral-tint`},{id:765,name:`--sf-color-primary-tint`},{id:766,name:`--sf-color-secondary-tint`},{id:767,name:`--sf-color-success-tint`},{id:768,name:`--sf-color-tertiary-tint`},{id:769,name:`--sf-color-warning-tint`},{id:770,name:`--sf-gradient-action`},{id:771,name:`--sf-btn-font-scale`},{id:772,name:`--sf-btn-l-font-size`},{id:773,name:`--sf-btn-m-font-size`},{id:774,name:`--sf-btn-s-font-size`},{id:775,name:`--sf-btn-xl-font-size`},{id:776,name:`--sf-btn-xs-font-size`},{id:777,name:`--sf-btn-l-min-height`},{id:778,name:`--sf-btn-l-padding-block`},{id:779,name:`--sf-btn-l-padding-inline`},{id:780,name:`--sf-btn-m-min-height`},{id:781,name:`--sf-btn-m-padding-block`},{id:782,name:`--sf-btn-m-padding-inline`},{id:783,name:`--sf-btn-s-min-height`},{id:784,name:`--sf-btn-s-padding-block`},{id:785,name:`--sf-btn-s-padding-inline`},{id:786,name:`--sf-btn-xl-min-height`},{id:787,name:`--sf-btn-xl-padding-block`},{id:788,name:`--sf-btn-xl-padding-inline`},{id:789,name:`--sf-btn-xs-min-height`},{id:790,name:`--sf-btn-xs-padding-block`},{id:791,name:`--sf-btn-xs-padding-inline`},{id:792,name:`--sf-hover-grow-scale`},{id:793,name:`--sf-hover-lift`},{id:794,name:`--sf-hover-shrink-scale`},{id:795,name:`--sf-hover-slide`},{id:796,name:`--sf-stagger-step`},{id:797,name:`--sf-density`,removed:!0},{id:798,name:`--sf-palette-shade-l`},{id:799,name:`--sf-palette-tint-l`},{id:800,name:`--sf-lumlocker-dark`},{id:801,name:`--sf-color-text--subtle`},{id:802,name:`--sf-scroll-offset-gap`},{id:803,name:`--sf-marker-color`}]},il=window.__SLASHED_FW_VERSION__===void 0?`0.0.0`:window.__SLASHED_FW_VERSION__,al=65535,ol=65535,sl=new TextEncoder,cl=new TextDecoder(`utf-8`,{fatal:!1}),ll=32*1024,ul=256*1024;function dl(e){return Number.isInteger(e)&&e>=0&&e<=ol}function fl(e){let t=new Map;for(let n of e?.tokens??[])n&&!n.removed&&typeof n.name==`string`&&dl(n.id)&&t.set(n.name,n.id);return t}function pl(e){let t=new Map;for(let n of e?.tokens??[])n&&!n.removed&&typeof n.name==`string`&&Number.isInteger(n.id)&&t.set(n.id,n.name);return t}function ml(e){let t=``;for(let n=0;n<e.length;n++)t+=String.fromCharCode(e[n]);return btoa(t).replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}function hl(e){try{let t=e.replace(/-/g,`+`).replace(/_/g,`/`);for(;t.length%4;)t+=`=`;let n=atob(t),r=new Uint8Array(n.length);for(let e=0;e<n.length;e++)r[e]=n.charCodeAt(e);return r}catch{return null}}function gl(e,t=rl){if(!e||typeof e!=`object`)return``;let n=fl(t),r=[];for(let[t,i]of Object.entries(e)){if(typeof t!=`string`||typeof i!=`string`||i===``)continue;let e=n.get(t);if(e===void 0)continue;let a=sl.encode(i);a.length>al||r.push({id:e,valueBytes:a})}if(r.length===0)return``;r.sort((e,t)=>e.id-t.id);let i=0;for(let e of r)i+=4+e.valueBytes.length;let a=new Uint8Array(i),o=0;for(let{id:e,valueBytes:t}of r)a[o++]=e>>8&255,a[o++]=e&255,a[o++]=t.length>>8&255,a[o++]=t.length&255,a.set(t,o),o+=t.length;let s=el(a);if(s.length>ll)return console.warn(`[codec] compressed payload too large (${s.length} B > ${ll} B); refusing to encode.`),``;let c=new Uint8Array(1+s.length);return c[0]=2,c.set(s,1),ml(c)}function _l(e,t=rl,n={}){let r=String(e??``).trim();if(r===``)return{};let i=hl(r);if(!i||i.length===0)return{};if(i[0]!==2)return console.warn(`[codec] unknown config-code version ${i[0]} (expected 2); ignoring.`),{};let a=i.length-1;if(a>ll)return console.warn(`[codec] compressed payload too large (${a} B > ${ll} B); ignoring.`),{};let o;try{o=tl(i.subarray(1))}catch{return console.warn(`[codec] failed to decompress config; ignoring.`),{}}if(!o||o.length===0)return{};if(o.length>ul)return console.warn(`[codec] decompressed payload too large (${o.length} B > ${ul} B); ignoring.`),{};let s=pl(t),c=typeof n.sanitize==`function`?n.sanitize:e=>e,l=typeof n.isKnown==`function`?n.isKnown:()=>!0,u={},d=0;try{for(;d<o.length;){if(d+4>o.length)throw Error(`truncated entry header`);let e=o[d]<<8|o[d+1],t=o[d+2]<<8|o[d+3];if(d+=4,d+t>o.length)throw Error(`truncated value`);let n=cl.decode(o.subarray(d,d+t));d+=t;let r=s.get(e);if(r===void 0||!l(r))continue;let i=c(n);i!==``&&(u[r]=i)}}catch(e){return console.warn(`[codec] malformed config code; ignoring (${e.message}).`),{}}return u}function vl(e){return e==null?``:String(e).replace(/\/\*[\s\S]*?\*\//g,` `).replace(/[;{}]/g,` `).replace(/[/*]{2,}/g,` `).replace(/\s+/g,` `).trim()}function yl(e,t={}){let{mode:n=`layer`,banner:r=!0}=t,i=Object.keys(e).filter(e=>/^--sf-[\w-]+$/.test(e)).sort((e,t)=>e.localeCompare(t));if(i.length===0)return``;let a=i.map(t=>`${t}: ${vl(e[t])};`),o=n===`layer`?`		`:`	`,s=a.map(e=>`${o}${e}`).join(`
-`),c=``;return r&&(c+=`/* SLASHED override tokens v${il} — generated by the SLASHED configurator.\n   Load this AFTER the SLASHED stylesheet. ${i.length} token${i.length===1?``:`s`} customised. */\n`),n===`layer`?`${c}@layer slashed.overrides {\n\t:root {\n${s}\n\t}\n}\n`:`${c}:root {\n${s}\n}\n`}function bl(e){let t={};if(!e)return t;let n=e.replace(/\/\*[\s\S]*?\*\//g,``),r=/(--sf-[\w-]+)\s*:/g,i;for(;(i=r.exec(n))!==null;){let e=i[1],a=i.index+i[0].length,o=0,s=``,c=``;for(;a<n.length;a++){let e=n[a];if(s)e===s&&n[a-1]!==`\\`&&(s=``);else if(e===`"`||e===`'`)s=e;else if(e===`(`)o++;else if(e===`)`)o--;else if((e===`;`||e===`}`)&&o===0)break;c+=e}let l=c.replace(/\s+/g,` `).trim();l!==``&&(t[e]=l),r.lastIndex=a}return t}function xl(e){return gl(e,rl)}var Sl=RegExp(`[#&]?c=([^&]+)`);function Cl(e,t={}){let n=new Set(rl.tokens.filter(e=>!e.removed).map(e=>e.name)),r=t.isKnown??(e=>n.has(e)),i=String(e??``).trim(),a=i.match(Sl);return a&&(i=a[1]),_l(i,rl,{sanitize:vl,isKnown:r})}function wl(e,t){let n=typeof window<`u`?window.location.href:`https://example.com/`,r=new URL(t??n),i=xl(e);return r.hash=i?`c=${i}`:``,r.toString()}function Tl(e,t={}){let n=String(e??``);return n.includes(`c=`)?Cl(n,t):{}}var El=`slashed-studio/themes/v1`;function Dl(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&Object.values(e).every(e=>typeof e==`string`)}function Ol(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return typeof t.id==`string`&&typeof t.name==`string`&&typeof t.icon==`string`&&typeof t.blurb==`string`&&Dl(t.overrides)}function kl(){if(typeof window>`u`)return[];try{let e=localStorage.getItem(El);if(!e)return[];let t=JSON.parse(e);return Array.isArray(t)?t.filter(Ol):[]}catch{return[]}}function Al(e){if(typeof window>`u`)return!1;try{return localStorage.setItem(El,JSON.stringify(e)),!0}catch{return!1}}function jl(){return kl()}function Ml(e,t){let n=kl(),r=e.trim()||`Untitled theme`,i={id:`theme-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,name:r,icon:`🎨`,blurb:`${Object.keys(t).length} override${Object.keys(t).length===1?``:`s`}`,overrides:{...t}},a=[...n,i];return Al(a)?a:n}function Nl(e){let t=kl().filter(t=>t.id!==e);return Al(t)?t:kl()}var Pl=`slashed-studio/overrides/v2`,Fl=new Set([`--sf-text-base-min`,`--sf-text-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-scale`,`--sf-text-display-base-min`,`--sf-text-display-base-max`,`--sf-text-display-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`]),Il=new Set([`--sf-space-base-min`,`--sf-space-base-max`,`--sf-space-ratio-min`,`--sf-space-ratio-max`,`--sf-space-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`]),Ll=[[`2xs`,-3],[`xs`,-2],[`s`,-1],[`m`,0],[`l`,1],[`xl`,2],[`2xl`,3],[`3xl`,4],[`4xl`,5]],Rl=[[`display-s`,0],[`display-m`,1],[`display-l`,2]],zl=[[`2xs`,-3],[`xs`,-2],[`s`,-1],[`m`,0],[`l`,1],[`xl`,2],[`2xl`,3],[`3xl`,4],[`4xl`,5]],Bl=[[`2xs`,1],[`xs`,2],[`s`,4],[`m`,8],[`l`,12],[`xl`,16],[`2xl`,24],[`3xl`,32],[`4xl`,48]],Vl=[[`1`,1],[`2`,2],[`3`,3],[`4`,4]],Hl=[[`instant`,100],[`fast`,150],[`normal`,250],[`slow`,400],[`slower`,600]];function Ul(e,t,n){let r=e[t];if(r===void 0)return n;let i=parseFloat(r);return Number.isFinite(i)?i:n}function Wl(e){if(!Number.isFinite(e))return`0`;let t=e.toFixed(6).replace(/\.?0+$/,``);return t===``||t===`-`?`0`:t}function Gl(e,t,n,r,i,a,o,s){let c=e*n**+o*s,l=t*r**+o*s;if(a<=i||Math.abs(c-l)<1e-9)return`${Wl(c)}rem`;let u=(l-c)/(a-i);return`clamp(${Wl(c)}rem, calc(${Wl(u)} * (100vw - ${Wl(i)}rem) + ${Wl(c)}rem), ${Wl(l)}rem)`}function Kl(e,{reduceMotion:t=!1}={}){let n={},r=Object.keys(e),i=r.some(e=>Fl.has(e)),a=r.some(e=>Il.has(e)),o=`--sf-radius-scale`in e,s=`--sf-border-scale`in e,c=`--sf-motion-scale`in e;if(!i&&!a&&!o&&!s&&!c)return n;let l=Ul(e,`--sf-fluid-min-vw`,22.5),u=Ul(e,`--sf-fluid-max-vw`,90);if(i){let t=Ul(e,`--sf-text-base-min`,1),r=Ul(e,`--sf-text-base-max`,1.25),i=Ul(e,`--sf-text-ratio-min`,1.25),a=Ul(e,`--sf-text-ratio-max`,1.333),o=Ul(e,`--sf-text-scale`,1);for(let[e,s]of Ll)n[`--sf-text-${e}`]=Gl(t,r,i,a,l,u,s,o);let s=Ul(e,`--sf-text-display-base-min`,2.4),c=Ul(e,`--sf-text-display-base-max`,3),d=Ul(e,`--sf-text-display-scale`,1);for(let[e,t]of Rl)n[`--sf-text-${e}`]=Gl(s,c,i,a,l,u,t,d)}if(a){let t=Ul(e,`--sf-space-base-min`,1),r=Ul(e,`--sf-space-base-max`,2),i=Ul(e,`--sf-space-ratio-min`,1.25),a=Ul(e,`--sf-space-ratio-max`,1.333),o=Ul(e,`--sf-space-scale`,1);for(let[e,s]of zl)n[`--sf-space-${e}`]=Gl(t,r,i,a,l,u,s,o)}if(o){let t=Ul(e,`--sf-radius-scale`,1);for(let[e,r]of Bl)n[`--sf-radius-${e}`]=`${Wl(r*t)}px`;n[`--sf-radius-none`]=`0`,n[`--sf-radius-full`]=`9999px`,n[`--sf-radius-pill`]=`var(--sf-radius-full)`,n[`--sf-radius-outer`]=`calc(var(--sf-radius-m) + var(--sf-component-pad))`}if(s){let t=Ul(e,`--sf-border-scale`,1);for(let[e,r]of Vl)n[`--sf-border-width-${e}`]=`${Wl(r*t)}px`}if(c&&!t){let t=Ul(e,`--sf-motion-scale`,1);for(let[e,r]of Hl)n[`--sf-duration-${e}`]=`${Wl(r*t)}ms`;n[`--sf-duration-none`]=`0ms`,n[`--sf-theme-transition-duration`]=`${Wl(300*t)}ms`;for(let e=1;e<=5;e+=1)n[`--sf-animation-delay-${e}`]=`${Wl(75*e*t)}ms`}return n}function ql(){return typeof window>`u`?null:window.slashedApp??null}function Jl(){let e=(ql()?.pluginSettings?.configurator_url)?.trim();if(e)try{let t=new URL(e);if(t.protocol!==`http:`&&t.protocol!==`https:`){console.warn(`[slashed] ignoring configurator_url with unsupported scheme: ${t.protocol}`);return}return e}catch{console.warn(`[slashed] ignoring invalid configurator_url: ${e}`);return}}function Yl(){return!!ql()}function Xl(){if(typeof window>`u`)return{};let e=ql();if(e)return e.overrides&&typeof e.overrides==`object`&&!Array.isArray(e.overrides)?{...e.overrides}:{};let t=window.location.hash;if(t?.includes(`c=`))try{return Tl(t)}catch{}let n=localStorage.getItem(Pl);if(n)try{let e=JSON.parse(n);if(Dl(e))return e}catch{}return{}}function Zl(e){if(typeof document>`u`)return;let t=document.getElementById(`sf-parent-overrides`);t||(t=document.createElement(`style`),t.id=`sf-parent-overrides`,document.head.appendChild(t));let n=Kl(e,{reduceMotion:typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches}),r=Object.keys(n).length>0?{...n,...e}:e;t.textContent=yl(r,{mode:`root`,banner:!1})}async function Ql(e,t){let n=(e.url??``).replace(/\/$/,``),r=new URL(n+`/tokens/overrides`,window.location.href);if(r.origin!==window.location.origin)throw Error(`slashed: REST URL must be same-origin`);let i=r.href,a=await fetch(i,{method:`POST`,credentials:`same-origin`,headers:{"Content-Type":`application/json`,"X-WP-Nonce":e.nonce??``},body:JSON.stringify({overrides:t})});if(!a.ok)throw Error(`slashed: save failed ${a.status} ${a.statusText}`)}function $l(e){try{localStorage.setItem(Pl,JSON.stringify(e))}catch{}let t=xl(e),n=t?`c=${t}`:``;window.location.hash.replace(`#`,``)!==n&&(window.location.hash=n)}async function eu(e){if(typeof window>`u`)return;let t=ql();if(t?.rest?.url){await Ql(t.rest,{...e});return}$l(e)}var tu=G(`<button class="flex items-center gap-1.5 px-2.5 py-1 bg-indigo-500/10 border border-indigo-500/20 rounded-lg text-indigo-700 dark:text-indigo-300 text-[10px] font-bold font-mono hover:bg-indigo-500/20 transition-colors cursor-pointer shrink-0"><span class="w-4 h-4 bg-indigo-600 text-white rounded-full flex items-center justify-center text-[9px] font-black"> </span> <span class="hidden sm:inline">customised ·</span>Export →</button>`),nu=G(`<!> <span class="hidden sm:inline">Saving…</span>`,1),ru=G(`<!> <span class="hidden sm:inline">Saved</span>`,1),iu=G(`<!> <span class="hidden sm:inline">Save failed</span>`,1),au=G(`<!> <span class="hidden sm:inline">Save</span>`,1),ou=G(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" role="dialog" aria-modal="true" aria-labelledby="reset-confirm-title" tabindex="-1"><div class="bg-white dark:bg-[#1a1a2e] border border-black/10 dark:border-white/10 rounded-xl p-6 max-w-sm w-full mx-4 shadow-2xl"><h3 id="reset-confirm-title" class="text-slate-900 dark:text-white font-bold text-sm mb-2">Reset all overrides?</h3> <p class="text-slate-600 dark:text-slate-400 text-xs mb-5"> </p> <div class="flex gap-2 justify-end"><button class="px-3 py-1.5 text-xs rounded-lg bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-300 hover:bg-black/12 dark:hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-xs rounded-lg bg-rose-600 hover:bg-rose-500 text-white font-bold transition-colors cursor-pointer">Reset all</button></div></div></div>`),su=G(`<header class="h-[52px] bg-slate-50 dark:bg-[#0d0d14] border-b border-black/8 dark:border-white/8 flex items-center px-3 gap-2 sm:gap-3 shrink-0 z-20"><div class="w-8 h-8 bg-indigo-600 rounded-xl flex items-center justify-center text-white font-black text-lg leading-none select-none shadow-lg shadow-indigo-600/30 shrink-0">/</div> <div class="hidden sm:block shrink-0"><div class="text-[11px] font-bold text-slate-900 dark:text-white tracking-tight leading-none flex items-center gap-1.5">SLASHED Studio <span class="text-[9px] bg-indigo-500/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 font-bold px-1.5 py-0.5 rounded-full font-mono"> </span></div> <div class="text-[9px] text-slate-500 font-mono tracking-widest uppercase mt-0.5">Token Architect</div></div> <button title="Search panels &amp; tokens (Ctrl/Cmd+K)" aria-label="Search panels and tokens" class="flex items-center gap-2 px-2.5 py-1.5 rounded-lg bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8 transition-colors cursor-pointer shrink-0"><!> <span class="hidden md:inline text-[11px]">Search…</span> <kbd class="hidden md:inline text-[9px] font-mono border border-black/10 dark:border-white/10 rounded px-1 py-px">⌘K</kbd></button> <!> <div class="flex-1"></div> <div class="flex items-center gap-1.5 min-w-0 overflow-x-auto [scrollbar-width:none] [&amp;::-webkit-scrollbar]:hidden"><button><!></button> <button title="Undo (Ctrl+Z)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Redo (Ctrl+Shift+Z)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-4 bg-black/10 dark:bg-white/10 mx-1 shrink-0"></div> <button title="Copy share link" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Import overrides (CSS or JSON)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Reset all overrides" class="p-1.5 rounded-lg text-rose-600 dark:text-rose-400 hover:text-rose-700 dark:hover:text-rose-300 hover:bg-rose-500/10 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-4 bg-black/10 dark:bg-white/10 mx-1 shrink-0"></div> <button class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button></div></header> <!>`,1);function cu(e,t){Ve(t,!0);let n=window.__SLASHED_FW_VERSION__===void 0?``:window.__SLASHED_FW_VERSION__,r=L(!1),i=L(!1),a=L(null),o=L(null);wn(()=>{U(i)&&gr().then(()=>U(a)?.focus())});async function s(){try{let e=wl(t.overrides,Jl());await navigator.clipboard.writeText(e),R(r,!0),setTimeout(()=>{R(r,!1)},2e3)}catch{}}function c(){R(i,!0)}function l(){R(i,!1),t.onResetAll()}function u(){R(i,!1)}var d=su(),f=B(d),p=V(z(f),2),m=z(p),h=V(z(m)),g=z(h);F(h),F(m),Me(2),F(p);var _=V(p,2);xo(z(_),{class:`w-3.5 h-3.5 shrink-0`}),Me(4),F(_);var v=V(_,2),y=e=>{var n=tu(),r=z(n),i=z(r,!0);F(r),Me(3),F(n),H(()=>q(i,t.overridesCount)),W(`click`,n,function(...e){t.onExport?.apply(this,e)}),K(e,n)};J(v,e=>{t.overridesCount>0&&e(y)});var b=V(v,4),x=z(b),S=z(x),C=e=>{var t=nu();Xa(B(t),{class:`w-3.5 h-3.5 animate-spin shrink-0`}),Me(2),K(e,t)},w=e=>{var t=ru();ga(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)},T=e=>{var t=iu();Uo(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)},E=e=>{var t=au();yo(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)};J(S,e=>{t.saveState===`saving`?e(C):t.saveState===`saved`?e(w,1):t.saveState===`error`?e(T,2):e(E,-1)}),F(x);var D=V(x,2);qo(z(D),{class:`w-3.5 h-3.5`}),F(D);var O=V(D,2);uo(z(O),{class:`w-3.5 h-3.5`}),F(O);var k=V(O,4),A=z(k),j=e=>{ga(e,{class:`w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400`})},M=e=>{Co(e,{class:`w-3.5 h-3.5`})};J(A,e=>{U(r)?e(j):e(M,-1)}),F(k);var ee=V(k,2);Ia(z(ee),{class:`w-3.5 h-3.5`}),F(ee);var te=V(ee,2);Vo(z(te),{class:`w-3.5 h-3.5`}),F(te);var ne=V(te,4),re=z(ne),ie=e=>{Fo(e,{class:`w-3.5 h-3.5`})},ae=e=>{eo(e,{class:`w-3.5 h-3.5`})};J(re,e=>{ic.value===`dark`?e(ie):e(ae,-1)}),F(ne),F(b),F(f);var oe=V(f,2),N=e=>{var n=ou(),r=z(n),i=V(z(r),2),s=z(i);F(i);var c=V(i,2),d=z(c);Zi(d,e=>R(a,e),()=>U(a));var f=V(d,2);Zi(f,e=>R(o,e),()=>U(o)),F(c),F(r),F(n),H(()=>q(s,`This will clear all ${t.overridesCount??``} customisation${t.overridesCount===1?``:`s`}.
-        You can still undo this before saving.`)),W(`click`,n,e=>{e.target===e.currentTarget&&u()}),W(`keydown`,n,e=>{e.key===`Escape`&&(e.stopPropagation(),u()),e.key===`Tab`&&(e.preventDefault(),document.activeElement===U(a)?U(o)?.focus():U(a)?.focus())}),W(`click`,d,u),W(`click`,f,l),K(e,n)};J(oe,e=>{U(i)&&e(N)}),H(e=>{q(g,`v${n??``}`),x.disabled=!t.hasPendingChanges||t.saveState===`saving`,Q(x,`title`,t.saveState===`error`?`Save failed — click to retry`:t.hasPendingChanges?`Save changes (Ctrl+S)`:`No unsaved changes`),X(x,1,e),D.disabled=!t.canUndo,O.disabled=!t.canRedo,te.disabled=t.overridesCount===0,Q(ne,`title`,ic.value===`dark`?`Switch to light mode`:`Switch to dark mode`),Q(ne,`aria-label`,ic.value===`dark`?`Switch to light mode`:`Switch to dark mode`),Q(ne,`aria-pressed`,ic.value===`dark`)},[()=>vi([`flex items-center gap-1.5 px-2 sm:px-3 py-1.5 rounded-lg text-[11px] font-bold transition-colors cursor-pointer shrink-0`,t.saveState===`error`?`bg-red-100 dark:bg-red-900/40 border border-red-500/30 text-red-700 dark:text-red-300`:t.saveState===`saved`?`bg-emerald-100 dark:bg-emerald-900/40 border border-emerald-500/30 text-emerald-700 dark:text-emerald-300`:t.hasPendingChanges?`bg-emerald-600 hover:bg-emerald-500 text-white shadow-sm shadow-emerald-600/30`:`bg-black/5 dark:bg-white/5 text-slate-500 disabled:opacity-40 disabled:pointer-events-none`].join(` `))]),W(`click`,_,function(...e){t.onOpenSearch?.apply(this,e)}),W(`click`,x,function(...e){t.onSave?.apply(this,e)}),W(`click`,D,function(...e){t.onUndo?.apply(this,e)}),W(`click`,O,function(...e){t.onRedo?.apply(this,e)}),W(`click`,k,s),W(`click`,ee,function(...e){t.onImport?.apply(this,e)}),W(`click`,te,c),W(`click`,ne,function(...e){lc?.apply(this,e)}),K(e,d),He()}Rr([`click`,`keydown`]);var lu=G(`<span> </span> <span> </span>`,1),uu=G(`<button><!> <span> </span> <!> <span> </span></button>`),du=G(`<div></div> <div> </div> <div></div>`,1),fu=G(`<nav aria-label="Panels"><div><!></div> <!></nav>`);function pu(e,t){Ve(t,!0);let n=na(t,`overridesByDomain`,19,()=>({})),r=na(t,`expanded`,3,!1),i={id:`home`,icon:Ra,label:`Home`},a=[{label:`Foundations`,items:[{id:`colors`,icon:io,label:`Colors`},{id:`typography`,icon:Go,label:`Typography`},{id:`spacing`,icon:_o,label:`Spacing`},{id:`borders`,icon:No,label:`Shape`},{id:`motion`,icon:$o,label:`Motion`}]},{label:`Composition`,items:[{id:`layout`,icon:oo,label:`Layout`},{id:`depth`,icon:Ba,label:`Depth`},{id:`macros`,icon:fa,label:`Macros`},{id:`components`,icon:Ea,label:`Components`},{id:`misc`,icon:co,label:`System`}]},{label:`Quality`,items:[{id:`changes`,icon:Ka,label:`Changes`},{id:`wcag`,icon:To,label:`Accessibility`}]},{label:`Project`,items:[{id:`themes`,icon:Lo,label:`Presets`},{id:`setup`,icon:no,label:`Install & export`},{id:`cheatsheet`,icon:ma,label:`Reference`}]}],o=I(()=>Object.values(n()).reduce((e,t)=>e+t,0)),s=e=>e===`changes`?U(o):n()[e]||0;var c=fu();{let e=(e,n=f)=>{let i=I(()=>t.activeId===n().id),a=I(()=>s(n().id)),o=I(()=>n().icon);var c=uu(),l=z(c);fi(l,()=>U(o),(e,t)=>{t(e,{class:`w-4 h-4 shrink-0`})});var u=V(l,2),d=z(u,!0);F(u);var p=V(u,2),m=e=>{var t=lu(),n=B(t),o=z(n,!0);F(n);var s=V(n,2),c=z(s,!0);F(s),H(()=>{X(n,1,`${r()?`hidden`:`md:hidden`} absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full text-[8px] font-black flex items-center justify-center ${U(i)?`bg-white text-indigo-700`:`bg-indigo-500 text-white`}`),q(o,U(a)>9?`+`:U(a)),X(s,1,`${r()?`flex`:`hidden md:flex`} ml-auto min-w-4 h-4 px-1 rounded-full text-[9px] font-black items-center justify-center ${U(i)?`bg-white/25 text-white`:`bg-indigo-500/15 text-indigo-600 dark:text-indigo-400`}`),q(c,U(a)>99?`99+`:U(a))}),K(e,t)};J(p,e=>{U(a)>0&&e(m)});var h=V(p,2),g=z(h,!0);F(h),F(c),H(()=>{Q(c,`title`,n().label),Q(c,`aria-current`,U(i)?`page`:void 0),X(c,1,`relative flex items-center gap-2.5 rounded-xl transition-all cursor-pointer group ${r()?`justify-start w-full h-9 px-2.5`:`justify-center md:justify-start w-10 md:w-full h-10 md:h-8 px-0 md:px-2.5`} ${U(i)?`bg-indigo-600 text-white shadow-lg shadow-indigo-600/30`:`text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8`}`),X(u,1,`${r()?`block`:`hidden md:block`} text-[11px] font-semibold truncate`),q(d,n().label),X(h,1,`${r()?`hidden`:`md:hidden`} absolute left-12 bg-slate-800 text-white text-[10px] font-semibold px-2 py-1 rounded-lg whitespace-nowrap opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity z-50 border border-white/10`),q(g,n().label)}),W(`click`,c,()=>t.onSelect(n().id)),K(e,c)};var l=z(c);e(z(l),()=>i),F(l),Y(V(l,2),17,()=>a,e=>e.label,(t,n)=>{var i=du(),a=B(i),o=V(a,2),s=z(o,!0);F(o);var c=V(o,2);Y(c,21,()=>U(n).items,e=>e.id,(t,n)=>{e(t,()=>U(n))}),F(c),H(()=>{X(a,1,`h-px bg-black/8 dark:bg-white/8 my-2 ${r()?`mx-2.5`:`w-8 md:w-auto md:mx-2.5`}`),X(o,1,`${r()?`block`:`hidden md:block`} px-3 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600`),q(s,U(n).label),X(c,1,`flex flex-col gap-1 w-full px-2 ${r()?`items-stretch`:`items-center md:items-stretch`}`)}),K(t,i)}),F(c),H(()=>X(l,1,`flex flex-col gap-1 w-full px-2 ${r()?`items-stretch`:`items-center md:items-stretch`}`))}H(()=>X(c,1,`bg-slate-50 dark:bg-[#0a0a0f] flex flex-col py-3 gap-1 shrink-0 overflow-y-auto overflow-x-hidden ${r()?`w-full items-stretch`:`w-14 md:w-52 items-center md:items-stretch border-r border-black/8 dark:border-white/8`}`)),K(e,c),He()}Rr([`click`]);var mu=G(`<span class="text-indigo-600 dark:text-indigo-400"> </span>`),hu=G(`<div class="h-6 bg-slate-100 dark:bg-[#07070b] border-t border-black/6 dark:border-white/6 flex items-center px-4 gap-4 shrink-0 select-none"><div class="flex items-center gap-1.5"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500"></div> <span class="text-[9px] font-mono font-bold text-slate-500 uppercase tracking-widest">Live</span></div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600"><!></span> <div class="flex-1"></div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-700"> </span></div>`);function gu(e,t){var n=hu(),r=V(z(n),2),i=z(r),a=e=>{var n=mu(),r=z(n);F(n),H(()=>q(r,`${t.overridesCount??``} override${t.overridesCount===1?``:`s`} active`)),K(e,n)},o=e=>{K(e,qr(`No overrides — showing framework defaults`))};J(i,e=>{t.overridesCount>0?e(a):e(o,-1)}),F(r);var s=V(r,4),c=z(s,!0);F(s),F(n),H(()=>q(c,t.domain)),K(e,n)}var _u=null,vu=null,yu=null,bu=null,xu=null,Su=null,Cu=null,wu=new Map,Tu=Qt({value:0}),Eu=0;function Du(e){if(_u===e){ku();return}vu&&vu.remove(),bu&&bu.remove(),xu&&xu.remove(),_u=e,vu=null,yu=null,bu=null,xu=null,Su=null,Cu=null,ku()}function Ou(){return _u?.documentElement.getAttribute(`data-theme`)===`dark`?`dark`:`light`}function ku(){Eu+=1,Tu.value=Eu,wu.clear()}function Au(){if(!_u||!_u.body)return null;if(vu&&vu.ownerDocument===_u&&vu.isConnected)return vu;let e=_u.createElement(`div`);return e.setAttribute(`data-sf-probe`,``),e.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,_u.body.appendChild(e),vu=e,e}function ju(e){let t=wu.get(e);if(t!==void 0)return t;let n=Au();if(!n||!_u)return``;n.style.color=``,n.style.color=e;let r=_u.defaultView?.getComputedStyle(n).color??``;return wu.set(e,r),r}function Mu(e){return!_u||!_u.body?null:e===`light`?Su&&Su.isConnected?Su:(bu&&bu.remove(),bu=_u.createElement(`div`),bu.setAttribute(`data-theme`,`light`),bu.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,Su=_u.createElement(`div`),bu.appendChild(Su),_u.body.appendChild(bu),Su):Cu&&Cu.isConnected?Cu:(xu&&xu.remove(),xu=_u.createElement(`div`),xu.setAttribute(`data-theme`,`dark`),xu.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,Cu=_u.createElement(`div`),xu.appendChild(Cu),_u.body.appendChild(xu),Cu)}function Nu(e,t){let n=`${t}\0${e}`,r=wu.get(n);if(r!==void 0)return r;let i=Mu(t);if(!i||!_u)return``;i.style.color=``,i.style.color=e;let a=_u.defaultView?.getComputedStyle(i).color??``;return wu.set(n,a),a}function Pu(){if(!_u)return null;if(yu&&yu.canvas.ownerDocument===_u)return yu;let e=_u.createElement(`canvas`);return e.width=1,e.height=1,yu=e.getContext(`2d`,{willReadFrequently:!0}),yu}function Fu(e){let t=ju(e);if(!t)return null;let n=Pu();if(!n)return null;n.clearRect(0,0,1,1),n.fillStyle=t,n.fillRect(0,0,1,1);try{let e=n.getImageData(0,0,1,1).data;return[e[0],e[1],e[2]]}catch{return null}}function Iu(e){let t=Au();return!t||!_u?``:(t.style.background=``,t.style.background=e,_u.defaultView?.getComputedStyle(t).backgroundImage??``)}var Lu=Qt({value:!1}),Ru=`/*! SLASHED v0.7.35 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
+    .pv-card--soft{background:var(--sf-color-primary-100);color:var(--sf-color-primary-700);}`}var Ys=[{id:`color`,label:`Color`,build:Es},{id:`type`,label:`Type`,build:Ds},{id:`space`,label:`Spacing`,build:Os},{id:`borders`,label:`Borders`,build:ks},{id:`shadows`,label:`Shadows`,build:As},{id:`effects`,label:`Effects`,build:js},{id:`motion`,label:`Motion`,build:Ms},{id:`layout`,label:`Layout`,build:Ns},{id:`components`,label:`Components`,build:Is},{id:`macros`,label:`Macros`,build:Rs},{id:`advanced`,label:`All / API`,build:Bs}],Xs=new Map(Ys.map(e=>[e.id,e]));function Zs(e){return(Xs.get(e)??Ys[0]).build()}var Qs={colors:`color`,typography:`type`,spacing:`space`,borders:`borders`,depth:`shadows`,motion:`motion`,layout:`layout`,components:`components`,macros:`macros`,misc:`macros`,themes:`color`,wcag:`color`,cheatsheet:`advanced`},$s=`slashed-studio-theme`;function ec(){try{let e=localStorage.getItem($s);return e===`light`||e===`dark`?e:null}catch{return null}}function tc(){return typeof matchMedia<`u`&&matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}var nc=ec(),rc=nc===null,ic=Qt({value:nc??tc()}),ac=null;function oc(){ac?.classList.toggle(`dark`,ic.value===`dark`)}function sc(e){ac=e,oc()}function cc(e){rc=!1;try{localStorage.setItem($s,e)}catch{}ic.value=e,oc()}function lc(){cc(ic.value===`dark`?`light`:`dark`)}function uc(e){rc=!1,ic.value=e,oc()}if(typeof matchMedia<`u`){let e=matchMedia(`(prefers-color-scheme: dark)`),t=e=>{rc&&(ic.value=e.matches?`dark`:`light`,oc())};typeof e.addEventListener==`function`?e.addEventListener(`change`,t):typeof e.addListener==`function`&&e.addListener(t)}var dc=Uint8Array,fc=Uint16Array,pc=Int32Array,mc=new dc([0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0]),hc=new dc([0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0]),gc=new dc([16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15]),_c=function(e,t){for(var n=new fc(31),r=0;r<31;++r)n[r]=t+=1<<e[r-1];for(var i=new pc(n[30]),r=1;r<30;++r)for(var a=n[r];a<n[r+1];++a)i[a]=a-n[r]<<5|r;return{b:n,r:i}},vc=_c(mc,2),yc=vc.b,bc=vc.r;yc[28]=258,bc[258]=28;for(var xc=_c(hc,0),Sc=xc.b,Cc=xc.r,wc=new fc(32768),Tc=0;Tc<32768;++Tc){var Ec=(Tc&43690)>>1|(Tc&21845)<<1;Ec=(Ec&52428)>>2|(Ec&13107)<<2,Ec=(Ec&61680)>>4|(Ec&3855)<<4,wc[Tc]=((Ec&65280)>>8|(Ec&255)<<8)>>1}for(var Dc=(function(e,t,n){for(var r=e.length,i=0,a=new fc(t);i<r;++i)e[i]&&++a[e[i]-1];var o=new fc(t);for(i=1;i<t;++i)o[i]=o[i-1]+a[i-1]<<1;var s;if(n){s=new fc(1<<t);var c=15-t;for(i=0;i<r;++i)if(e[i])for(var l=i<<4|e[i],u=t-e[i],d=o[e[i]-1]++<<u,f=d|(1<<u)-1;d<=f;++d)s[wc[d]>>c]=l}else for(s=new fc(r),i=0;i<r;++i)e[i]&&(s[i]=wc[o[e[i]-1]++]>>15-e[i]);return s}),Oc=new dc(288),Tc=0;Tc<144;++Tc)Oc[Tc]=8;for(var Tc=144;Tc<256;++Tc)Oc[Tc]=9;for(var Tc=256;Tc<280;++Tc)Oc[Tc]=7;for(var Tc=280;Tc<288;++Tc)Oc[Tc]=8;for(var kc=new dc(32),Tc=0;Tc<32;++Tc)kc[Tc]=5;var Ac=Dc(Oc,9,0),jc=Dc(Oc,9,1),Mc=Dc(kc,5,0),Nc=Dc(kc,5,1),Pc=function(e){for(var t=e[0],n=1;n<e.length;++n)e[n]>t&&(t=e[n]);return t},Fc=function(e,t,n){var r=t/8|0;return(e[r]|e[r+1]<<8)>>(t&7)&n},Ic=function(e,t){var n=t/8|0;return(e[n]|e[n+1]<<8|e[n+2]<<16)>>(t&7)},Lc=function(e){return(e+7)/8|0},Rc=function(e,t,n){return(t==null||t<0)&&(t=0),(n==null||n>e.length)&&(n=e.length),new dc(e.subarray(t,n))},zc=[`unexpected EOF`,`invalid block type`,`invalid length/literal`,`invalid distance`,`stream finished`,`no stream handler`,,`no callback`,`invalid UTF-8 data`,`extra field too long`,`date not in range 1980-2099`,`filename too long`,`stream finishing`,`invalid zip data`],Bc=function(e,t,n){var r=Error(t||zc[e]);if(r.code=e,Error.captureStackTrace&&Error.captureStackTrace(r,Bc),!n)throw r;return r},Vc=function(e,t,n,r){var i=e.length,a=r?r.length:0;if(!i||t.f&&!t.l)return n||new dc(0);var o=!n,s=o||t.i!=2,c=t.i;o&&(n=new dc(i*3));var l=function(e){var t=n.length;if(e>t){var r=new dc(Math.max(t*2,e));r.set(n),n=r}},u=t.f||0,d=t.p||0,f=t.b||0,p=t.l,m=t.d,h=t.m,g=t.n,_=i*8;do{if(!p){u=Fc(e,d,1);var v=Fc(e,d+1,3);if(d+=3,!v){var y=Lc(d)+4,b=e[y-4]|e[y-3]<<8,x=y+b;if(x>i){c&&Bc(0);break}s&&l(f+b),n.set(e.subarray(y,x),f),t.b=f+=b,t.p=d=x*8,t.f=u;continue}else if(v==1)p=jc,m=Nc,h=9,g=5;else if(v==2){var S=Fc(e,d,31)+257,C=Fc(e,d+10,15)+4,w=S+Fc(e,d+5,31)+1;d+=14;for(var T=new dc(w),E=new dc(19),D=0;D<C;++D)E[gc[D]]=Fc(e,d+D*3,7);d+=C*3;for(var O=Pc(E),k=(1<<O)-1,A=Dc(E,O,1),D=0;D<w;){var j=A[Fc(e,d,k)];d+=j&15;var y=j>>4;if(y<16)T[D++]=y;else{var M=0,N=0;for(y==16?(N=3+Fc(e,d,3),d+=2,M=T[D-1]):y==17?(N=3+Fc(e,d,7),d+=3):y==18&&(N=11+Fc(e,d,127),d+=7);N--;)T[D++]=M}}var ee=T.subarray(0,S),te=T.subarray(S);h=Pc(ee),g=Pc(te),p=Dc(ee,h,1),m=Dc(te,g,1)}else Bc(1);if(d>_){c&&Bc(0);break}}s&&l(f+131072);for(var ne=(1<<h)-1,re=(1<<g)-1,ie=d;;ie=d){var M=p[Ic(e,d)&ne],ae=M>>4;if(d+=M&15,d>_){c&&Bc(0);break}if(M||Bc(2),ae<256)n[f++]=ae;else if(ae==256){ie=d,p=null;break}else{var oe=ae-254;if(ae>264){var D=ae-257,se=mc[D];oe=Fc(e,d,(1<<se)-1)+yc[D],d+=se}var ce=m[Ic(e,d)&re],le=ce>>4;ce||Bc(3),d+=ce&15;var te=Sc[le];if(le>3){var se=hc[le];te+=Ic(e,d)&(1<<se)-1,d+=se}if(d>_){c&&Bc(0);break}s&&l(f+131072);var ue=f+oe;if(f<te){var de=a-te,fe=Math.min(te,ue);for(de+f<0&&Bc(3);f<fe;++f)n[f]=r[de+f]}for(;f<ue;++f)n[f]=n[f-te]}}t.l=p,t.p=ie,t.b=f,t.f=u,p&&(u=1,t.m=h,t.d=m,t.n=g)}while(!u);return f!=n.length&&o?Rc(n,0,f):n.subarray(0,f)},Hc=function(e,t,n){n<<=t&7;var r=t/8|0;e[r]|=n,e[r+1]|=n>>8},Uc=function(e,t,n){n<<=t&7;var r=t/8|0;e[r]|=n,e[r+1]|=n>>8,e[r+2]|=n>>16},Wc=function(e,t){for(var n=[],r=0;r<e.length;++r)e[r]&&n.push({s:r,f:e[r]});var i=n.length,a=n.slice();if(!i)return{t:Zc,l:0};if(i==1){var o=new dc(n[0].s+1);return o[n[0].s]=1,{t:o,l:1}}n.sort(function(e,t){return e.f-t.f}),n.push({s:-1,f:25001});var s=n[0],c=n[1],l=0,u=1,d=2;for(n[0]={s:-1,f:s.f+c.f,l:s,r:c};u!=i-1;)s=n[n[l].f<n[d].f?l++:d++],c=n[l!=u&&n[l].f<n[d].f?l++:d++],n[u++]={s:-1,f:s.f+c.f,l:s,r:c};for(var f=a[0].s,r=1;r<i;++r)a[r].s>f&&(f=a[r].s);var p=new fc(f+1),m=Gc(n[u-1],p,0);if(m>t){var r=0,h=0,g=m-t,_=1<<g;for(a.sort(function(e,t){return p[t.s]-p[e.s]||e.f-t.f});r<i;++r){var v=a[r].s;if(p[v]>t)h+=_-(1<<m-p[v]),p[v]=t;else break}for(h>>=g;h>0;){var y=a[r].s;p[y]<t?h-=1<<t-p[y]++-1:++r}for(;r>=0&&h;--r){var b=a[r].s;p[b]==t&&(--p[b],++h)}m=t}return{t:new dc(p),l:m}},Gc=function(e,t,n){return e.s==-1?Math.max(Gc(e.l,t,n+1),Gc(e.r,t,n+1)):t[e.s]=n},Kc=function(e){for(var t=e.length;t&&!e[--t];);for(var n=new fc(++t),r=0,i=e[0],a=1,o=function(e){n[r++]=e},s=1;s<=t;++s)if(e[s]==i&&s!=t)++a;else{if(!i&&a>2){for(;a>138;a-=138)o(32754);a>2&&(o(a>10?a-11<<5|28690:a-3<<5|12305),a=0)}else if(a>3){for(o(i),--a;a>6;a-=6)o(8304);a>2&&(o(a-3<<5|8208),a=0)}for(;a--;)o(i);a=1,i=e[s]}return{c:n.subarray(0,r),n:t}},qc=function(e,t){for(var n=0,r=0;r<t.length;++r)n+=e[r]*t[r];return n},Jc=function(e,t,n){var r=n.length,i=Lc(t+2);e[i]=r&255,e[i+1]=r>>8,e[i+2]=e[i]^255,e[i+3]=e[i+1]^255;for(var a=0;a<r;++a)e[i+a+4]=n[a];return(i+4+r)*8},Yc=function(e,t,n,r,i,a,o,s,c,l,u){Hc(t,u++,n),++i[256];for(var d=Wc(i,15),f=d.t,p=d.l,m=Wc(a,15),h=m.t,g=m.l,_=Kc(f),v=_.c,y=_.n,b=Kc(h),x=b.c,S=b.n,C=new fc(19),w=0;w<v.length;++w)++C[v[w]&31];for(var w=0;w<x.length;++w)++C[x[w]&31];for(var T=Wc(C,7),E=T.t,D=T.l,O=19;O>4&&!E[gc[O-1]];--O);var k=l+5<<3,A=qc(i,Oc)+qc(a,kc)+o,j=qc(i,f)+qc(a,h)+o+14+3*O+qc(C,E)+2*C[16]+3*C[17]+7*C[18];if(c>=0&&k<=A&&k<=j)return Jc(t,u,e.subarray(c,c+l));var M,N,ee,te;if(Hc(t,u,1+(j<A)),u+=2,j<A){M=Dc(f,p,0),N=f,ee=Dc(h,g,0),te=h;var ne=Dc(E,D,0);Hc(t,u,y-257),Hc(t,u+5,S-1),Hc(t,u+10,O-4),u+=14;for(var w=0;w<O;++w)Hc(t,u+3*w,E[gc[w]]);u+=3*O;for(var re=[v,x],ie=0;ie<2;++ie)for(var ae=re[ie],w=0;w<ae.length;++w){var oe=ae[w]&31;Hc(t,u,ne[oe]),u+=E[oe],oe>15&&(Hc(t,u,ae[w]>>5&127),u+=ae[w]>>12)}}else M=Ac,N=Oc,ee=Mc,te=kc;for(var w=0;w<s;++w){var se=r[w];if(se>255){var oe=se>>18&31;Uc(t,u,M[oe+257]),u+=N[oe+257],oe>7&&(Hc(t,u,se>>23&31),u+=mc[oe]);var ce=se&31;Uc(t,u,ee[ce]),u+=te[ce],ce>3&&(Uc(t,u,se>>5&8191),u+=hc[ce])}else Uc(t,u,M[se]),u+=N[se]}return Uc(t,u,M[256]),u+N[256]},Xc=new pc([65540,131080,131088,131104,262176,1048704,1048832,2114560,2117632]),Zc=new dc(0),Qc=function(e,t,n,r,i,a){var o=a.z||e.length,s=new dc(r+o+5*(1+Math.ceil(o/7e3))+i),c=s.subarray(r,s.length-i),l=a.l,u=(a.r||0)&7;if(t){u&&(c[0]=a.r>>3);for(var d=Xc[t-1],f=d>>13,p=d&8191,m=(1<<n)-1,h=a.p||new fc(32768),g=a.h||new fc(m+1),_=Math.ceil(n/3),v=2*_,y=function(t){return(e[t]^e[t+1]<<_^e[t+2]<<v)&m},b=new pc(25e3),x=new fc(288),S=new fc(32),C=0,w=0,T=a.i||0,E=0,D=a.w||0,O=0;T+2<o;++T){var k=y(T),A=T&32767,j=g[k];if(h[A]=j,g[k]=A,D<=T){var M=o-T;if((C>7e3||E>24576)&&(M>423||!l)){u=Yc(e,c,0,b,x,S,w,E,O,T-O,u),E=C=w=0,O=T;for(var N=0;N<286;++N)x[N]=0;for(var N=0;N<30;++N)S[N]=0}var ee=2,te=0,ne=p,re=A-j&32767;if(M>2&&k==y(T-re))for(var ie=Math.min(f,M)-1,ae=Math.min(32767,T),oe=Math.min(258,M);re<=ae&&--ne&&A!=j;){if(e[T+ee]==e[T+ee-re]){for(var se=0;se<oe&&e[T+se]==e[T+se-re];++se);if(se>ee){if(ee=se,te=re,se>ie)break;for(var ce=Math.min(re,se-2),le=0,N=0;N<ce;++N){var ue=T-re+N&32767,de=ue-h[ue]&32767;de>le&&(le=de,j=ue)}}}A=j,j=h[A],re+=A-j&32767}if(te){b[E++]=268435456|bc[ee]<<18|Cc[te];var fe=bc[ee]&31,pe=Cc[te]&31;w+=mc[fe]+hc[pe],++x[257+fe],++S[pe],D=T+ee,++C}else b[E++]=e[T],++x[e[T]]}}for(T=Math.max(T,D);T<o;++T)b[E++]=e[T],++x[e[T]];u=Yc(e,c,l,b,x,S,w,E,O,T-O,u),l||(a.r=u&7|c[u/8|0]<<3,u-=7,a.h=g,a.p=h,a.i=T,a.w=D)}else{for(var T=a.w||0;T<o+l;T+=65535){var me=T+65535;me>=o&&(c[u/8|0]=l,me=o),u=Jc(c,u+1,e.subarray(T,me))}a.i=o}return Rc(s,0,r+Lc(u)+i)},$c=function(e,t,n,r,i){if(!i&&(i={l:1},t.dictionary)){var a=t.dictionary.subarray(-32768),o=new dc(a.length+e.length);o.set(a),o.set(e,a.length),e=o,i.w=a.length}return Qc(e,t.level==null?6:t.level,t.mem==null?i.l?Math.ceil(Math.max(8,Math.min(13,Math.log(e.length)))*1.5):20:12+t.mem,n,r,i)};function el(e,t){return $c(e,t||{},0,0)}function tl(e,t){return Vc(e,{i:2},t&&t.out,t&&t.dictionary)}var nl=typeof TextDecoder<`u`&&new TextDecoder;try{nl.decode(Zc,{stream:!0})}catch{}var rl={_meta:{generatedBy:`scripts/gen-token-registry.js`,nextId:804},tokens:[{id:0,name:`--sf-alternate-gap`},{id:1,name:`--sf-alternate-inner-gap`},{id:2,name:`--sf-animation-blink`},{id:3,name:`--sf-animation-color-pulse`},{id:4,name:`--sf-animation-delay-1`,removed:!0},{id:5,name:`--sf-animation-delay-2`,removed:!0},{id:6,name:`--sf-animation-delay-3`,removed:!0},{id:7,name:`--sf-animation-delay-4`,removed:!0},{id:8,name:`--sf-animation-delay-5`,removed:!0},{id:9,name:`--sf-animation-fade-in`},{id:10,name:`--sf-animation-fade-out`},{id:11,name:`--sf-animation-float`},{id:12,name:`--sf-animation-ping`},{id:13,name:`--sf-animation-scale-down`},{id:14,name:`--sf-animation-scale-up`},{id:15,name:`--sf-animation-shimmer`},{id:16,name:`--sf-animation-slide-in-down`},{id:17,name:`--sf-animation-slide-in-left`},{id:18,name:`--sf-animation-slide-in-right`},{id:19,name:`--sf-animation-slide-in-up`},{id:20,name:`--sf-animation-spin`},{id:21,name:`--sf-aspect`,removed:!0},{id:22,name:`--sf-bento-cols-default`},{id:23,name:`--sf-bento-gap`},{id:24,name:`--sf-bento-row-compact`},{id:25,name:`--sf-bento-row-default`},{id:26,name:`--sf-bento-row-tall`},{id:27,name:`--sf-blur`},{id:28,name:`--sf-body-color`},{id:29,name:`--sf-body-em-style`},{id:30,name:`--sf-body-font-family`},{id:31,name:`--sf-body-font-size`},{id:32,name:`--sf-body-font-weight`},{id:33,name:`--sf-body-line-height`},{id:34,name:`--sf-body-strong-weight`},{id:35,name:`--sf-body-text-wrap`},{id:36,name:`--sf-border`},{id:37,name:`--sf-border-scale`},{id:38,name:`--sf-border-strong`},{id:39,name:`--sf-border-style`},{id:40,name:`--sf-border-subtle`},{id:41,name:`--sf-border-width-1`},{id:42,name:`--sf-border-width-2`},{id:43,name:`--sf-border-width-3`},{id:44,name:`--sf-border-width-4`},{id:45,name:`--sf-border-width-hairline`},{id:46,name:`--sf-box-border-color`},{id:47,name:`--sf-box-border-width`},{id:48,name:`--sf-box-padding`},{id:49,name:`--sf-breakout-width`},{id:50,name:`--sf-button-padding-block`,removed:!0},{id:51,name:`--sf-button-padding-inline`,removed:!0},{id:52,name:`--sf-button-radius`,removed:!0},{id:53,name:`--sf-color-caret`},{id:54,name:`--sf-center-gutter`},{id:55,name:`--sf-center-max`},{id:56,name:`--sf-cluster-align`},{id:57,name:`--sf-cluster-gap`},{id:58,name:`--sf-cluster-justify`},{id:59,name:`--sf-code-font-size`},{id:60,name:`--sf-color-action`},{id:61,name:`--sf-color-action--active`},{id:62,name:`--sf-color-action--hover`},{id:63,name:`--sf-color-action-100`},{id:64,name:`--sf-color-action-200`},{id:65,name:`--sf-color-action-300`},{id:66,name:`--sf-color-action-400`},{id:67,name:`--sf-color-action-50`},{id:68,name:`--sf-color-action-500`},{id:69,name:`--sf-color-action-600`},{id:70,name:`--sf-color-action-700`},{id:71,name:`--sf-color-action-800`},{id:72,name:`--sf-color-action-900`},{id:73,name:`--sf-color-action-950`},{id:74,name:`--sf-color-action-a10`},{id:75,name:`--sf-color-action-a30`},{id:76,name:`--sf-color-action-a5`},{id:77,name:`--sf-color-action-a50`},{id:78,name:`--sf-color-action-a80`},{id:79,name:`--sf-color-action-source-dark`},{id:80,name:`--sf-color-action-darker`},{id:81,name:`--sf-color-action-ghost`,removed:!0},{id:82,name:`--sf-color-action-source-light`},{id:83,name:`--sf-color-action-lighter`},{id:84,name:`--sf-color-action-muted`},{id:85,name:`--sf-color-action-subtle`},{id:86,name:`--sf-color-action-superdark`},{id:87,name:`--sf-color-action-superlight`},{id:88,name:`--sf-color-action-xdark`},{id:89,name:`--sf-color-action-xlight`},{id:90,name:`--sf-color-base`},{id:91,name:`--sf-color-base--active`},{id:92,name:`--sf-color-base--hover`},{id:93,name:`--sf-color-base-100`},{id:94,name:`--sf-color-base-200`},{id:95,name:`--sf-color-base-300`},{id:96,name:`--sf-color-base-400`},{id:97,name:`--sf-color-base-50`},{id:98,name:`--sf-color-base-500`},{id:99,name:`--sf-color-base-600`},{id:100,name:`--sf-color-base-700`},{id:101,name:`--sf-color-base-800`},{id:102,name:`--sf-color-base-900`},{id:103,name:`--sf-color-base-950`},{id:104,name:`--sf-color-base-a10`},{id:105,name:`--sf-color-base-a30`},{id:106,name:`--sf-color-base-a5`},{id:107,name:`--sf-color-base-a50`},{id:108,name:`--sf-color-base-a80`},{id:109,name:`--sf-color-base-source-dark`},{id:110,name:`--sf-color-base-darker`,removed:!0},{id:111,name:`--sf-color-base-ghost`,removed:!0},{id:112,name:`--sf-color-base-source-light`},{id:113,name:`--sf-color-base-lighter`,removed:!0},{id:114,name:`--sf-color-base-muted`},{id:115,name:`--sf-color-base-subtle`},{id:116,name:`--sf-color-base-superdark`,removed:!0},{id:117,name:`--sf-color-base-superlight`,removed:!0},{id:118,name:`--sf-color-base-xdark`,removed:!0},{id:119,name:`--sf-color-base-xlight`,removed:!0},{id:120,name:`--sf-color-bg`},{id:121,name:`--sf-color-bg--active`},{id:122,name:`--sf-color-bg--disabled`},{id:123,name:`--sf-color-bg--focus`},{id:124,name:`--sf-color-bg--hover`},{id:125,name:`--sf-color-bg--selected`},{id:126,name:`--sf-color-black`},{id:127,name:`--sf-color-border`},{id:128,name:`--sf-color-border--disabled`},{id:129,name:`--sf-color-border--focus`},{id:130,name:`--sf-color-border--strong`},{id:131,name:`--sf-color-border--subtle`},{id:132,name:`--sf-color-border--translucent`},{id:133,name:`--sf-color-code-bg`},{id:134,name:`--sf-color-code-text`},{id:135,name:`--sf-color-danger`},{id:136,name:`--sf-color-danger-source-dark`},{id:137,name:`--sf-color-danger-source-light`},{id:138,name:`--sf-color-danger-muted`},{id:139,name:`--sf-color-danger-strong`},{id:140,name:`--sf-color-danger-subtle`},{id:141,name:`--sf-color-dim`},{id:142,name:`--sf-color-error`,removed:!0},{id:143,name:`--sf-color-error-dark`,removed:!0},{id:144,name:`--sf-color-error-light`,removed:!0},{id:145,name:`--sf-color-error-muted`,removed:!0},{id:146,name:`--sf-color-error-strong`,removed:!0},{id:147,name:`--sf-color-error-subtle`,removed:!0},{id:148,name:`--sf-color-heading`},{id:149,name:`--sf-color-info`},{id:150,name:`--sf-color-info-source-dark`},{id:151,name:`--sf-color-info-source-light`},{id:152,name:`--sf-color-info-muted`},{id:153,name:`--sf-color-info-strong`},{id:154,name:`--sf-color-info-subtle`},{id:155,name:`--sf-color-inset`},{id:156,name:`--sf-color-inverse`},{id:157,name:`--sf-color-link`},{id:158,name:`--sf-color-link--active`},{id:159,name:`--sf-color-link--disabled`},{id:160,name:`--sf-color-link--hover`},{id:161,name:`--sf-color-link--underline`},{id:162,name:`--sf-color-link--visited`},{id:163,name:`--sf-color-mark-bg`},{id:164,name:`--sf-color-mark-text`},{id:165,name:`--sf-color-neutral`},{id:166,name:`--sf-color-neutral--active`},{id:167,name:`--sf-color-neutral--hover`},{id:168,name:`--sf-color-neutral-100`},{id:169,name:`--sf-color-neutral-200`},{id:170,name:`--sf-color-neutral-300`},{id:171,name:`--sf-color-neutral-400`},{id:172,name:`--sf-color-neutral-50`},{id:173,name:`--sf-color-neutral-500`},{id:174,name:`--sf-color-neutral-600`},{id:175,name:`--sf-color-neutral-700`},{id:176,name:`--sf-color-neutral-800`},{id:177,name:`--sf-color-neutral-900`},{id:178,name:`--sf-color-neutral-950`},{id:179,name:`--sf-color-neutral-a10`},{id:180,name:`--sf-color-neutral-a30`},{id:181,name:`--sf-color-neutral-a5`},{id:182,name:`--sf-color-neutral-a50`},{id:183,name:`--sf-color-neutral-a80`},{id:184,name:`--sf-color-neutral-source-dark`},{id:185,name:`--sf-color-neutral-darker`},{id:186,name:`--sf-color-neutral-ghost`,removed:!0},{id:187,name:`--sf-color-neutral-source-light`},{id:188,name:`--sf-color-neutral-lighter`},{id:189,name:`--sf-color-neutral-muted`},{id:190,name:`--sf-color-neutral-subtle`},{id:191,name:`--sf-color-neutral-superdark`},{id:192,name:`--sf-color-neutral-superlight`},{id:193,name:`--sf-color-neutral-xdark`},{id:194,name:`--sf-color-neutral-xlight`},{id:195,name:`--sf-color-overlay`},{id:196,name:`--sf-color-primary`},{id:197,name:`--sf-color-primary--active`},{id:198,name:`--sf-color-primary--hover`},{id:199,name:`--sf-color-primary-100`},{id:200,name:`--sf-color-primary-200`},{id:201,name:`--sf-color-primary-300`},{id:202,name:`--sf-color-primary-400`},{id:203,name:`--sf-color-primary-50`},{id:204,name:`--sf-color-primary-500`},{id:205,name:`--sf-color-primary-600`},{id:206,name:`--sf-color-primary-700`},{id:207,name:`--sf-color-primary-800`},{id:208,name:`--sf-color-primary-900`},{id:209,name:`--sf-color-primary-950`},{id:210,name:`--sf-color-primary-a10`},{id:211,name:`--sf-color-primary-a30`},{id:212,name:`--sf-color-primary-a5`},{id:213,name:`--sf-color-primary-a50`},{id:214,name:`--sf-color-primary-a80`},{id:215,name:`--sf-color-primary-source-dark`},{id:216,name:`--sf-color-primary-darker`},{id:217,name:`--sf-color-primary-ghost`,removed:!0},{id:218,name:`--sf-color-primary-source-light`},{id:219,name:`--sf-color-primary-lighter`},{id:220,name:`--sf-color-primary-muted`},{id:221,name:`--sf-color-primary-subtle`},{id:222,name:`--sf-color-primary-superdark`},{id:223,name:`--sf-color-primary-superlight`},{id:224,name:`--sf-color-primary-xdark`},{id:225,name:`--sf-color-primary-xlight`},{id:226,name:`--sf-color-raised`},{id:227,name:`--sf-color-scheme`},{id:228,name:`--sf-color-secondary`},{id:229,name:`--sf-color-secondary--active`},{id:230,name:`--sf-color-secondary--hover`},{id:231,name:`--sf-color-secondary-100`},{id:232,name:`--sf-color-secondary-200`},{id:233,name:`--sf-color-secondary-300`},{id:234,name:`--sf-color-secondary-400`},{id:235,name:`--sf-color-secondary-50`},{id:236,name:`--sf-color-secondary-500`},{id:237,name:`--sf-color-secondary-600`},{id:238,name:`--sf-color-secondary-700`},{id:239,name:`--sf-color-secondary-800`},{id:240,name:`--sf-color-secondary-900`},{id:241,name:`--sf-color-secondary-950`},{id:242,name:`--sf-color-secondary-a10`},{id:243,name:`--sf-color-secondary-a30`},{id:244,name:`--sf-color-secondary-a5`},{id:245,name:`--sf-color-secondary-a50`},{id:246,name:`--sf-color-secondary-a80`},{id:247,name:`--sf-color-secondary-source-dark`},{id:248,name:`--sf-color-secondary-darker`},{id:249,name:`--sf-color-secondary-ghost`,removed:!0},{id:250,name:`--sf-color-secondary-source-light`},{id:251,name:`--sf-color-secondary-lighter`},{id:252,name:`--sf-color-secondary-muted`},{id:253,name:`--sf-color-secondary-subtle`},{id:254,name:`--sf-color-secondary-superdark`},{id:255,name:`--sf-color-secondary-superlight`},{id:256,name:`--sf-color-secondary-xdark`},{id:257,name:`--sf-color-secondary-xlight`},{id:258,name:`--sf-color-selection-bg`},{id:259,name:`--sf-color-selection-text`},{id:260,name:`--sf-color-success`},{id:261,name:`--sf-color-success-source-dark`},{id:262,name:`--sf-color-success-source-light`},{id:263,name:`--sf-color-success-muted`},{id:264,name:`--sf-color-success-strong`},{id:265,name:`--sf-color-success-subtle`},{id:266,name:`--sf-color-surface`},{id:267,name:`--sf-color-tertiary`},{id:268,name:`--sf-color-tertiary--active`},{id:269,name:`--sf-color-tertiary--hover`},{id:270,name:`--sf-color-tertiary-100`},{id:271,name:`--sf-color-tertiary-200`},{id:272,name:`--sf-color-tertiary-300`},{id:273,name:`--sf-color-tertiary-400`},{id:274,name:`--sf-color-tertiary-50`},{id:275,name:`--sf-color-tertiary-500`},{id:276,name:`--sf-color-tertiary-600`},{id:277,name:`--sf-color-tertiary-700`},{id:278,name:`--sf-color-tertiary-800`},{id:279,name:`--sf-color-tertiary-900`},{id:280,name:`--sf-color-tertiary-950`},{id:281,name:`--sf-color-tertiary-a10`},{id:282,name:`--sf-color-tertiary-a30`},{id:283,name:`--sf-color-tertiary-a5`},{id:284,name:`--sf-color-tertiary-a50`},{id:285,name:`--sf-color-tertiary-a80`},{id:286,name:`--sf-color-tertiary-source-dark`},{id:287,name:`--sf-color-tertiary-darker`},{id:288,name:`--sf-color-tertiary-ghost`,removed:!0},{id:289,name:`--sf-color-tertiary-source-light`},{id:290,name:`--sf-color-tertiary-lighter`},{id:291,name:`--sf-color-tertiary-muted`},{id:292,name:`--sf-color-tertiary-subtle`},{id:293,name:`--sf-color-tertiary-superdark`},{id:294,name:`--sf-color-tertiary-superlight`},{id:295,name:`--sf-color-tertiary-xdark`},{id:296,name:`--sf-color-tertiary-xlight`},{id:297,name:`--sf-color-text`},{id:298,name:`--sf-color-text--disabled`},{id:299,name:`--sf-color-text--inverse`},{id:300,name:`--sf-color-text--muted`},{id:301,name:`--sf-color-text--on-action`},{id:302,name:`--sf-color-text--on-base`},{id:303,name:`--sf-color-text--on-danger`},{id:304,name:`--sf-color-text--on-error`,removed:!0},{id:305,name:`--sf-color-text--on-info`},{id:306,name:`--sf-color-text--on-inverse`},{id:307,name:`--sf-color-text--on-neutral`},{id:308,name:`--sf-color-text--on-primary`},{id:309,name:`--sf-color-text--on-secondary`},{id:310,name:`--sf-color-text--on-success`},{id:311,name:`--sf-color-text--on-tertiary`},{id:312,name:`--sf-color-text--on-warning`},{id:313,name:`--sf-color-text--placeholder`},{id:314,name:`--sf-color-text--secondary`,removed:!0},{id:315,name:`--sf-color-warning`},{id:316,name:`--sf-color-warning-source-dark`},{id:317,name:`--sf-color-warning-source-light`},{id:318,name:`--sf-color-warning-muted`},{id:319,name:`--sf-color-warning-strong`},{id:320,name:`--sf-color-warning-subtle`},{id:321,name:`--sf-color-white`},{id:322,name:`--sf-component-pad`},{id:323,name:`--sf-container-default`},{id:324,name:`--sf-container-full`},{id:325,name:`--sf-container-narrow`},{id:326,name:`--sf-container-prose`},{id:327,name:`--sf-container-wide`},{id:328,name:`--sf-content-gap`},{id:329,name:`--sf-content-intrinsic-size`},{id:330,name:`--sf-content-width`},{id:331,name:`--sf-contrast-bias`},{id:332,name:`--sf-contrast-threshold`},{id:333,name:`--sf-cover-min-height`},{id:334,name:`--sf-cover-padding`},{id:335,name:`--sf-current-font-weight`,removed:!0},{id:336,name:`--sf-display-l-line-height`},{id:337,name:`--sf-display-m-line-height`},{id:338,name:`--sf-display-s-line-height`},{id:339,name:`--sf-divider-color`},{id:340,name:`--sf-divider-gap`},{id:341,name:`--sf-divider-style`},{id:342,name:`--sf-divider-width`},{id:343,name:`--sf-drop-shadow-l`},{id:344,name:`--sf-drop-shadow-m`},{id:345,name:`--sf-drop-shadow-s`},{id:346,name:`--sf-duration-fast`},{id:347,name:`--sf-duration-instant`},{id:348,name:`--sf-duration-none`},{id:349,name:`--sf-duration-normal`},{id:350,name:`--sf-duration-slow`},{id:351,name:`--sf-duration-slower`},{id:352,name:`--sf-ease-bounce`},{id:353,name:`--sf-ease-elastic`},{id:354,name:`--sf-ease-in`},{id:355,name:`--sf-ease-in-out`},{id:356,name:`--sf-ease-linear`},{id:357,name:`--sf-ease-out`},{id:358,name:`--sf-ease-overshoot`},{id:359,name:`--sf-ease-spring`},{id:360,name:`--sf-equal-gap`},{id:361,name:`--sf-equal-min-col`},{id:362,name:`--sf-equal-min-col-2`,removed:!0},{id:363,name:`--sf-equal-min-col-3`,removed:!0},{id:364,name:`--sf-equal-min-col-4`,removed:!0},{id:365,name:`--sf-equal-min-col-6`,removed:!0},{id:366,name:`--sf-field-block`},{id:367,name:`--sf-field-padding-block`},{id:368,name:`--sf-field-padding-inline`},{id:369,name:`--sf-field-radius`},{id:370,name:`--sf-field-required-marker`},{id:371,name:`--sf-flow-space`},{id:372,name:`--sf-fluid-max-vw`},{id:373,name:`--sf-fluid-min-vw`},{id:374,name:`--sf-focus-ring-color`},{id:375,name:`--sf-focus-ring-offset`},{id:376,name:`--sf-focus-ring-shadow`},{id:377,name:`--sf-focus-ring-style`},{id:378,name:`--sf-focus-ring-width`},{id:379,name:`--sf-font-body`},{id:380,name:`--sf-font-display`},{id:381,name:`--sf-font-features`},{id:382,name:`--sf-font-geometric`,removed:!0},{id:383,name:`--sf-font-heading`},{id:384,name:`--sf-font-humanist`,removed:!0},{id:385,name:`--sf-font-mono`},{id:386,name:`--sf-font-numeric`},{id:387,name:`--sf-font-slab`,removed:!0},{id:388,name:`--sf-font-variation`},{id:389,name:`--sf-font-weight-body`},{id:390,name:`--sf-font-weight-bold`},{id:391,name:`--sf-font-weight-display`},{id:392,name:`--sf-font-weight-heading`},{id:393,name:`--sf-font-weight-interactive`},{id:394,name:`--sf-font-weight-light`},{id:395,name:`--sf-font-weight-medium`},{id:396,name:`--sf-font-weight-normal`},{id:397,name:`--sf-font-weight-semibold`},{id:398,name:`--sf-font-weight-strong`},{id:399,name:`--sf-frame-ratio`},{id:400,name:`--sf-gap`},{id:401,name:`--sf-gradient-brand`},{id:402,name:`--sf-gradient-fade--b`},{id:403,name:`--sf-gradient-fade--l`},{id:404,name:`--sf-gradient-fade--r`},{id:405,name:`--sf-gradient-fade--t`},{id:406,name:`--sf-gradient-primary`},{id:407,name:`--sf-gradient-secondary`},{id:408,name:`--sf-gradient-surface`},{id:409,name:`--sf-gradient-tertiary`},{id:410,name:`--sf-grid-gap`},{id:411,name:`--sf-grid-min`},{id:412,name:`--sf-grid-min-2xl`},{id:413,name:`--sf-grid-min-l`},{id:414,name:`--sf-grid-min-m`},{id:415,name:`--sf-grid-min-s`},{id:416,name:`--sf-grid-min-xl`},{id:417,name:`--sf-grid-min-xs`},{id:418,name:`--sf-gutter`},{id:419,name:`--sf-h1-font-weight`},{id:420,name:`--sf-h1-letter-spacing`},{id:421,name:`--sf-h1-line-height`},{id:422,name:`--sf-h1-max-width`},{id:423,name:`--sf-h1-size`},{id:424,name:`--sf-h2-font-weight`},{id:425,name:`--sf-h2-letter-spacing`},{id:426,name:`--sf-h2-line-height`},{id:427,name:`--sf-h2-max-width`},{id:428,name:`--sf-h2-size`},{id:429,name:`--sf-h3-font-weight`},{id:430,name:`--sf-h3-letter-spacing`},{id:431,name:`--sf-h3-line-height`},{id:432,name:`--sf-h3-max-width`},{id:433,name:`--sf-h3-size`},{id:434,name:`--sf-h4-font-weight`},{id:435,name:`--sf-h4-letter-spacing`},{id:436,name:`--sf-h4-line-height`},{id:437,name:`--sf-h4-max-width`},{id:438,name:`--sf-h4-size`},{id:439,name:`--sf-h5-font-weight`},{id:440,name:`--sf-h5-letter-spacing`},{id:441,name:`--sf-h5-line-height`},{id:442,name:`--sf-h5-max-width`},{id:443,name:`--sf-h5-size`},{id:444,name:`--sf-h6-font-weight`},{id:445,name:`--sf-h6-letter-spacing`},{id:446,name:`--sf-h6-line-height`},{id:447,name:`--sf-h6-max-width`},{id:448,name:`--sf-h6-size`},{id:449,name:`--sf-header-height`},{id:450,name:`--sf-header-height-desktop`},{id:451,name:`--sf-header-height-mobile`},{id:452,name:`--sf-heading-color`},{id:453,name:`--sf-heading-font-family`},{id:454,name:`--sf-heading-text-wrap`},{id:455,name:`--sf-icon-2xl`},{id:456,name:`--sf-icon-box-bg`},{id:457,name:`--sf-icon-box-border`},{id:458,name:`--sf-icon-box-pad`},{id:459,name:`--sf-icon-box-radius`},{id:460,name:`--sf-icon-l`},{id:461,name:`--sf-icon-m`},{id:462,name:`--sf-icon-s`},{id:463,name:`--sf-icon-xl`},{id:464,name:`--sf-icon-xs`},{id:465,name:`--sf-imposter-margin`},{id:466,name:`--sf-is-active`,removed:!0},{id:467,name:`--sf-is-current`,removed:!0},{id:468,name:`--sf-is-dark`},{id:469,name:`--sf-is-open`,removed:!0},{id:470,name:`--sf-is-pressed`,removed:!0},{id:471,name:`--sf-leading-normal`},{id:472,name:`--sf-leading-relaxed`},{id:473,name:`--sf-leading-snug`},{id:474,name:`--sf-leading-taper`},{id:475,name:`--sf-leading-tight`},{id:476,name:`--sf-line-clamp`},{id:477,name:`--sf-link-external-marker`},{id:478,name:`--sf-link-underline-offset`},{id:479,name:`--sf-link-underline-thickness`},{id:480,name:`--sf-lumlocker`},{id:481,name:`--sf-mask-scrim-end`},{id:482,name:`--sf-mask-scrim-start`},{id:483,name:`--sf-motion-scale`},{id:484,name:`--sf-object-fit`},{id:485,name:`--sf-object-position`},{id:486,name:`--sf-opacity-disabled`},{id:487,name:`--sf-opacity-muted`},{id:488,name:`--sf-optical-sizing`},{id:489,name:`--sf-palette-mix-100`,removed:!0},{id:490,name:`--sf-palette-mix-200`,removed:!0},{id:491,name:`--sf-palette-mix-300`,removed:!0},{id:492,name:`--sf-palette-mix-400`,removed:!0},{id:493,name:`--sf-palette-mix-50`,removed:!0},{id:494,name:`--sf-palette-mix-600`,removed:!0},{id:495,name:`--sf-palette-mix-700`,removed:!0},{id:496,name:`--sf-palette-mix-800`,removed:!0},{id:497,name:`--sf-palette-mix-900`,removed:!0},{id:498,name:`--sf-palette-mix-950`,removed:!0},{id:499,name:`--sf-print-base-size`,removed:!0},{id:500,name:`--sf-print-page-margin`,removed:!0},{id:501,name:`--sf-print-page-size`,removed:!0},{id:502,name:`--sf-prose-block-margin`},{id:503,name:`--sf-prose-blockquote-border`},{id:504,name:`--sf-prose-blockquote-padding`},{id:505,name:`--sf-prose-figcaption-size`},{id:506,name:`--sf-prose-figure-margin`},{id:507,name:`--sf-prose-heading-gap`},{id:508,name:`--sf-prose-hr-margin`},{id:509,name:`--sf-prose-list-gap`},{id:510,name:`--sf-prose-marker-color`},{id:511,name:`--sf-prose-media-margin`},{id:512,name:`--sf-prose-media-radius`},{id:513,name:`--sf-prose-nested-list-gap`},{id:514,name:`--sf-prose-paragraph`},{id:515,name:`--sf-prose-table-pad`},{id:516,name:`--sf-radius-2xl`},{id:517,name:`--sf-radius-2xs`},{id:518,name:`--sf-radius-3xl`},{id:519,name:`--sf-radius-4xl`},{id:520,name:`--sf-radius-full`},{id:521,name:`--sf-radius-l`},{id:522,name:`--sf-radius-m`},{id:523,name:`--sf-radius-none`},{id:524,name:`--sf-radius-outer`},{id:525,name:`--sf-radius-pill`},{id:526,name:`--sf-radius-s`},{id:527,name:`--sf-radius-scale`},{id:528,name:`--sf-radius-xl`},{id:529,name:`--sf-radius-xs`},{id:530,name:`--sf-ratio-3-2`},{id:531,name:`--sf-ratio-4-3`},{id:532,name:`--sf-ratio-cinema`},{id:533,name:`--sf-ratio-golden`},{id:534,name:`--sf-ratio-portrait`},{id:535,name:`--sf-ratio-square`},{id:536,name:`--sf-ratio-video`},{id:537,name:`--sf-reel-gap`},{id:538,name:`--sf-reel-height`},{id:539,name:`--sf-reel-item-width`},{id:540,name:`--sf-safe-bottom`},{id:541,name:`--sf-safe-left`},{id:542,name:`--sf-safe-right`},{id:543,name:`--sf-safe-top`},{id:544,name:`--sf-scrim-color`},{id:545,name:`--sf-scrim-direction`},{id:546,name:`--sf-scrim-gradient`},{id:547,name:`--sf-scrim-text-shadow`},{id:548,name:`--sf-scroll-shadow-size`},{id:549,name:`--sf-scroll-timeline-range-end`},{id:550,name:`--sf-scroll-timeline-range-start`},{id:551,name:`--sf-scrollbar-thumb`},{id:552,name:`--sf-scrollbar-track`},{id:553,name:`--sf-section-pad`},{id:554,name:`--sf-section-pad--2xl`},{id:555,name:`--sf-section-pad--l`},{id:556,name:`--sf-section-pad--m`},{id:557,name:`--sf-section-pad--s`},{id:558,name:`--sf-section-pad--xl`},{id:559,name:`--sf-section-pad--xs`},{id:560,name:`--sf-section-scale`},{id:561,name:`--sf-shadow-2xl`},{id:562,name:`--sf-shadow-color`},{id:563,name:`--sf-shadow-glow`},{id:564,name:`--sf-shadow-glow-color`},{id:565,name:`--sf-shadow-inner`},{id:566,name:`--sf-shadow-l`},{id:567,name:`--sf-shadow-lightness`},{id:568,name:`--sf-shadow-m`},{id:569,name:`--sf-shadow-none`},{id:570,name:`--sf-shadow-s`},{id:571,name:`--sf-shadow-strength`},{id:572,name:`--sf-shadow-xl`},{id:573,name:`--sf-shadow-xs`},{id:574,name:`--sf-sidebar-gap`},{id:575,name:`--sf-sidebar-min-width`},{id:576,name:`--sf-sidebar-width`},{id:577,name:`--sf-size-l`},{id:578,name:`--sf-size-m`},{id:579,name:`--sf-size-s`},{id:580,name:`--sf-size-xl`},{id:581,name:`--sf-size-xs`},{id:582,name:`--sf-space-2xl`},{id:583,name:`--sf-space-2xs`},{id:584,name:`--sf-space-3xl`},{id:585,name:`--sf-space-4xl`},{id:586,name:`--sf-space-base-max`},{id:587,name:`--sf-space-base-min`},{id:588,name:`--sf-space-l`},{id:589,name:`--sf-space-m`},{id:590,name:`--sf-space-none`},{id:591,name:`--sf-space-px`},{id:592,name:`--sf-space-ratio-max`},{id:593,name:`--sf-space-ratio-min`},{id:594,name:`--sf-space-s`},{id:595,name:`--sf-space-scale`},{id:596,name:`--sf-space-xl`},{id:597,name:`--sf-space-xs`},{id:598,name:`--sf-stack-gap`},{id:599,name:`--sf-state-pending-opacity`,removed:!0},{id:600,name:`--sf-sticky-offset`},{id:601,name:`--sf-sticky-offset-desktop`},{id:602,name:`--sf-sticky-offset-mobile`},{id:603,name:`--sf-surface-color`},{id:604,name:`--sf-switcher-gap`},{id:605,name:`--sf-switcher-threshold`},{id:606,name:`--sf-text-2xl`},{id:607,name:`--sf-text-2xl-font-weight`},{id:608,name:`--sf-text-2xl-letter-spacing`},{id:609,name:`--sf-text-2xl-line-height`},{id:610,name:`--sf-text-2xl-max-width`},{id:611,name:`--sf-text-2xs`},{id:612,name:`--sf-text-2xs-font-weight`},{id:613,name:`--sf-text-2xs-letter-spacing`},{id:614,name:`--sf-text-2xs-line-height`},{id:615,name:`--sf-text-2xs-max-width`},{id:616,name:`--sf-text-3xl`},{id:617,name:`--sf-text-3xl-font-weight`},{id:618,name:`--sf-text-3xl-letter-spacing`},{id:619,name:`--sf-text-3xl-line-height`},{id:620,name:`--sf-text-3xl-max-width`},{id:621,name:`--sf-text-4xl`},{id:622,name:`--sf-text-4xl-font-weight`},{id:623,name:`--sf-text-4xl-letter-spacing`},{id:624,name:`--sf-text-4xl-line-height`},{id:625,name:`--sf-text-4xl-max-width`},{id:626,name:`--sf-text-base-max`},{id:627,name:`--sf-text-base-min`},{id:628,name:`--sf-text-display-base-max`},{id:629,name:`--sf-text-display-base-min`},{id:630,name:`--sf-text-display-l`},{id:631,name:`--sf-text-display-m`},{id:632,name:`--sf-text-display-s`},{id:633,name:`--sf-text-display-scale`},{id:634,name:`--sf-text-l`},{id:635,name:`--sf-text-l-font-weight`},{id:636,name:`--sf-text-l-letter-spacing`},{id:637,name:`--sf-text-l-line-height`},{id:638,name:`--sf-text-l-max-width`},{id:639,name:`--sf-text-m`},{id:640,name:`--sf-text-m-font-weight`},{id:641,name:`--sf-text-m-letter-spacing`},{id:642,name:`--sf-text-m-line-height`},{id:643,name:`--sf-text-m-max-width`},{id:644,name:`--sf-text-ratio-max`},{id:645,name:`--sf-text-ratio-min`},{id:646,name:`--sf-text-s`},{id:647,name:`--sf-text-s-font-weight`},{id:648,name:`--sf-text-s-letter-spacing`},{id:649,name:`--sf-text-s-line-height`},{id:650,name:`--sf-text-s-max-width`},{id:651,name:`--sf-text-scale`},{id:652,name:`--sf-text-shadow-l`},{id:653,name:`--sf-text-shadow-m`},{id:654,name:`--sf-text-shadow-none`},{id:655,name:`--sf-text-shadow-s`},{id:656,name:`--sf-text-xl`},{id:657,name:`--sf-text-xl-font-weight`},{id:658,name:`--sf-text-xl-letter-spacing`},{id:659,name:`--sf-text-xl-line-height`},{id:660,name:`--sf-text-xl-max-width`},{id:661,name:`--sf-text-xs`},{id:662,name:`--sf-text-xs-font-weight`},{id:663,name:`--sf-text-xs-letter-spacing`},{id:664,name:`--sf-text-xs-line-height`},{id:665,name:`--sf-text-xs-max-width`},{id:666,name:`--sf-theme-transition-duration`},{id:667,name:`--sf-touch-target`},{id:668,name:`--sf-tracking-normal`},{id:669,name:`--sf-tracking-tight`},{id:670,name:`--sf-tracking-wide`},{id:671,name:`--sf-tracking-wider`},{id:672,name:`--sf-tracking-widest`},{id:673,name:`--sf-transition-colors`},{id:674,name:`--sf-transition-enter`},{id:675,name:`--sf-transition-exit`},{id:676,name:`--sf-transition-fast`},{id:677,name:`--sf-transition-form-field`},{id:678,name:`--sf-transition-opacity`},{id:679,name:`--sf-transition-overlay`},{id:680,name:`--sf-transition-shadow`},{id:681,name:`--sf-transition-slow`},{id:682,name:`--sf-transition-transform`},{id:683,name:`--sf-z-base`},{id:684,name:`--sf-z-below`},{id:685,name:`--sf-z-dropdown`},{id:686,name:`--sf-z-fixed`},{id:687,name:`--sf-z-modal`},{id:688,name:`--sf-z-overlay`},{id:689,name:`--sf-z-raised`},{id:690,name:`--sf-z-sticky`},{id:691,name:`--sf-z-toast`},{id:692,name:`--sf-z-tooltip`},{id:693,name:`--sf-bg-layer-fit`},{id:694,name:`--sf-bg-layer-inset`},{id:695,name:`--sf-bg-layer-position`},{id:696,name:`--sf-bg-layer-radius`},{id:697,name:`--sf-bg-layer-z`},{id:698,name:`--sf-btn-padding-block`},{id:699,name:`--sf-btn-padding-inline`},{id:700,name:`--sf-btn-radius`},{id:701,name:`--sf-equal-rule-color`},{id:702,name:`--sf-equal-rule-style`},{id:703,name:`--sf-equal-rule-width`},{id:704,name:`--sf-boxed-bg`,removed:!0},{id:705,name:`--sf-boxed-border-color`,removed:!0},{id:706,name:`--sf-boxed-border-width`,removed:!0},{id:707,name:`--sf-boxed-padding`,removed:!0},{id:708,name:`--sf-boxed-radius`,removed:!0},{id:709,name:`--sf-boxed-shadow`,removed:!0},{id:710,name:`--sf-corner-scoop-at`,removed:!0},{id:711,name:`--sf-corner-scoop-size`,removed:!0},{id:712,name:`--sf-corners-end-end`,removed:!0},{id:713,name:`--sf-corners-end-start`,removed:!0},{id:714,name:`--sf-corners-start-end`,removed:!0},{id:715,name:`--sf-corners-start-start`,removed:!0},{id:716,name:`--sf-overlap-pull`,removed:!0},{id:717,name:`--sf-btn-border-width`},{id:718,name:`--sf-btn-font-size`},{id:719,name:`--sf-btn-font-weight`},{id:720,name:`--sf-btn-gap`},{id:721,name:`--sf-btn-min-height`},{id:722,name:`--sf-card-bg`},{id:723,name:`--sf-card-border-color`},{id:724,name:`--sf-card-border-width`},{id:725,name:`--sf-card-btn-font-size`,removed:!0},{id:726,name:`--sf-card-gap`},{id:727,name:`--sf-card-heading-size`},{id:728,name:`--sf-card-media-radius`},{id:729,name:`--sf-card-media-ratio`},{id:730,name:`--sf-card-padding`},{id:731,name:`--sf-card-radius`},{id:732,name:`--sf-card-radius-outer`},{id:733,name:`--sf-card-shadow`},{id:734,name:`--sf-card-shadow--elevated`},{id:735,name:`--sf-card-shadow--hover`},{id:736,name:`--sf-animation-slide-out-down`},{id:737,name:`--sf-animation-slide-out-left`},{id:738,name:`--sf-animation-slide-out-right`},{id:739,name:`--sf-animation-slide-out-up`},{id:740,name:`--sf-color-selection-bg--alt`},{id:741,name:`--sf-color-selection-text--alt`},{id:742,name:`--sf-media-radius`},{id:743,name:`--sf-scroll-timeline-range-exit-end`},{id:744,name:`--sf-scroll-timeline-range-exit-start`},{id:745,name:`--sf-drop-shadow-xl`},{id:746,name:`--sf-drop-shadow-xs`},{id:747,name:`--sf-link-external-label`},{id:748,name:`--sf-text-shadow-xl`},{id:749,name:`--sf-text-shadow-xs`},{id:750,name:`--sf-fluid-width`},{id:751,name:`--sf-surface-bg-animation`},{id:752,name:`--sf-surface-bg-attachment`},{id:753,name:`--sf-surface-bg-color`},{id:754,name:`--sf-surface-bg-image`},{id:755,name:`--sf-surface-bg-overlay`},{id:756,name:`--sf-surface-bg-position`},{id:757,name:`--sf-surface-bg-repeat`},{id:758,name:`--sf-surface-bg-size`},{id:759,name:`--sf-card-avatar-size`},{id:760,name:`--sf-color-action-tint`},{id:761,name:`--sf-color-base-tint`},{id:762,name:`--sf-color-danger-tint`},{id:763,name:`--sf-color-info-tint`},{id:764,name:`--sf-color-neutral-tint`},{id:765,name:`--sf-color-primary-tint`},{id:766,name:`--sf-color-secondary-tint`},{id:767,name:`--sf-color-success-tint`},{id:768,name:`--sf-color-tertiary-tint`},{id:769,name:`--sf-color-warning-tint`},{id:770,name:`--sf-gradient-action`},{id:771,name:`--sf-btn-font-scale`},{id:772,name:`--sf-btn-l-font-size`},{id:773,name:`--sf-btn-m-font-size`},{id:774,name:`--sf-btn-s-font-size`},{id:775,name:`--sf-btn-xl-font-size`},{id:776,name:`--sf-btn-xs-font-size`},{id:777,name:`--sf-btn-l-min-height`},{id:778,name:`--sf-btn-l-padding-block`},{id:779,name:`--sf-btn-l-padding-inline`},{id:780,name:`--sf-btn-m-min-height`},{id:781,name:`--sf-btn-m-padding-block`},{id:782,name:`--sf-btn-m-padding-inline`},{id:783,name:`--sf-btn-s-min-height`},{id:784,name:`--sf-btn-s-padding-block`},{id:785,name:`--sf-btn-s-padding-inline`},{id:786,name:`--sf-btn-xl-min-height`},{id:787,name:`--sf-btn-xl-padding-block`},{id:788,name:`--sf-btn-xl-padding-inline`},{id:789,name:`--sf-btn-xs-min-height`},{id:790,name:`--sf-btn-xs-padding-block`},{id:791,name:`--sf-btn-xs-padding-inline`},{id:792,name:`--sf-hover-grow-scale`},{id:793,name:`--sf-hover-lift`},{id:794,name:`--sf-hover-shrink-scale`},{id:795,name:`--sf-hover-slide`},{id:796,name:`--sf-stagger-step`},{id:797,name:`--sf-density`,removed:!0},{id:798,name:`--sf-palette-shade-l`},{id:799,name:`--sf-palette-tint-l`},{id:800,name:`--sf-lumlocker-dark`},{id:801,name:`--sf-color-text--subtle`},{id:802,name:`--sf-scroll-offset-gap`},{id:803,name:`--sf-marker-color`}]},il=window.__SLASHED_FW_VERSION__===void 0?`0.0.0`:window.__SLASHED_FW_VERSION__,al=65535,ol=65535,sl=new TextEncoder,cl=new TextDecoder(`utf-8`,{fatal:!1}),ll=32*1024,ul=256*1024;function dl(e){return Number.isInteger(e)&&e>=0&&e<=ol}function fl(e){let t=new Map;for(let n of e?.tokens??[])n&&!n.removed&&typeof n.name==`string`&&dl(n.id)&&t.set(n.name,n.id);return t}function pl(e){let t=new Map;for(let n of e?.tokens??[])n&&!n.removed&&typeof n.name==`string`&&Number.isInteger(n.id)&&t.set(n.id,n.name);return t}function ml(e){let t=``;for(let n=0;n<e.length;n++)t+=String.fromCharCode(e[n]);return btoa(t).replace(/\+/g,`-`).replace(/\//g,`_`).replace(/=+$/,``)}function hl(e){try{let t=e.replace(/-/g,`+`).replace(/_/g,`/`);for(;t.length%4;)t+=`=`;let n=atob(t),r=new Uint8Array(n.length);for(let e=0;e<n.length;e++)r[e]=n.charCodeAt(e);return r}catch{return null}}function gl(e,t=rl){if(!e||typeof e!=`object`)return``;let n=fl(t),r=[];for(let[t,i]of Object.entries(e)){if(typeof t!=`string`||typeof i!=`string`||i===``)continue;let e=n.get(t);if(e===void 0)continue;let a=sl.encode(i);a.length>al||r.push({id:e,valueBytes:a})}if(r.length===0)return``;r.sort((e,t)=>e.id-t.id);let i=0;for(let e of r)i+=4+e.valueBytes.length;let a=new Uint8Array(i),o=0;for(let{id:e,valueBytes:t}of r)a[o++]=e>>8&255,a[o++]=e&255,a[o++]=t.length>>8&255,a[o++]=t.length&255,a.set(t,o),o+=t.length;let s=el(a);if(s.length>ll)return console.warn(`[codec] compressed payload too large (${s.length} B > ${ll} B); refusing to encode.`),``;let c=new Uint8Array(1+s.length);return c[0]=2,c.set(s,1),ml(c)}function _l(e,t=rl,n={}){let r=String(e??``).trim();if(r===``)return{};let i=hl(r);if(!i||i.length===0)return{};if(i[0]!==2)return console.warn(`[codec] unknown config-code version ${i[0]} (expected 2); ignoring.`),{};let a=i.length-1;if(a>ll)return console.warn(`[codec] compressed payload too large (${a} B > ${ll} B); ignoring.`),{};let o;try{o=tl(i.subarray(1))}catch{return console.warn(`[codec] failed to decompress config; ignoring.`),{}}if(!o||o.length===0)return{};if(o.length>ul)return console.warn(`[codec] decompressed payload too large (${o.length} B > ${ul} B); ignoring.`),{};let s=pl(t),c=typeof n.sanitize==`function`?n.sanitize:e=>e,l=typeof n.isKnown==`function`?n.isKnown:()=>!0,u={},d=0;try{for(;d<o.length;){if(d+4>o.length)throw Error(`truncated entry header`);let e=o[d]<<8|o[d+1],t=o[d+2]<<8|o[d+3];if(d+=4,d+t>o.length)throw Error(`truncated value`);let n=cl.decode(o.subarray(d,d+t));d+=t;let r=s.get(e);if(r===void 0||!l(r))continue;let i=c(n);i!==``&&(u[r]=i)}}catch(e){return console.warn(`[codec] malformed config code; ignoring (${e.message}).`),{}}return u}function vl(e){return e==null?``:String(e).replace(/\/\*[\s\S]*?\*\//g,` `).replace(/[;{}]/g,` `).replace(/[/*]{2,}/g,` `).replace(/\s+/g,` `).trim()}function yl(e,t={}){let{mode:n=`layer`,banner:r=!0}=t,i=Object.keys(e).filter(e=>/^--sf-[\w-]+$/.test(e)).sort((e,t)=>e.localeCompare(t));if(i.length===0)return``;let a=i.map(t=>`${t}: ${vl(e[t])};`),o=n===`layer`?`		`:`	`,s=a.map(e=>`${o}${e}`).join(`
+`),c=``;return r&&(c+=`/* SLASHED override tokens v${il} — generated by the SLASHED configurator.\n   Load this AFTER the SLASHED stylesheet. ${i.length} token${i.length===1?``:`s`} customised. */\n`),n===`layer`?`${c}@layer slashed.overrides {\n\t:root {\n${s}\n\t}\n}\n`:`${c}:root {\n${s}\n}\n`}function bl(e){let t={};if(!e)return t;let n=e.replace(/\/\*[\s\S]*?\*\//g,``),r=/(--sf-[\w-]+)\s*:/g,i;for(;(i=r.exec(n))!==null;){let e=i[1],a=i.index+i[0].length,o=0,s=``,c=``;for(;a<n.length;a++){let e=n[a];if(s)e===s&&n[a-1]!==`\\`&&(s=``);else if(e===`"`||e===`'`)s=e;else if(e===`(`)o++;else if(e===`)`)o--;else if((e===`;`||e===`}`)&&o===0)break;c+=e}let l=c.replace(/\s+/g,` `).trim();l!==``&&(t[e]=l),r.lastIndex=a}return t}function xl(e){return gl(e,rl)}var Sl=RegExp(`[#&]?c=([^&]+)`);function Cl(e,t={}){let n=new Set(rl.tokens.filter(e=>!e.removed).map(e=>e.name)),r=t.isKnown??(e=>n.has(e)),i=String(e??``).trim(),a=i.match(Sl);return a&&(i=a[1]),_l(i,rl,{sanitize:vl,isKnown:r})}function wl(e,t){let n=typeof window<`u`?window.location.href:`https://example.com/`,r=new URL(t??n),i=xl(e);return r.hash=i?`c=${i}`:``,r.toString()}function Tl(e,t={}){let n=String(e??``);return n.includes(`c=`)?Cl(n,t):{}}var El=`slashed-studio/themes/v1`;function Dl(e){return!!e&&typeof e==`object`&&!Array.isArray(e)&&Object.values(e).every(e=>typeof e==`string`)}function Ol(e){if(!e||typeof e!=`object`||Array.isArray(e))return!1;let t=e;return typeof t.id==`string`&&typeof t.name==`string`&&typeof t.icon==`string`&&typeof t.blurb==`string`&&Dl(t.overrides)}function kl(){if(typeof window>`u`)return[];try{let e=localStorage.getItem(El);if(!e)return[];let t=JSON.parse(e);return Array.isArray(t)?t.filter(Ol):[]}catch{return[]}}function Al(e){if(typeof window>`u`)return!1;try{return localStorage.setItem(El,JSON.stringify(e)),!0}catch{return!1}}function jl(){return kl()}function Ml(e,t){let n=kl(),r=e.trim()||`Untitled theme`,i={id:`theme-${Date.now()}-${Math.random().toString(36).slice(2,7)}`,name:r,icon:`🎨`,blurb:`${Object.keys(t).length} override${Object.keys(t).length===1?``:`s`}`,overrides:{...t}},a=[...n,i];return Al(a)?a:n}function Nl(e){let t=kl().filter(t=>t.id!==e);return Al(t)?t:kl()}var Pl=`slashed-studio/overrides/v2`,Fl=new Set([`--sf-text-base-min`,`--sf-text-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-scale`,`--sf-text-display-base-min`,`--sf-text-display-base-max`,`--sf-text-display-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`]),Il=new Set([`--sf-space-base-min`,`--sf-space-base-max`,`--sf-space-ratio-min`,`--sf-space-ratio-max`,`--sf-space-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`]),Ll=[[`2xs`,-3],[`xs`,-2],[`s`,-1],[`m`,0],[`l`,1],[`xl`,2],[`2xl`,3],[`3xl`,4],[`4xl`,5]],Rl=[[`display-s`,0],[`display-m`,1],[`display-l`,2]],zl=[[`2xs`,-3],[`xs`,-2],[`s`,-1],[`m`,0],[`l`,1],[`xl`,2],[`2xl`,3],[`3xl`,4],[`4xl`,5]],Bl=[[`2xs`,1],[`xs`,2],[`s`,4],[`m`,8],[`l`,12],[`xl`,16],[`2xl`,24],[`3xl`,32],[`4xl`,48]],Vl=[[`1`,1],[`2`,2],[`3`,3],[`4`,4]],Hl=[[`instant`,100],[`fast`,150],[`normal`,250],[`slow`,400],[`slower`,600]];function Ul(e,t,n){let r=e[t];if(r===void 0)return n;let i=parseFloat(r);return Number.isFinite(i)?i:n}function Wl(e){if(!Number.isFinite(e))return`0`;let t=e.toFixed(6).replace(/\.?0+$/,``);return t===``||t===`-`?`0`:t}function Gl(e,t,n,r,i,a,o,s){let c=e*n**+o*s,l=t*r**+o*s;if(a<=i||Math.abs(c-l)<1e-9)return`${Wl(c)}rem`;let u=(l-c)/(a-i);return`clamp(${Wl(c)}rem, calc(${Wl(u)} * (100vw - ${Wl(i)}rem) + ${Wl(c)}rem), ${Wl(l)}rem)`}function Kl(e,{reduceMotion:t=!1}={}){let n={},r=Object.keys(e),i=r.some(e=>Fl.has(e)),a=r.some(e=>Il.has(e)),o=`--sf-radius-scale`in e,s=`--sf-border-scale`in e,c=`--sf-motion-scale`in e;if(!i&&!a&&!o&&!s&&!c)return n;let l=Ul(e,`--sf-fluid-min-vw`,22.5),u=Ul(e,`--sf-fluid-max-vw`,90);if(i){let t=Ul(e,`--sf-text-base-min`,1),r=Ul(e,`--sf-text-base-max`,1.25),i=Ul(e,`--sf-text-ratio-min`,1.25),a=Ul(e,`--sf-text-ratio-max`,1.333),o=Ul(e,`--sf-text-scale`,1);for(let[e,s]of Ll)n[`--sf-text-${e}`]=Gl(t,r,i,a,l,u,s,o);let s=Ul(e,`--sf-text-display-base-min`,2.4),c=Ul(e,`--sf-text-display-base-max`,3),d=Ul(e,`--sf-text-display-scale`,1);for(let[e,t]of Rl)n[`--sf-text-${e}`]=Gl(s,c,i,a,l,u,t,d)}if(a){let t=Ul(e,`--sf-space-base-min`,1),r=Ul(e,`--sf-space-base-max`,2),i=Ul(e,`--sf-space-ratio-min`,1.25),a=Ul(e,`--sf-space-ratio-max`,1.333),o=Ul(e,`--sf-space-scale`,1);for(let[e,s]of zl)n[`--sf-space-${e}`]=Gl(t,r,i,a,l,u,s,o)}if(o){let t=Ul(e,`--sf-radius-scale`,1);for(let[e,r]of Bl)n[`--sf-radius-${e}`]=`${Wl(r*t)}px`;n[`--sf-radius-none`]=`0`,n[`--sf-radius-full`]=`9999px`,n[`--sf-radius-pill`]=`var(--sf-radius-full)`,n[`--sf-radius-outer`]=`calc(var(--sf-radius-m) + var(--sf-component-pad))`}if(s){let t=Ul(e,`--sf-border-scale`,1);for(let[e,r]of Vl)n[`--sf-border-width-${e}`]=`${Wl(r*t)}px`}if(c&&!t){let t=Ul(e,`--sf-motion-scale`,1);for(let[e,r]of Hl)n[`--sf-duration-${e}`]=`${Wl(r*t)}ms`;n[`--sf-duration-none`]=`0ms`,n[`--sf-theme-transition-duration`]=`${Wl(300*t)}ms`;for(let e=1;e<=5;e+=1)n[`--sf-animation-delay-${e}`]=`${Wl(75*e*t)}ms`}return n}function ql(){return typeof window>`u`?null:window.slashedApp??null}function Jl(){let e=(ql()?.pluginSettings?.configurator_url)?.trim();if(e)try{let t=new URL(e);if(t.protocol!==`http:`&&t.protocol!==`https:`){console.warn(`[slashed] ignoring configurator_url with unsupported scheme: ${t.protocol}`);return}return e}catch{console.warn(`[slashed] ignoring invalid configurator_url: ${e}`);return}}function Yl(){return!!ql()}function Xl(){if(typeof window>`u`)return{};let e=ql();if(e)return e.overrides&&typeof e.overrides==`object`&&!Array.isArray(e.overrides)?{...e.overrides}:{};let t=window.location.hash;if(t?.includes(`c=`))try{return Tl(t)}catch{}let n=localStorage.getItem(Pl);if(n)try{let e=JSON.parse(n);if(Dl(e))return e}catch{}return{}}function Zl(e){if(typeof document>`u`)return;let t=document.getElementById(`sf-parent-overrides`);t||(t=document.createElement(`style`),t.id=`sf-parent-overrides`,document.head.appendChild(t));let n=Kl(e,{reduceMotion:typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches}),r=Object.keys(n).length>0?{...n,...e}:e;t.textContent=yl(r,{mode:`root`,banner:!1})}async function Ql(e,t){let n=(e.url??``).replace(/\/$/,``),r=new URL(n+`/tokens/overrides`,window.location.href);if(r.origin!==window.location.origin)throw Error(`slashed: REST URL must be same-origin`);let i=r.href,a=await fetch(i,{method:`POST`,credentials:`same-origin`,headers:{"Content-Type":`application/json`,"X-WP-Nonce":e.nonce??``},body:JSON.stringify({overrides:t})});if(!a.ok)throw Error(`slashed: save failed ${a.status} ${a.statusText}`)}function $l(e){try{localStorage.setItem(Pl,JSON.stringify(e))}catch{}let t=xl(e),n=t?`c=${t}`:``;window.location.hash.replace(`#`,``)!==n&&(window.location.hash=n)}async function eu(e){if(typeof window>`u`)return;let t=ql();if(t?.rest?.url){await Ql(t.rest,{...e});return}$l(e)}var tu=G(`<button class="flex items-center gap-1.5 px-2.5 py-1 bg-indigo-500/10 border border-indigo-500/20 rounded-lg text-indigo-700 dark:text-indigo-300 text-[10px] font-bold font-mono hover:bg-indigo-500/20 transition-colors cursor-pointer shrink-0"><span class="w-4 h-4 bg-indigo-600 text-white rounded-full flex items-center justify-center text-[9px] font-black"> </span> <span class="hidden sm:inline">customised ·</span>Export →</button>`),nu=G(`<!> <span class="hidden sm:inline">Saving…</span>`,1),ru=G(`<!> <span class="hidden sm:inline">Saved</span>`,1),iu=G(`<!> <span class="hidden sm:inline">Save failed</span>`,1),au=G(`<!> <span class="hidden sm:inline">Save</span>`,1),ou=G(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm" role="dialog" aria-modal="true" aria-labelledby="reset-confirm-title" tabindex="-1"><div class="bg-white dark:bg-[#1a1a2e] border border-black/10 dark:border-white/10 rounded-xl p-6 max-w-sm w-full mx-4 shadow-2xl"><h3 id="reset-confirm-title" class="text-slate-900 dark:text-white font-bold text-sm mb-2">Reset all overrides?</h3> <p class="text-slate-600 dark:text-slate-400 text-xs mb-5"> </p> <div class="flex gap-2 justify-end"><button class="px-3 py-1.5 text-xs rounded-lg bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-300 hover:bg-black/12 dark:hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-xs rounded-lg bg-rose-600 hover:bg-rose-500 text-white font-bold transition-colors cursor-pointer">Reset all</button></div></div></div>`),su=G(`<header class="h-[52px] bg-slate-50 dark:bg-[#0d0d14] border-b border-black/8 dark:border-white/8 flex items-center px-3 gap-2 sm:gap-3 shrink-0 z-20"><div class="w-8 h-8 bg-indigo-600 rounded-xl flex items-center justify-center text-white font-black text-lg leading-none select-none shadow-lg shadow-indigo-600/30 shrink-0">/</div> <div class="hidden sm:block shrink-0"><div class="text-[11px] font-bold text-slate-900 dark:text-white tracking-tight leading-none flex items-center gap-1.5">SLASHED Studio <span class="text-[9px] bg-indigo-500/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 font-bold px-1.5 py-0.5 rounded-full font-mono"> </span></div> <div class="text-[9px] text-slate-500 font-mono tracking-widest uppercase mt-0.5">Token Architect</div></div> <button title="Search panels &amp; tokens (Ctrl/Cmd+K)" aria-label="Search panels and tokens" class="flex items-center gap-2 px-2.5 py-1.5 rounded-lg bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8 transition-colors cursor-pointer shrink-0"><!> <span class="hidden md:inline text-[11px]">Search…</span> <kbd class="hidden md:inline text-[9px] font-mono border border-black/10 dark:border-white/10 rounded px-1 py-px">⌘K</kbd></button> <!> <div class="flex-1"></div> <div class="flex items-center gap-1.5 min-w-0 overflow-x-auto [scrollbar-width:none] [&amp;::-webkit-scrollbar]:hidden"><button><!></button> <button title="Undo (Ctrl+Z)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Redo (Ctrl+Shift+Z)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-4 bg-black/10 dark:bg-white/10 mx-1 shrink-0"></div> <button title="Copy share link" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Import overrides (CSS or JSON)" class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Reset all overrides" class="p-1.5 rounded-lg text-rose-600 dark:text-rose-400 hover:text-rose-700 dark:hover:text-rose-300 hover:bg-rose-500/10 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-4 bg-black/10 dark:bg-white/10 mx-1 shrink-0"></div> <button class="p-1.5 rounded-lg text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white hover:bg-black/8 dark:hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button></div></header> <!>`,1);function cu(e,t){Ve(t,!0);let n=window.__SLASHED_FW_VERSION__===void 0?``:window.__SLASHED_FW_VERSION__,r=L(!1),i=L(!1),a=L(null),o=L(null);wn(()=>{U(i)&&gr().then(()=>U(a)?.focus())});async function s(){try{let e=wl(t.overrides,Jl());await navigator.clipboard.writeText(e),R(r,!0),setTimeout(()=>{R(r,!1)},2e3)}catch{}}function c(){R(i,!0)}function l(){R(i,!1),t.onResetAll()}function u(){R(i,!1)}var d=su(),f=B(d),p=V(z(f),2),m=z(p),h=V(z(m)),g=z(h);F(h),F(m),Me(2),F(p);var _=V(p,2);xo(z(_),{class:`w-3.5 h-3.5 shrink-0`}),Me(4),F(_);var v=V(_,2),y=e=>{var n=tu(),r=z(n),i=z(r,!0);F(r),Me(3),F(n),H(()=>q(i,t.overridesCount)),W(`click`,n,function(...e){t.onExport?.apply(this,e)}),K(e,n)};J(v,e=>{t.overridesCount>0&&e(y)});var b=V(v,4),x=z(b),S=z(x),C=e=>{var t=nu();Xa(B(t),{class:`w-3.5 h-3.5 animate-spin shrink-0`}),Me(2),K(e,t)},w=e=>{var t=ru();ga(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)},T=e=>{var t=iu();Uo(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)},E=e=>{var t=au();yo(B(t),{class:`w-3.5 h-3.5 shrink-0`}),Me(2),K(e,t)};J(S,e=>{t.saveState===`saving`?e(C):t.saveState===`saved`?e(w,1):t.saveState===`error`?e(T,2):e(E,-1)}),F(x);var D=V(x,2);qo(z(D),{class:`w-3.5 h-3.5`}),F(D);var O=V(D,2);uo(z(O),{class:`w-3.5 h-3.5`}),F(O);var k=V(O,4),A=z(k),j=e=>{ga(e,{class:`w-3.5 h-3.5 text-emerald-600 dark:text-emerald-400`})},M=e=>{Co(e,{class:`w-3.5 h-3.5`})};J(A,e=>{U(r)?e(j):e(M,-1)}),F(k);var N=V(k,2);Ia(z(N),{class:`w-3.5 h-3.5`}),F(N);var ee=V(N,2);Vo(z(ee),{class:`w-3.5 h-3.5`}),F(ee);var te=V(ee,4),ne=z(te),re=e=>{Fo(e,{class:`w-3.5 h-3.5`})},ie=e=>{eo(e,{class:`w-3.5 h-3.5`})};J(ne,e=>{ic.value===`dark`?e(re):e(ie,-1)}),F(te),F(b),F(f);var ae=V(f,2),oe=e=>{var n=ou(),r=z(n),i=V(z(r),2),s=z(i);F(i);var c=V(i,2),d=z(c);Zi(d,e=>R(a,e),()=>U(a));var f=V(d,2);Zi(f,e=>R(o,e),()=>U(o)),F(c),F(r),F(n),H(()=>q(s,`This will clear all ${t.overridesCount??``} customisation${t.overridesCount===1?``:`s`}.
+        You can still undo this before saving.`)),W(`click`,n,e=>{e.target===e.currentTarget&&u()}),W(`keydown`,n,e=>{e.key===`Escape`&&(e.stopPropagation(),u()),e.key===`Tab`&&(e.preventDefault(),document.activeElement===U(a)?U(o)?.focus():U(a)?.focus())}),W(`click`,d,u),W(`click`,f,l),K(e,n)};J(ae,e=>{U(i)&&e(oe)}),H(e=>{q(g,`v${n??``}`),x.disabled=!t.hasPendingChanges||t.saveState===`saving`,Q(x,`title`,t.saveState===`error`?`Save failed — click to retry`:t.hasPendingChanges?`Save changes (Ctrl+S)`:`No unsaved changes`),X(x,1,e),D.disabled=!t.canUndo,O.disabled=!t.canRedo,ee.disabled=t.overridesCount===0,Q(te,`title`,ic.value===`dark`?`Switch to light mode`:`Switch to dark mode`),Q(te,`aria-label`,ic.value===`dark`?`Switch to light mode`:`Switch to dark mode`),Q(te,`aria-pressed`,ic.value===`dark`)},[()=>vi([`flex items-center gap-1.5 px-2 sm:px-3 py-1.5 rounded-lg text-[11px] font-bold transition-colors cursor-pointer shrink-0`,t.saveState===`error`?`bg-red-100 dark:bg-red-900/40 border border-red-500/30 text-red-700 dark:text-red-300`:t.saveState===`saved`?`bg-emerald-100 dark:bg-emerald-900/40 border border-emerald-500/30 text-emerald-700 dark:text-emerald-300`:t.hasPendingChanges?`bg-emerald-600 hover:bg-emerald-500 text-white shadow-sm shadow-emerald-600/30`:`bg-black/5 dark:bg-white/5 text-slate-500 disabled:opacity-40 disabled:pointer-events-none`].join(` `))]),W(`click`,_,function(...e){t.onOpenSearch?.apply(this,e)}),W(`click`,x,function(...e){t.onSave?.apply(this,e)}),W(`click`,D,function(...e){t.onUndo?.apply(this,e)}),W(`click`,O,function(...e){t.onRedo?.apply(this,e)}),W(`click`,k,s),W(`click`,N,function(...e){t.onImport?.apply(this,e)}),W(`click`,ee,c),W(`click`,te,function(...e){lc?.apply(this,e)}),K(e,d),He()}Rr([`click`,`keydown`]);var lu=G(`<span> </span> <span> </span>`,1),uu=G(`<button><!> <span> </span> <!> <span> </span></button>`),du=G(`<div></div> <div> </div> <div></div>`,1),fu=G(`<nav aria-label="Panels"><div><!></div> <!></nav>`);function pu(e,t){Ve(t,!0);let n=na(t,`overridesByDomain`,19,()=>({})),r=na(t,`expanded`,3,!1),i={id:`home`,icon:Ra,label:`Home`},a=[{label:`Foundations`,items:[{id:`colors`,icon:io,label:`Colors`},{id:`typography`,icon:Go,label:`Typography`},{id:`spacing`,icon:_o,label:`Spacing`},{id:`borders`,icon:No,label:`Shape`},{id:`motion`,icon:$o,label:`Motion`}]},{label:`Composition`,items:[{id:`layout`,icon:oo,label:`Layout`},{id:`depth`,icon:Ba,label:`Depth`},{id:`macros`,icon:fa,label:`Macros`},{id:`components`,icon:Ea,label:`Components`},{id:`misc`,icon:co,label:`System`}]},{label:`Quality`,items:[{id:`changes`,icon:Ka,label:`Changes`},{id:`wcag`,icon:To,label:`Accessibility`}]},{label:`Project`,items:[{id:`themes`,icon:Lo,label:`Presets`},{id:`setup`,icon:no,label:`Install & export`},{id:`cheatsheet`,icon:ma,label:`Reference`}]}],o=I(()=>Object.values(n()).reduce((e,t)=>e+t,0)),s=e=>e===`changes`?U(o):n()[e]||0;var c=fu();{let e=(e,n=f)=>{let i=I(()=>t.activeId===n().id),a=I(()=>s(n().id)),o=I(()=>n().icon);var c=uu(),l=z(c);fi(l,()=>U(o),(e,t)=>{t(e,{class:`w-4 h-4 shrink-0`})});var u=V(l,2),d=z(u,!0);F(u);var p=V(u,2),m=e=>{var t=lu(),n=B(t),o=z(n,!0);F(n);var s=V(n,2),c=z(s,!0);F(s),H(()=>{X(n,1,`${r()?`hidden`:`@3xl:hidden`} absolute -top-0.5 -right-0.5 w-3.5 h-3.5 rounded-full text-[8px] font-black flex items-center justify-center ${U(i)?`bg-white text-indigo-700`:`bg-indigo-500 text-white`}`),q(o,U(a)>9?`+`:U(a)),X(s,1,`${r()?`flex`:`hidden @3xl:flex`} ml-auto min-w-4 h-4 px-1 rounded-full text-[9px] font-black items-center justify-center ${U(i)?`bg-white/25 text-white`:`bg-indigo-500/15 text-indigo-600 dark:text-indigo-400`}`),q(c,U(a)>99?`99+`:U(a))}),K(e,t)};J(p,e=>{U(a)>0&&e(m)});var h=V(p,2),g=z(h,!0);F(h),F(c),H(()=>{Q(c,`title`,n().label),Q(c,`aria-current`,U(i)?`page`:void 0),X(c,1,`relative flex items-center gap-2.5 rounded-xl transition-all cursor-pointer group ${r()?`justify-start w-full h-9 px-2.5`:`justify-center @3xl:justify-start w-10 @3xl:w-full h-10 @3xl:h-8 px-0 @3xl:px-2.5`} ${U(i)?`bg-indigo-600 text-white shadow-lg shadow-indigo-600/30`:`text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/8 dark:hover:bg-white/8`}`),X(u,1,`${r()?`block`:`hidden @3xl:block`} text-[11px] font-semibold truncate`),q(d,n().label),X(h,1,`${r()?`hidden`:`@3xl:hidden`} absolute left-12 bg-slate-800 text-white text-[10px] font-semibold px-2 py-1 rounded-lg whitespace-nowrap opacity-0 group-hover:opacity-100 pointer-events-none transition-opacity z-50 border border-white/10`),q(g,n().label)}),W(`click`,c,()=>t.onSelect(n().id)),K(e,c)};var l=z(c);e(z(l),()=>i),F(l),Y(V(l,2),17,()=>a,e=>e.label,(t,n)=>{var i=du(),a=B(i),o=V(a,2),s=z(o,!0);F(o);var c=V(o,2);Y(c,21,()=>U(n).items,e=>e.id,(t,n)=>{e(t,()=>U(n))}),F(c),H(()=>{X(a,1,`h-px bg-black/8 dark:bg-white/8 my-2 ${r()?`mx-2.5`:`w-8 @3xl:w-auto @3xl:mx-2.5`}`),X(o,1,`${r()?`block`:`hidden @3xl:block`} px-3 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600`),q(s,U(n).label),X(c,1,`flex flex-col gap-1 w-full px-2 ${r()?`items-stretch`:`items-center @3xl:items-stretch`}`)}),K(t,i)}),F(c),H(()=>X(l,1,`flex flex-col gap-1 w-full px-2 ${r()?`items-stretch`:`items-center @3xl:items-stretch`}`))}H(()=>X(c,1,`bg-slate-50 dark:bg-[#0a0a0f] flex flex-col py-3 gap-1 shrink-0 overflow-y-auto overflow-x-hidden ${r()?`w-full items-stretch`:`w-14 @3xl:w-52 items-center @3xl:items-stretch border-r border-black/8 dark:border-white/8`}`)),K(e,c),He()}Rr([`click`]);var mu=G(`<span class="text-indigo-600 dark:text-indigo-400"> </span>`),hu=G(`<div class="h-6 bg-slate-100 dark:bg-[#07070b] border-t border-black/6 dark:border-white/6 flex items-center px-4 gap-4 shrink-0 select-none"><div class="flex items-center gap-1.5"><div class="w-1.5 h-1.5 rounded-full bg-emerald-500"></div> <span class="text-[9px] font-mono font-bold text-slate-500 uppercase tracking-widest">Live</span></div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600"><!></span> <div class="flex-1"></div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-700"> </span></div>`);function gu(e,t){var n=hu(),r=V(z(n),2),i=z(r),a=e=>{var n=mu(),r=z(n);F(n),H(()=>q(r,`${t.overridesCount??``} override${t.overridesCount===1?``:`s`} active`)),K(e,n)},o=e=>{K(e,qr(`No overrides — showing framework defaults`))};J(i,e=>{t.overridesCount>0?e(a):e(o,-1)}),F(r);var s=V(r,4),c=z(s,!0);F(s),F(n),H(()=>q(c,t.domain)),K(e,n)}var _u=null,vu=null,yu=null,bu=null,xu=null,Su=null,Cu=null,wu=new Map,Tu=Qt({value:0}),Eu=0;function Du(e){if(_u===e){ku();return}vu&&vu.remove(),bu&&bu.remove(),xu&&xu.remove(),_u=e,vu=null,yu=null,bu=null,xu=null,Su=null,Cu=null,ku()}function Ou(){return _u?.documentElement.getAttribute(`data-theme`)===`dark`?`dark`:`light`}function ku(){Eu+=1,Tu.value=Eu,wu.clear()}function Au(){if(!_u||!_u.body)return null;if(vu&&vu.ownerDocument===_u&&vu.isConnected)return vu;let e=_u.createElement(`div`);return e.setAttribute(`data-sf-probe`,``),e.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,_u.body.appendChild(e),vu=e,e}function ju(e){let t=wu.get(e);if(t!==void 0)return t;let n=Au();if(!n||!_u)return``;n.style.color=``,n.style.color=e;let r=_u.defaultView?.getComputedStyle(n).color??``;return wu.set(e,r),r}function Mu(e){return!_u||!_u.body?null:e===`light`?Su&&Su.isConnected?Su:(bu&&bu.remove(),bu=_u.createElement(`div`),bu.setAttribute(`data-theme`,`light`),bu.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,Su=_u.createElement(`div`),bu.appendChild(Su),_u.body.appendChild(bu),Su):Cu&&Cu.isConnected?Cu:(xu&&xu.remove(),xu=_u.createElement(`div`),xu.setAttribute(`data-theme`,`dark`),xu.style.cssText=`position:absolute;width:0;height:0;pointer-events:none;visibility:hidden;`,Cu=_u.createElement(`div`),xu.appendChild(Cu),_u.body.appendChild(xu),Cu)}function Nu(e,t){let n=`${t}\0${e}`,r=wu.get(n);if(r!==void 0)return r;let i=Mu(t);if(!i||!_u)return``;i.style.color=``,i.style.color=e;let a=_u.defaultView?.getComputedStyle(i).color??``;return wu.set(n,a),a}function Pu(){if(!_u)return null;if(yu&&yu.canvas.ownerDocument===_u)return yu;let e=_u.createElement(`canvas`);return e.width=1,e.height=1,yu=e.getContext(`2d`,{willReadFrequently:!0}),yu}function Fu(e){let t=ju(e);if(!t)return null;let n=Pu();if(!n)return null;n.clearRect(0,0,1,1),n.fillStyle=t,n.fillRect(0,0,1,1);try{let e=n.getImageData(0,0,1,1).data;return[e[0],e[1],e[2]]}catch{return null}}function Iu(e){let t=Au();return!t||!_u?``:(t.style.background=``,t.style.background=e,_u.defaultView?.getComputedStyle(t).backgroundImage??``)}var Lu=Qt({value:!1}),Ru=`/*! SLASHED v0.7.36 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
@@ -5809,7 +5809,7 @@ ${l?l+`
 <body>
 ${Zs(i)}
 </body>
-</html>`}let c=L(!1),l=L(null),u=L(null),d=L(null),f=L(0),p=L(0),m=L(0),h=L(0),g=I(()=>s({},t.previewTheme,t.previewMotion,t.previewTemplate,Ru)),_=I(()=>s({},`light`,t.previewMotion,t.previewTemplate,Ru)),v=I(()=>s({},`dark`,t.previewMotion,t.previewTemplate,Ru));wn(()=>{let e=t.overrides,r=t.previewTheme,i=U(f),a=Lu.value,s=requestAnimationFrame(()=>{let t=U(l);if(i===0||!t)return;let s=t.contentDocument;if(!s)return;let c=s.getElementById(`slashed-overrides`);c&&(c.textContent=yl(n(e),{mode:`root`,banner:!1})),o(s,e),s.documentElement.setAttribute(`data-theme`,r),a?s.documentElement.setAttribute(`data-lumlocker`,``):s.documentElement.removeAttribute(`data-lumlocker`),Du(s)});return()=>cancelAnimationFrame(s)}),wn(()=>{let e=U(c),r=t.overrides,i=U(p),a=U(m),s=Lu.value;if(!e)return;let l=requestAnimationFrame(()=>{let e=yl(n(r),{mode:`root`,banner:!1}),t=e=>{s?e.documentElement.setAttribute(`data-lumlocker`,``):e.documentElement.removeAttribute(`data-lumlocker`)},c=!1,l=!1;if(U(u)&&i>0){let n=U(u).contentDocument;if(n){let i=n.getElementById(`slashed-overrides`);i&&(i.textContent=e),o(n,r),t(n),Du(n),c=!0}}if(U(d)&&a>0){let n=U(d).contentDocument;if(n){let i=n.getElementById(`slashed-overrides`);i&&(i.textContent=e),o(n,r),t(n),l=!0}}l&&!c&&ku()});return()=>cancelAnimationFrame(l)});let y=I(()=>t.previewWidth!==`fluid`);function b(){return t.previewWidth===`fluid`?`width:100%;height:100%`:t.previewWidth===`mobile`?`width:390px;height:750px;border:1px solid rgba(255,255,255,0.12);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`:t.previewWidth===`tablet`?`width:768px;height:900px;border:1px solid rgba(255,255,255,0.12);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`:`width:1024px;height:720px;border:1px solid rgba(255,255,255,0.12);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`}var x=qu(),S=z(x),C=z(S);Y(C,21,()=>Ys,e=>e.id,(e,t)=>{var n=zu(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).id)&&(n.value=(n.__value=U(t).id)??``)}),K(e,n)}),F(C);var w;Ei(C);var T=V(C,2);Y(T,21,()=>Ys,e=>e.id,(e,n)=>{var r=Bu(),i=z(r,!0);F(r),H(()=>{X(r,1,`shrink-0 px-2.5 py-0.5 rounded-md text-[10px] font-bold transition-all cursor-pointer ${t.previewTemplate===U(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(i,U(n).label)}),W(`click`,r,()=>t.onTemplateChange(U(n).id)),K(e,r)}),F(T);var E=V(T,4);Y(E,20,()=>[`fluid`,`desktop`,`tablet`,`mobile`],e=>e,(e,n)=>{var r=Vu(),i=z(r),a=e=>{ko(e,{class:`w-3 h-3`})},o=e=>{zo(e,{class:`w-3 h-3`})},s=e=>{Qa(e,{class:`w-3 h-3`})};J(i,e=>{n===`mobile`?e(a):n===`tablet`?e(o,1):e(s,-1)}),F(r),H(()=>{Q(r,`title`,n===`fluid`?`Full width`:n===`desktop`?`Desktop (1024px)`:n===`tablet`?`Tablet (768px)`:`Mobile (390px)`),X(r,1,`p-1 rounded-md transition-all cursor-pointer ${t.previewWidth===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),W(`click`,r,()=>t.onWidthChange(n)),K(e,r)}),F(E);var D=V(E,2),O=z(D);Fo(z(O),{class:`w-3 h-3`}),F(O);var k=V(O,2);eo(z(k),{class:`w-3 h-3`}),F(k);var A=V(k,2);wa(z(A),{class:`w-3 h-3`}),F(A),F(D);var j=V(D,4),M=z(j);M.value=M.__value=`normal`;var ee=V(M);ee.value=ee.__value=`slow`;var te=V(ee);te.value=te.__value=`none`,F(j);var ne;Ei(j);var re=V(j,2);po(z(re),{class:`w-3 h-3`}),F(re);var ie=V(re,2);Ma(z(ie),{class:`w-3 h-3`}),F(ie),F(S);var ae=V(S,2),oe=z(ae),N=e=>{var t=Wu(),n=z(t),r=z(n),i=z(r);Fo(z(i),{class:`w-2.5 h-2.5`}),Me(),F(i),F(r),ti(V(r,2),()=>U(h),e=>{var t=Hu();Zi(t,e=>R(u,e),()=>U(u)),H(()=>Q(t,`srcdoc`,U(_))),Lr(`load`,t,()=>{R(p,U(p)+1)}),Fr(t),K(e,t)}),F(n);var a=V(n,2),o=z(a),s=z(o);eo(z(s),{class:`w-2.5 h-2.5`}),Me(),F(s),F(o),ti(V(o,2),()=>U(h),e=>{var t=Uu();Zi(t,e=>R(d,e),()=>U(d)),H(()=>Q(t,`srcdoc`,U(v))),Lr(`load`,t,()=>{R(m,U(m)+1)}),Fr(t),K(e,t)}),F(a),F(t),K(e,t)},se=e=>{var t=Ku();ti(z(t),()=>U(h),e=>{var t=Gu();Zi(t,e=>R(l,e),()=>U(l)),H(()=>Q(t,`srcdoc`,U(g))),Lr(`load`,t,()=>{R(f,U(f)+1)}),Fr(t),K(e,t)}),F(t),H(e=>{Z(t,e),X(t,1,vi(U(y)?``:`w-full h-full`))},[()=>b()]),K(e,t)};J(oe,e=>{U(c)?e(N):e(se,-1)}),F(ae),F(x),H(()=>{w!==(w=t.previewTemplate)&&(C.value=(C.__value=t.previewTemplate)??``,Ti(C,t.previewTemplate)),X(O,1,`p-1 rounded-md transition-all cursor-pointer ${!U(c)&&t.previewTheme===`light`?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(k,1,`p-1 rounded-md transition-all cursor-pointer ${!U(c)&&t.previewTheme===`dark`?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(A,1,`p-1 rounded-md transition-all cursor-pointer ${U(c)?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),ne!==(ne=t.previewMotion)&&(j.value=(j.__value=t.previewMotion)??``,Ti(j,t.previewMotion)),X(ae,1,`flex-1 min-h-0 flex overflow-auto ${U(y)&&!U(c)?`items-center justify-center bg-slate-100 dark:bg-[#06060a]`:``}`)}),W(`change`,C,e=>t.onTemplateChange(e.target.value)),W(`click`,O,()=>{R(c,!1),t.onThemeChange(`light`)}),W(`click`,k,()=>{R(c,!1),t.onThemeChange(`dark`)}),W(`click`,A,()=>{R(c,!U(c))}),W(`change`,j,e=>t.onMotionChange(e.target.value)),W(`click`,re,()=>{R(f,0),R(p,0),R(m,0),R(h,U(h)+1)}),W(`click`,ie,()=>{let e=new Blob([s(t.overrides,t.previewTheme,t.previewMotion,t.previewTemplate,Ru)],{type:`text/html`}),n=URL.createObjectURL(e);window.open(n,`_blank`)}),K(e,x),He()}Rr([`change`,`click`]);var Yu={_doc:"Authoritative, metadata-driven token→domain classification. Keyed on the framework-authored `namespace` (the segment after --sf-), which is precise and never drifts from the framework — unlike the old substring matching, where overlapping fragments (e.g. 'color' in --sf-focus-ring-color) routed a token to the wrong panel and made the sidebar badge, the category Reset, and the All-tokens list disagree. A namespace maps to exactly one domain; the handful of genuinely mixed namespaces are resolved per-token in `exceptions`. Every domain here must also exist in domains.ts's DOMAINS list. check-curation.mjs consumes the same file, so the build guard and the runtime can never diverge.",namespaces:{color:`colors`,contrast:`colors`,palette:`colors`,lumlocker:`colors`,gradient:`colors`,marker:`colors`,text:`typography`,font:`typography`,body:`typography`,heading:`typography`,h1:`typography`,h2:`typography`,h3:`typography`,h4:`typography`,h5:`typography`,h6:`typography`,leading:`typography`,tracking:`typography`,link:`typography`,optical:`typography`,display:`typography`,code:`typography`,fluid:`typography`,space:`spacing`,gap:`spacing`,gutter:`spacing`,section:`spacing`,component:`spacing`,content:`spacing`,container:`layout`,grid:`layout`,center:`layout`,cluster:`layout`,cover:`layout`,equal:`layout`,frame:`layout`,imposter:`layout`,reel:`layout`,sidebar:`layout`,switcher:`layout`,alternate:`layout`,bento:`layout`,stack:`layout`,header:`layout`,sticky:`layout`,breakout:`layout`,box:`layout`,bg:`layout`,ratio:`layout`,radius:`borders`,border:`borders`,divider:`borders`,field:`borders`,media:`borders`,shadow:`depth`,motion:`motion`,duration:`motion`,ease:`motion`,transition:`motion`,stagger:`motion`,scroll:`motion`,hover:`motion`,theme:`motion`,animation:`motion`,blur:`depth`,opacity:`depth`,drop:`depth`,prose:`macros`,flow:`macros`,line:`macros`,scrim:`macros`,surface:`macros`,mask:`macros`,btn:`components`,card:`components`,z:`misc`,icon:`misc`,size:`misc`,object:`misc`,scrollbar:`misc`,safe:`misc`,is:`misc`,focus:`wcag`,touch:`wcag`},exceptions:{"--sf-content-width":`layout`,"--sf-content-intrinsic-size":`macros`,"--sf-scroll-shadow-size":`macros`,"--sf-scroll-offset-gap":`layout`,"--sf-field-required-marker":`misc`}},Xu=Yu.namespaces,Zu=Yu.exceptions,Qu={};for(let e of ds.tokens??[])Qu[e.name]=e.namespace??$u(e.name);function $u(e){let t=/^--sf-([a-z0-9]+)/.exec(e);return t?t[1]:``}function ed(e){return Zu[e]||(Xu[Qu[e]??$u(e)]??null)}function td(e){return ed(e)??`misc`}var nd=G(`You have <span class="text-indigo-700 dark:text-indigo-300 font-bold"> </span>.`,1),rd=G(`<button class="mt-2 text-[10px] text-rose-600 dark:text-rose-400 hover:text-rose-700 dark:hover:text-rose-300 transition-colors cursor-pointer">Reset all overrides →</button>`),id=G(`<span class="text-[9px] font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-500/10 px-1.5 py-0.5 rounded-full font-mono shrink-0"> </span>`),ad=G(`<button class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-black/6 dark:hover:bg-white/6 transition-colors cursor-pointer group text-left"><div class="text-slate-500 group-hover:text-slate-700 dark:group-hover:text-slate-300 transition-colors shrink-0"><!></div> <div class="flex-1 min-w-0"><div class="text-[11px] font-semibold text-slate-700 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors"> </div> <div class="text-[9px] text-slate-400 dark:text-slate-600"> </div></div> <!> <span class="text-slate-300 dark:text-slate-700 group-hover:text-slate-500 text-[10px]">→</span></button>`),od=G(`<div><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-2"> </div> <div class="space-y-1"></div></div>`),sd=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600">No saved themes yet. Configure tokens, then save.</p>`),cd=G(`<button class="flex items-start gap-2 p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 hover:bg-black/8 dark:hover:bg-white/8 hover:border-black/14 dark:hover:border-white/14 transition-all cursor-pointer text-left group"><span class="text-lg leading-none shrink-0"> </span> <div class="min-w-0"><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200 group-hover:text-slate-900 dark:group-hover:text-white transition-colors truncate"> </div> <div class="text-[9px] text-slate-500 mt-0.5 font-mono"> </div></div></button>`),ld=G(`<div class="grid grid-cols-2 gap-2"></div>`),ud=G(`<div class="p-4 space-y-5 overflow-y-auto flex-1"><div class="rounded-xl bg-gradient-to-br from-indigo-600/20 to-purple-600/10 border border-indigo-500/20 p-4"><div class="flex items-center gap-2 mb-2"><!> <span class="text-[11px] font-bold text-indigo-700 dark:text-indigo-300 uppercase tracking-widest">SLASHED Studio</span></div> <p class="text-[12px] text-slate-700 dark:text-slate-300 leading-relaxed">Configure every SLASHED design token visually. Changes appear live in the preview. <!></p> <!></div> <!> <div><div class="flex items-center justify-between mb-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Presets</div> <button class="text-[10px] text-slate-500 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors cursor-pointer">Manage →</button></div> <div class="flex items-center gap-2 mb-2"><input type="text" placeholder="Save current as…" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <button aria-label="Save current theme" class="flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-[11px] font-bold bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-600/30 transition-all cursor-pointer shrink-0 disabled:opacity-40 disabled:cursor-not-allowed"><!></button></div> <!></div></div>`);function dd(e,t){Ve(t,!0);let n=[{label:`Foundations`,items:[{id:`colors`,icon:io,label:`Colors`,desc:`Brand, semantic & neutral palettes`},{id:`typography`,icon:Go,label:`Typography`,desc:`Font families & fluid type scale`},{id:`spacing`,icon:_o,label:`Spacing`,desc:`Space scale & section rhythm`},{id:`borders`,icon:No,label:`Shape`,desc:`Corner radius & border widths`},{id:`motion`,icon:$o,label:`Motion`,desc:`Duration & easing curves`}]},{label:`Composition`,items:[{id:`layout`,icon:oo,label:`Layout`,desc:`Containers, grids & primitives`},{id:`depth`,icon:Ba,label:`Depth`,desc:`Shadows, glow, blur & opacity`},{id:`macros`,icon:fa,label:`Macros`,desc:`Flow, prose, aspect & scrim`},{id:`components`,icon:Ea,label:`Components`,desc:`Button & card component tokens`},{id:`misc`,icon:co,label:`System`,desc:`Layering, sizing, media, selection`}]},{label:`Quality`,items:[{id:`changes`,icon:Ka,label:`Changes`,desc:`Review every active override`},{id:`wcag`,icon:To,label:`Accessibility`,desc:`Focus ring, touch target & contrast`}]},{label:`Project`,items:[{id:`themes`,icon:Lo,label:`Presets`,desc:`Save & re-apply configurations`},{id:`setup`,icon:no,label:`Install & export`,desc:`Export overrides & setup`},{id:`cheatsheet`,icon:ma,label:`Reference`,desc:`Class & token catalogue`}]}],r=I(()=>Object.keys(t.overrides).length),i=new Set([`changes`,`themes`,`setup`,`cheatsheet`]),a=new Set(n.flatMap(e=>e.items.map(e=>e.id)).filter(e=>!i.has(e)));function o(e){return e===`changes`?U(r):a.has(e)?Object.keys(t.overrides).filter(t=>td(t)===e).length:0}let s=L(Qt(jl())),c=L(``);function l(){U(r)!==0&&(R(s,Ml(U(c),t.overrides),!0),R(c,``))}var u=ud(),d=z(u),f=z(d);jo(z(f),{class:`w-4 h-4 text-indigo-600 dark:text-indigo-400`}),Me(2),F(f);var p=V(f,2),m=V(z(p)),h=e=>{var t=nd(),n=V(B(t)),i=z(n);F(n),Me(),H(()=>q(i,`${U(r)??``} active override${U(r)===1?``:`s`}`)),K(e,t)},g=e=>{K(e,qr(`Pick any domain below to get started.`))};J(m,e=>{U(r)>0?e(h):e(g,-1)}),F(p);var _=V(p,2),v=e=>{var n=rd();W(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),K(e,n)};J(_,e=>{U(r)>0&&e(v)}),F(d);var y=V(d,2);Y(y,17,()=>n,e=>e.label,(e,n)=>{var r=od(),i=z(r),a=z(i,!0);F(i);var s=V(i,2);Y(s,21,()=>U(n).items,e=>e.id,(e,n)=>{let r=I(()=>o(U(n).id)),i=I(()=>U(n).icon);var a=ad(),s=z(a);fi(z(s),()=>U(i),(e,t)=>{t(e,{class:`w-4 h-4`})}),F(s);var c=V(s,2),l=z(c),u=z(l,!0);F(l);var d=V(l,2),f=z(d,!0);F(d),F(c);var p=V(c,2),m=e=>{var t=id(),n=z(t,!0);F(t),H(()=>q(n,U(r))),K(e,t)};J(p,e=>{U(r)>0&&e(m)}),Me(2),F(a),H(()=>{q(u,U(n).label),q(f,U(n).desc)}),W(`click`,a,()=>t.onSelect(U(n).id)),K(e,a)}),F(s),F(r),H(()=>q(a,U(n).label)),K(e,r)});var b=V(y,2),x=z(b),S=V(z(x),2);F(x);var C=V(x,2),w=z(C);Ri(w);var T=V(w,2);yo(z(T),{class:`w-3 h-3`}),F(T),F(C);var E=V(C,2),D=e=>{K(e,sd())},O=e=>{var n=ld();Y(n,21,()=>U(s).slice(0,6),e=>e.id,(e,n)=>{var r=cd(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o),c=z(s,!0);F(s);var l=V(s,2),u=z(l,!0);F(l),F(o),F(r),H(()=>{q(a,U(n).icon),q(c,U(n).name),q(u,U(n).blurb)}),W(`click`,r,()=>t.onApplyTheme(U(n).overrides)),K(e,r)}),F(n),K(e,n)};J(E,e=>{U(s).length===0?e(D):e(O,-1)}),F(b),F(u),H(()=>T.disabled=U(r)===0),W(`click`,S,()=>t.onSelect(`themes`)),W(`keydown`,w,e=>{e.key===`Enter`&&l()}),Ki(w,()=>U(c),e=>R(c,e)),W(`click`,T,l),K(e,u),He()}Rr([`click`,`keydown`]);var fd={colors:[{name:`--sf-contrast-bias`,label:`Contrast bias`,help:`Shifts the lightness threshold used by text-on-color pairing toward darker (negative) or lighter (positive) text.`,default:0,min:-1,max:1,step:.05,driving:3},{name:`--sf-contrast-threshold`,label:`Contrast threshold`,help:`OKLCH lightness above which a swatch is considered 'light' (gets dark text). Below = light text.`,default:.6,min:0,max:1,step:.01,driving:11}],spacing:[{name:`--sf-space-scale`,label:`Space scale`,help:`Multiplier applied to every fluid spacing step. One drag moves 45 tokens.`,default:1,min:.5,max:2,step:.05,driving:45},{name:`--sf-section-scale`,label:`Section scale`,help:`Multiplier applied to section paddings only.`,default:1,min:.5,max:2,step:.05,driving:6}],borders:[{name:`--sf-radius-scale`,label:`Radius scale`,help:`Multiplier applied to every radius step (set to 0 for sharp brutalist corners).`,default:1,min:0,max:2,step:.05,driving:8}],shadows:[{name:`--sf-shadow-strength`,label:`Shadow strength`,help:`Base shadow opacity. Auto-boosted +0.17 in dark mode. Slider sets the light-mode base.`,default:.08,min:0,max:.5,step:.01,driving:14,encode:e=>`calc(${e} + var(--sf-is-dark) * 0.17)`,decode:e=>{let t=/^calc\(\s*([\d.e+-]+)/.exec(String(e));return t?parseFloat(t[1]):NaN}}],motion:[{name:`--sf-motion-scale`,label:`Motion scale`,help:`Speed multiplier on every duration. Set to 0 to effectively disable motion.`,default:1,min:0,max:2,step:.05,driving:13}]};function pd(e,t,n){let r=n*Math.PI/180,i=e,a=t*Math.cos(r),o=t*Math.sin(r),s=i+.3963377774*a+.2158037573*o,c=i-.1055613458*a-.0638541728*o,l=i-.0894841775*a-1.291485548*o,u=s*s*s,d=c*c*c,f=l*l*l,p=4.0767416621*u-3.3077115913*d+.2309699292*f,m=-1.2684380046*u+2.6097574011*d-.3413193965*f,h=-.0041960863*u-.7034186147*d+1.707614701*f,g=e=>e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055;return[Math.max(0,Math.min(255,Math.round(g(p)*255))),Math.max(0,Math.min(255,Math.round(g(m)*255))),Math.max(0,Math.min(255,Math.round(g(h)*255)))]}function md(e,t,n){let r=e=>e.toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`}function hd(e,t,n){let r=e=>{let t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4};return .2126*r(e)+.7152*r(t)+.0722*r(n)}function gd(e,t){let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)}function _d(e){let t=e.match(/oklch\(\s*([\d.%]+)\s+([\d.]+)\s+([\d.]+)/i);if(t){let e=t[1];return{l:e.endsWith(`%`)?parseFloat(e)/100:parseFloat(e),c:parseFloat(t[2]),h:parseFloat(t[3]),valid:!0}}return{l:.5,c:.15,h:200,valid:!1}}function vd(e,t,n){return`oklch(${e.toFixed(3)} ${t.toFixed(3)} ${Math.round(n)})`}var yd=G(`<span class="text-[10px] text-slate-500 ml-1 font-mono"> </span>`),bd=G(`<div class="flex items-center gap-2 w-full"><div class="relative flex-1 h-5 flex items-center"><div class="absolute inset-x-0 h-1 bg-black/8 dark:bg-white/8 rounded-full"></div> <div class="absolute left-0 h-1 bg-indigo-500 rounded-full"></div> <input type="range" class="absolute inset-0 w-full opacity-0 cursor-pointer disabled:cursor-not-allowed h-full"/> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-black/20 dark:border-white/20 pointer-events-none"></div></div> <div class="flex items-center shrink-0"><input type="number" class="w-14 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500 disabled:opacity-40"/> <!></div></div>`);function xd(e,t){Ve(t,!0);let n=na(t,`disabled`,3,!1);function r(e){return Math.min(t.max,Math.max(t.min,e))}let i=I(()=>(t.value-t.min)/(t.max-t.min)*100);var a=bd(),o=z(a),s=V(z(o),2),c=V(s,2);Ri(c);var l=V(c,2);F(o);var u=V(o,2),d=z(u);Ri(d);var f=V(d,2),p=e=>{var n=yd(),r=z(n,!0);F(n),H(()=>q(r,t.unit)),K(e,n)};J(f,e=>{t.unit&&e(p)}),F(u),F(a),H(()=>{Z(s,`width: ${U(i)}%`),Q(c,`min`,t.min),Q(c,`max`,t.max),Q(c,`step`,t.step),zi(c,t.value),c.disabled=n(),Z(l,`left: calc(${U(i)}% - 6px)`),Q(d,`min`,t.min),Q(d,`max`,t.max),Q(d,`step`,t.step),zi(d,t.value),d.disabled=n()}),W(`input`,c,e=>t.onChange(r(parseFloat(e.target.value)))),W(`change`,d,e=>t.onChange(r(parseFloat(e.target.value)||0))),K(e,a),He()}Rr([`input`,`change`]);var Sd={oklch:`oklch(`,oklab:`oklab(`};function Cd(e){let t=e.trim().toLowerCase();return!t||t.startsWith(`--`)||/\bvar\(/.test(t)?null:t.startsWith(`oklch(`)?`oklch`:t.startsWith(`oklab(`)?`oklab`:`other`}function wd(e,t){return String(Number(e.toFixed(t)))}function Td(e,t){let n=`(?:none|[-\\d.eE+]+)`,r=RegExp(`^okl(?:ch|ab)\\(\\s*(${n})\\s+(${n})\\s+(${n})\\s*(?:\\/\\s*(none|[-\\d.eE+%]+))?\\s*\\)$`,`i`).exec(e.trim());if(!r)return null;let i=e=>e.toLowerCase()===`none`?0:parseFloat(e),a=i(r[1]),o=i(r[2]),s=i(r[3]);if(!Number.isFinite(a)||!Number.isFinite(o)||!Number.isFinite(s))return null;let c=t===`oklch`?`${wd(a,3)} ${wd(o,3)} ${wd(s,1)}`:`${wd(a,3)} ${wd(o,3)} ${wd(s,3)}`,l=null;return r[4]!==void 0&&(l=r[4].endsWith(`%`)?parseFloat(r[4])/100:parseFloat(r[4])),l!==null&&Number.isFinite(l)&&l<1?`${t}(${c} / ${wd(l,3)})`:`${t}(${c})`}function Ed(e,t){let n=e.trim();if(!n)return null;let r=ju(`${t}(from ${n} ${t===`oklab`?`l a b`:`l c h`})`);return!r||!r.toLowerCase().startsWith(Sd[t])?null:Td(r,t)}function Dd(e,t){let n=e.trim(),r=Cd(n);return r===null||r===t?n:Ed(n,t)??n}function Od(e){let t=e.trim();if(!t)return null;let n=Fu(t.startsWith(`--`)&&!t.startsWith(`var(`)?`var(${t})`:t);return n?md(n[0],n[1],n[2]):null}var kd=G(`<span class="text-slate-500 dark:text-slate-500"> </span>`),Ad=G(`<div class="w-1.5 h-1.5 rounded-full bg-indigo-500 shrink-0"></div>`),jd=G(`<button class="px-2 py-1 rounded-lg text-[10px] text-rose-600 dark:text-rose-400 hover:bg-rose-500/10 border border-rose-500/20 transition-colors cursor-pointer">Reset</button>`),Md=G(`<div class="px-3 pb-3 border-t border-black/6 dark:border-white/6 pt-3 space-y-3"><div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Lightness (L)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <div class="h-4 rounded-full mb-1"></div> <!></div> <div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Chroma (C)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <!></div> <div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Hue (H)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <div class="h-4 rounded-full mb-1"></div> <!></div> <div><div class="text-[10px] font-bold text-slate-500 mb-1">Raw value</div> <div class="flex gap-2"><input type="text" class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500" placeholder="oklch(…) · paste #hex, rgb(), hsl()…"/> <!></div></div></div>`),Nd=G(`<div><button class="w-full flex items-center gap-3 px-3 py-2.5 cursor-pointer"><div class="w-8 h-8 rounded-lg border border-black/10 dark:border-white/10 shrink-0 shadow-lg"></div> <div class="flex-1 text-left min-w-0"><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </div> <div class="text-[9px] font-mono text-slate-500"> </div> <div class="text-[9px] font-mono text-slate-400 dark:text-slate-600 truncate"> <!></div></div> <!> <div>▾</div></button> <!></div>`);function Pd(e,t){Ve(t,!0);function n(e){let t=/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/.exec(e);return t?{l:parseFloat(t[1]),c:parseFloat(t[2]),h:parseFloat(t[3])}:null}function r(e,t,n){return`oklch(${e.toFixed(3)} ${t.toFixed(3)} ${n.toFixed(1)})`}function i(e,t,n){let r=n*Math.PI/180,i=t*Math.cos(r),a=t*Math.sin(r),o=e+.3963377774*i+.2158037573*a,s=e-.1055613458*i-.0638541728*a,c=e-.0894841775*i-1.291485548*a,l=o*o*o,u=s*s*s,d=c*c*c,f=4.0767416621*l-3.3077115913*u+.2309699292*d,p=-1.2684380046*l+2.6097574011*u-.3413193965*d,m=-.0041960863*l-.7034186147*u+1.707614701*d,h=e=>e<=0?0:e>=1?255:Math.round(e**(1/2.2)*255);return`rgb(${h(f)},${h(p)},${h(m)})`}let a=I(()=>n(t.value)??{l:.6,c:.15,h:264}),o=L(!1),s=L(``),c=I(()=>i(U(a).l,U(a).c,U(a).h)),l=I(()=>t.tokenName.replace(`--sf-`,``)),u=I(()=>(Tu.value,Od(t.value)));function d(e,n,i){t.onChange(r(e,n,i))}function f(){let e=U(s).trim();e&&(t.onChange(Dd(e,`oklch`)),R(s,``))}var p=Nd(),m=z(p),h=z(m);let g;var _=V(h,2),v=z(_),y=z(v,!0);F(v);var b=V(v,2),x=z(b,!0);F(b);var S=V(b,2),C=z(S,!0),w=V(C),T=e=>{var t=kd(),n=z(t);F(t),H(()=>q(n,`· ${U(u)??``}`)),K(e,t)};J(w,e=>{U(u)&&e(T)}),F(S),F(_);var E=V(_,2),D=e=>{K(e,Ad())};J(E,e=>{t.overridden&&e(D)});var O=V(E,2);F(m);var k=V(m,2),A=e=>{var n=Md(),r=z(n),i=z(r),o=V(z(i),2),c=z(o,!0);F(o),F(i);var l=V(i,2);xd(V(l,2),{get value(){return U(a).l},min:0,max:1,step:.005,onChange:e=>d(e,U(a).c,U(a).h)}),F(r);var u=V(r,2),p=z(u),m=V(z(p),2),h=z(m,!0);F(m),F(p),xd(V(p,2),{get value(){return U(a).c},min:0,max:.4,step:.005,onChange:e=>d(U(a).l,e,U(a).h)}),F(u);var g=V(u,2),_=z(g),v=V(z(_),2),y=z(v);F(v),F(_);var b=V(_,2);xd(V(b,2),{get value(){return U(a).h},min:0,max:360,step:1,unit:`°`,onChange:e=>d(U(a).l,U(a).c,e)}),F(g);var x=V(g,2),S=V(z(x),2),C=z(S);Ri(C);var w=V(C,2),T=e=>{var n=jd();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(w,e=>{t.overridden&&e(T)}),F(S),F(x),F(n),H((e,n,r,i,a)=>{q(c,e),Z(l,n),q(h,r),q(y,`${i??``}°`),Z(b,a),zi(C,U(s)||t.value)},[()=>U(a).l.toFixed(3),()=>`background: linear-gradient(to right, oklch(0 ${U(a).c.toFixed(3)} ${U(a).h.toFixed(1)}), oklch(1 ${U(a).c.toFixed(3)} ${U(a).h.toFixed(1)}))`,()=>U(a).c.toFixed(3),()=>U(a).h.toFixed(1),()=>`background: linear-gradient(to right, oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 0), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 60), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 120), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 180), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 240), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 300), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 360))`]),W(`input`,C,e=>{R(s,e.target.value,!0)}),Lr(`blur`,C,f),W(`keydown`,C,e=>{e.key===`Enter`&&(f(),e.currentTarget.blur())}),K(e,n)};J(k,e=>{U(o)&&e(A)}),F(p),H(()=>{X(p,1,`rounded-xl border transition-all ${t.overridden?`bg-indigo-500/8 border-indigo-500/20`:`bg-black/4 dark:bg-white/4 border-black/8 dark:border-white/8 hover:border-black/12 dark:hover:border-white/12`}`),g=Z(h,``,g,{background:U(c)}),q(y,t.label),q(x,U(l)),q(C,t.value),X(O,1,`text-slate-500 text-[10px] transition-transform ${U(o)?`rotate-180`:``}`)}),W(`click`,m,()=>{R(o,!U(o))}),K(e,p),He()}Rr([`click`,`input`,`keydown`]);var Fd=G(`<span class="text-[9px] text-slate-400 dark:text-slate-600 font-mono"> </span>`),Id=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer ">reset</button>`),Ld=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1 leading-relaxed"> </p>`),Rd=G(`<div class="group"><div class="flex items-center justify-between mb-1.5"><div class="flex items-center gap-2"><span class="text-[11px] font-semibold text-slate-700 dark:text-slate-300"> </span> <!></div> <!></div> <!> <!></div>`);function zd(e,t){Ve(t,!0);let n=I(()=>t.overrides[t.knob.name]),r=I(()=>U(n)===void 0?t.knob.default:t.knob.decode?t.knob.decode(U(n)):parseFloat(U(n))),i=I(()=>isNaN(U(r))?t.knob.default:U(r)),a=I(()=>t.knob.name in t.overrides);function o(e){let n=t.knob.encode?t.knob.encode(e):String(e);t.onChange(t.knob.name,n)}function s(){t.onChange(t.knob.name,null)}var c=Rd(),l=z(c),u=z(l),d=z(u),f=z(d,!0);F(d);var p=V(d,2),m=e=>{var n=Fd(),r=z(n);F(n),H(()=>q(r,`→ ${t.knob.driving??``} tokens`)),K(e,n)};J(p,e=>{t.knob.driving!==void 0&&e(m)}),F(u);var h=V(u,2),g=e=>{var t=Id();W(`click`,t,s),K(e,t)};J(h,e=>{U(a)&&e(g)}),F(l);var _=V(l,2);xd(_,{get value(){return U(i)},get min(){return t.knob.min},get max(){return t.knob.max},get step(){return t.knob.step},get unit(){return t.knob.unit},onChange:o});var v=V(_,2),y=e=>{var n=Ld(),r=z(n,!0);F(n),H(()=>q(r,t.knob.help)),K(e,n)};J(v,e=>{t.knob.help&&e(y)}),F(c),H(()=>q(f,t.knob.label)),K(e,c),He()}Rr([`click`]);var Bd=G(`<span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </span>`),Vd=G(`<span></span>`),Hd=G(`<button>&lt;/&gt;</button>`),Ud=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer transition-colors">reset</button>`),Wd=G(`<option> </option>`),Gd=G(`<select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500"><!><option>Custom value…</option></select>`),Kd=G(`<button class="text-[9px] font-mono text-indigo-600 dark:text-indigo-400 hover:underline cursor-pointer mt-0.5">&larr; back to variable</button>`),qd=G(`<input type="text" class="w-full bg-black/8 dark:bg-white/8 border border-indigo-500/50 rounded px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-500 focus:outline-none"/> <!>`,1),Jd=G(`<p class="text-[9px] font-mono text-slate-300 dark:text-slate-400 mt-0.5 leading-none"> </p>`),Yd=G(`<!> <!>`,1),Xd=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1 leading-relaxed"> </p>`),Zd=G(`<div class="group"><div class="flex items-center justify-between mb-1.5"><!> <div class="flex items-center gap-1.5"><!> <!></div></div> <!> <!></div>`);function $(e,t){Ve(t,!0);let n=`__sf_custom__`;function r(e){let t=e.match(/^var\(\s*(--sf-[\w-]+)/);return t?t[1].replace(/^--sf-/,``):e}let i=I(()=>{let e=[];t.rawDefault&&e.push({label:`${r(t.rawDefault)} (default)`,value:t.rawDefault});for(let n of t.variableOptions??[])n.value!==t.rawDefault&&e.push(n);return e}),a=I(()=>U(i).find(e=>e.value===(t.currentRaw??t.rawDefault))),o=I(()=>!!t.rawDefault&&!!t.onRawSet),s=I(()=>U(o)&&(t.variableOptions?.length??0)>0),c=I(()=>!!t.currentRaw&&/^(var|calc|clamp|min|max|env)\(/.test(t.currentRaw.trim())),l=L(`none`),u=I(()=>U(s)&&U(l)===`none`&&(t.currentRaw===void 0||!!U(a))),d=I(()=>U(o)&&!U(u)&&(U(l)===`raw`||U(l)===`none`&&U(c))),f=I(()=>U(a)?.value??t.rawDefault??n),p=L(``),m=L(!1);wn(()=>{U(m)||R(p,t.currentRaw??``,!0)});function h(e){if(e===n){R(l,`slider`);return}R(l,`none`),e===t.rawDefault?t.onReset():t.onRawSet?.(e)}function g(){R(l,`none`),t.onReset()}var _=Zd(),v=z(_),y=z(v),b=e=>{var n=Bd(),r=z(n,!0);F(n),H(()=>q(r,t.label)),K(e,n)},x=e=>{K(e,Vd())};J(y,e=>{t.label?e(b):e(x,-1)});var S=V(y,2),C=z(S),w=e=>{var t=Hd();H(()=>{Q(t,`title`,U(d)?`Switch to slider`:`Enter raw CSS value`),X(t,1,`text-[9px] font-mono cursor-pointer transition-all px-0.5 ${U(d)?`text-indigo-600 dark:text-indigo-400`:`text-slate-500 hover:text-indigo-600 dark:hover:text-indigo-400`}`)}),W(`click`,t,()=>{R(l,U(d)?`slider`:`raw`,!0)}),K(e,t)};J(C,e=>{U(o)&&!U(u)&&e(w)});var T=V(C,2),E=e=>{var n=Ud();W(`click`,n,()=>{R(l,`none`),t.onReset()}),K(e,n)};J(T,e=>{t.overridden&&e(E)}),F(S),F(v);var D=V(v,2),O=e=>{var r=Gd(),a=z(r);Y(a,17,()=>U(i),e=>e.value,(e,t)=>{var n=Wd(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var o=V(a);o.value=o.__value=n,F(r);var s;Ei(r),H(()=>{Q(r,`aria-label`,t.label||`Value`),s!==(s=U(f))&&(r.value=(r.__value=U(f))??``,Ti(r,U(f)))}),W(`change`,r,e=>h(e.target.value)),K(e,r)},k=e=>{var n=qd(),r=B(n);Ri(r);var i=V(r,2),a=e=>{var t=Kd();W(`click`,t,g),K(e,t)};J(i,e=>{U(s)&&e(a)}),H(()=>{zi(r,U(p)),Q(r,`placeholder`,t.rawDefault)}),Lr(`focus`,r,()=>{R(m,!0)}),Lr(`blur`,r,()=>{R(m,!1);let e=U(p).trim();e?t.onRawSet?.(e):g()}),W(`keydown`,r,e=>{e.key===`Enter`&&e.currentTarget.blur()}),W(`input`,r,e=>{R(p,e.target.value,!0)}),K(e,n)},A=e=>{var n=Yd(),r=B(n);xd(r,{get value(){return t.value},get min(){return t.min},get max(){return t.max},get step(){return t.step},get unit(){return t.unit},get onChange(){return t.onChange}});var i=V(r,2),a=e=>{var n=Jr(),r=B(n),i=e=>{var t=Kd();W(`click`,t,g),K(e,t)},a=e=>{var n=Jd(),r=z(n);F(n),H(()=>q(r,`default: ${t.rawDefault??``}`)),K(e,n)};J(r,e=>{U(s)||t.currentRaw!==void 0?e(i):e(a,-1)}),K(e,n)};J(i,e=>{U(o)&&e(a)}),K(e,n)};J(D,e=>{U(u)?e(O):U(d)?e(k,1):e(A,-1)});var j=V(D,2),M=e=>{var n=Xd(),r=z(n,!0);F(n),H(()=>q(r,t.help)),K(e,n)};J(j,e=>{t.help&&e(M)}),F(_),K(e,_),He()}Rr([`click`,`change`,`keydown`,`input`]);var Qd=G(`<input type="color" class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" tabindex="-1"/>`),$d=G(`<input class="flex-1 bg-black/8 dark:bg-white/8 border border-indigo-500/50 rounded px-1.5 py-0.5 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none"/>`),ef=G(`<span class="text-indigo-700 dark:text-indigo-300"> </span>`),tf=G(`<span class="text-slate-400 dark:text-slate-600"> </span>`),nf=G(`<button class="flex-1 text-left text-[9px] font-mono text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 truncate cursor-pointer transition-colors"><!> <!></button>`),rf=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),af=G(`<div class="flex items-center gap-2"><div class="relative shrink-0 w-7 h-7 rounded border border-black/10 dark:border-white/10 overflow-hidden cursor-pointer"><div class="absolute inset-0"></div> <!></div> <!> <!></div>`);function of(e,t){Ve(t,!0);let n=L(!1),r=L(!1),i=L(null);wn(()=>{U(n)&&gr().then(()=>U(i)?.focus())});function a(e){let t=e.trim();return t.startsWith(`--`)&&!t.startsWith(`var(`)?`var(${t})`:t}let o=I(()=>Cd(t.value)===`oklab`?`oklab`:`oklch`);function s(e){let n=a(e);if(!n){t.onReset();return}t.onSet(Dd(n,U(o)))}function c(e){Tu.value;let t=a(e);return ju(t)||t||`transparent`}let l=I(()=>c(t.value||`var(${t.token})`)),u=I(()=>(Tu.value,Od(t.value||`var(${t.token})`))),d=I(()=>t.value.trim().startsWith(`var(`)||t.value.trim().startsWith(`--`));function f(e){if(e.match(/^#([0-9a-fA-F]{6})$/))return e.toLowerCase();let t=e.match(/^#([0-9a-fA-F]{3})$/);if(t)return`#`+t[1].split(``).map(e=>e+e).join(``);let n=e.match(/rgb\w*\((\d+)[,\s]+(\d+)[,\s]+(\d+)/);return n?`#`+[n[1],n[2],n[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``):`#6366f1`}var p=af(),m=z(p),h=z(m);let g;var _=V(h,2),v=e=>{var n=Qd();Ri(n),H(e=>zi(n,e),[()=>f(U(l))]),W(`input`,n,e=>t.onSet(e.target.value)),W(`change`,n,e=>s(e.target.value)),K(e,n)};J(_,e=>{U(d)||e(v)}),F(m);var y=V(m,2),b=e=>{var a=$d();Ri(a),Zi(a,e=>R(i,e),()=>U(i)),H(()=>{zi(a,t.value),Q(a,`placeholder`,t.placeholder??`default`)}),Lr(`blur`,a,e=>{if(U(r)){R(r,!1),R(n,!1);return}s(e.target.value),R(n,!1)}),W(`keydown`,a,e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(R(r,!0),R(n,!1))}),K(e,a)},x=e=>{var r=nf(),i=z(r),a=e=>{var n=ef(),r=z(n,!0);F(n),H(()=>q(r,t.value)),K(e,n)},o=e=>{var n=qr();H(()=>q(n,t.placeholder??`default`)),K(e,n)};J(i,e=>{t.isOverridden?e(a):e(o,-1)});var s=V(i,2),c=e=>{var t=tf(),n=z(t);F(t),H(()=>q(n,`· ${U(u)??``}`)),K(e,t)};J(s,e=>{U(u)&&!U(d)&&e(c)}),F(r),W(`click`,r,()=>{R(n,!0)}),K(e,r)};J(y,e=>{U(n)?e(b):e(x,-1)});var S=V(y,2),C=e=>{var n=rf();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(S,e=>{t.isOverridden&&e(C)}),F(p),H(()=>g=Z(h,``,g,{background:U(l)})),K(e,p),He()}Rr([`input`,`change`,`keydown`,`click`]);var sf=G(`<section><button><div> </div> <span> </span></button> <!></section>`);function cf(e,t){Ve(t,!0);let n=na(t,`open`,15,!1),r=na(t,`variant`,3,`default`),i=na(t,`spacing`,3,`space-y-3`);var a=sf(),o=z(a),s=z(o),c=z(s,!0);F(s);var l=V(s,2),u=z(l,!0);F(l),F(o);var d=V(o,2),f=e=>{var n=Jr();di(B(n),()=>t.children),K(e,n)};J(d,e=>{n()&&e(f)}),F(a),H(()=>{X(a,1,vi(i())),Q(o,`aria-expanded`,n()),X(o,1,vi(r()===`advanced`?`w-full flex items-center justify-between text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400 transition-colors cursor-pointer`:`w-full flex items-center justify-between cursor-pointer`)),X(s,1,vi(r()===`advanced`?`text-[10px] font-semibold uppercase tracking-widest`:`text-[10px] font-bold text-slate-500 uppercase tracking-widest`)),q(c,t.title),X(l,1,vi(r()===`advanced`?`text-[10px]`:`text-[10px] text-slate-500`)),q(u,n()?`▲`:`▼`)}),W(`click`,o,()=>n(!n())),K(e,a),He()}Rr([`click`]);var lf=(e,t=f)=>{var n=uf(),r=z(n,!0);F(n),H(()=>q(r,t())),K(e,n)},uf=G(`<span aria-hidden="true" class="pointer-events-none absolute left-1/2 -translate-x-1/2 bottom-full mb-1 z-20 whitespace-nowrap rounded bg-slate-900 border border-white/10 px-1.5 py-0.5 text-[8px] font-mono text-slate-200 opacity-0 group-hover:opacity-100 transition-opacity"> </span>`),df=G(`<div class="rounded-md border border-black/10 dark:border-white/10 px-1 py-1.5 flex flex-col items-center justify-center gap-0.5 min-h-[34px]"><span class="text-[11px] font-bold leading-none">Aa</span> <span class="text-[7px] leading-none opacity-90"> </span></div>`),ff=G(`<div class="flex items-center gap-1"><span class="text-[7px] text-slate-400 dark:text-slate-600 w-2.5 shrink-0 text-right select-none uppercase"> </span> <div class="grid grid-cols-5 gap-1 flex-1"></div></div>`),pf=G(`<div class="space-y-1"><div class="text-[8px] font-semibold text-slate-400 dark:text-slate-600 uppercase tracking-widest"> </div> <!></div>`),mf=G(`<button title="Copy the light value into the dark source (snapshot)" class="text-[8px] px-1.5 py-0.5 rounded border border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-all cursor-pointer">Copy to dark</button>`),hf=G(`<div class="flex items-center gap-1"><!> <button> </button></div>`),gf=G(`<div class="group relative w-5 h-3 rounded-t border-x border-t border-black/10 dark:border-white/10"><!></div>`),_f=G(`<div class="group relative w-5 h-3 rounded-b border-x border-b border-black/10 dark:border-white/10"><!></div>`),vf=G(`<p class="text-[8px] text-slate-400 dark:text-slate-600 leading-snug pl-1">Absolute lightness ramp — each step pins L and inherits chroma + hue from the source. Not the brand mix curve.
+</html>`}let c=L(!1),l=L(null),u=L(null),d=L(null),f=L(0),p=L(0),m=L(0),h=L(0),g=I(()=>s({},t.previewTheme,t.previewMotion,t.previewTemplate,Ru)),_=I(()=>s({},`light`,t.previewMotion,t.previewTemplate,Ru)),v=I(()=>s({},`dark`,t.previewMotion,t.previewTemplate,Ru));wn(()=>{let e=t.overrides,r=t.previewTheme,i=U(f),a=Lu.value,s=requestAnimationFrame(()=>{let t=U(l);if(i===0||!t)return;let s=t.contentDocument;if(!s)return;let c=s.getElementById(`slashed-overrides`);c&&(c.textContent=yl(n(e),{mode:`root`,banner:!1})),o(s,e),s.documentElement.setAttribute(`data-theme`,r),a?s.documentElement.setAttribute(`data-lumlocker`,``):s.documentElement.removeAttribute(`data-lumlocker`),Du(s)});return()=>cancelAnimationFrame(s)}),wn(()=>{let e=U(c),r=t.overrides,i=U(p),a=U(m),s=Lu.value;if(!e)return;let l=requestAnimationFrame(()=>{let e=yl(n(r),{mode:`root`,banner:!1}),t=e=>{s?e.documentElement.setAttribute(`data-lumlocker`,``):e.documentElement.removeAttribute(`data-lumlocker`)},c=!1,l=!1;if(U(u)&&i>0){let n=U(u).contentDocument;if(n){let i=n.getElementById(`slashed-overrides`);i&&(i.textContent=e),o(n,r),t(n),Du(n),c=!0}}if(U(d)&&a>0){let n=U(d).contentDocument;if(n){let i=n.getElementById(`slashed-overrides`);i&&(i.textContent=e),o(n,r),t(n),l=!0}}l&&!c&&ku()});return()=>cancelAnimationFrame(l)});let y=I(()=>t.previewWidth!==`fluid`);function b(){return t.previewWidth===`fluid`?`width:100%;height:100%`:t.previewWidth===`mobile`?`width:390px;height:750px;border:1px solid rgba(255,255,255,0.12);border-radius:28px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`:t.previewWidth===`tablet`?`width:768px;height:900px;border:1px solid rgba(255,255,255,0.12);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`:`width:1024px;height:720px;border:1px solid rgba(255,255,255,0.12);border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 32px 80px rgba(0,0,0,0.5)`}var x=qu(),S=z(x),C=z(S);Y(C,21,()=>Ys,e=>e.id,(e,t)=>{var n=zu(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).id)&&(n.value=(n.__value=U(t).id)??``)}),K(e,n)}),F(C);var w;Ei(C);var T=V(C,2);Y(T,21,()=>Ys,e=>e.id,(e,n)=>{var r=Bu(),i=z(r,!0);F(r),H(()=>{X(r,1,`shrink-0 px-2.5 py-0.5 rounded-md text-[10px] font-bold transition-all cursor-pointer ${t.previewTemplate===U(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(i,U(n).label)}),W(`click`,r,()=>t.onTemplateChange(U(n).id)),K(e,r)}),F(T);var E=V(T,4);Y(E,20,()=>[`fluid`,`desktop`,`tablet`,`mobile`],e=>e,(e,n)=>{var r=Vu(),i=z(r),a=e=>{ko(e,{class:`w-3 h-3`})},o=e=>{zo(e,{class:`w-3 h-3`})},s=e=>{Qa(e,{class:`w-3 h-3`})};J(i,e=>{n===`mobile`?e(a):n===`tablet`?e(o,1):e(s,-1)}),F(r),H(()=>{Q(r,`title`,n===`fluid`?`Full width`:n===`desktop`?`Desktop (1024px)`:n===`tablet`?`Tablet (768px)`:`Mobile (390px)`),X(r,1,`p-1 rounded-md transition-all cursor-pointer ${t.previewWidth===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),W(`click`,r,()=>t.onWidthChange(n)),K(e,r)}),F(E);var D=V(E,2),O=z(D);Fo(z(O),{class:`w-3 h-3`}),F(O);var k=V(O,2);eo(z(k),{class:`w-3 h-3`}),F(k);var A=V(k,2);wa(z(A),{class:`w-3 h-3`}),F(A),F(D);var j=V(D,4),M=z(j);M.value=M.__value=`normal`;var N=V(M);N.value=N.__value=`slow`;var ee=V(N);ee.value=ee.__value=`none`,F(j);var te;Ei(j);var ne=V(j,2);po(z(ne),{class:`w-3 h-3`}),F(ne);var re=V(ne,2);Ma(z(re),{class:`w-3 h-3`}),F(re),F(S);var ie=V(S,2),ae=z(ie),oe=e=>{var t=Wu(),n=z(t),r=z(n),i=z(r);Fo(z(i),{class:`w-2.5 h-2.5`}),Me(),F(i),F(r),ti(V(r,2),()=>U(h),e=>{var t=Hu();Zi(t,e=>R(u,e),()=>U(u)),H(()=>Q(t,`srcdoc`,U(_))),Lr(`load`,t,()=>{R(p,U(p)+1)}),Fr(t),K(e,t)}),F(n);var a=V(n,2),o=z(a),s=z(o);eo(z(s),{class:`w-2.5 h-2.5`}),Me(),F(s),F(o),ti(V(o,2),()=>U(h),e=>{var t=Uu();Zi(t,e=>R(d,e),()=>U(d)),H(()=>Q(t,`srcdoc`,U(v))),Lr(`load`,t,()=>{R(m,U(m)+1)}),Fr(t),K(e,t)}),F(a),F(t),K(e,t)},se=e=>{var t=Ku();ti(z(t),()=>U(h),e=>{var t=Gu();Zi(t,e=>R(l,e),()=>U(l)),H(()=>Q(t,`srcdoc`,U(g))),Lr(`load`,t,()=>{R(f,U(f)+1)}),Fr(t),K(e,t)}),F(t),H(e=>{Z(t,e),X(t,1,vi(U(y)?``:`w-full h-full`))},[()=>b()]),K(e,t)};J(ae,e=>{U(c)?e(oe):e(se,-1)}),F(ie),F(x),H(()=>{w!==(w=t.previewTemplate)&&(C.value=(C.__value=t.previewTemplate)??``,Ti(C,t.previewTemplate)),X(O,1,`p-1 rounded-md transition-all cursor-pointer ${!U(c)&&t.previewTheme===`light`?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(k,1,`p-1 rounded-md transition-all cursor-pointer ${!U(c)&&t.previewTheme===`dark`?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(A,1,`p-1 rounded-md transition-all cursor-pointer ${U(c)?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),te!==(te=t.previewMotion)&&(j.value=(j.__value=t.previewMotion)??``,Ti(j,t.previewMotion)),X(ie,1,`flex-1 min-h-0 flex overflow-auto ${U(y)&&!U(c)?`items-center justify-center bg-slate-100 dark:bg-[#06060a]`:``}`)}),W(`change`,C,e=>t.onTemplateChange(e.target.value)),W(`click`,O,()=>{R(c,!1),t.onThemeChange(`light`)}),W(`click`,k,()=>{R(c,!1),t.onThemeChange(`dark`)}),W(`click`,A,()=>{R(c,!U(c))}),W(`change`,j,e=>t.onMotionChange(e.target.value)),W(`click`,ne,()=>{R(f,0),R(p,0),R(m,0),R(h,U(h)+1)}),W(`click`,re,()=>{let e=new Blob([s(t.overrides,t.previewTheme,t.previewMotion,t.previewTemplate,Ru)],{type:`text/html`}),n=URL.createObjectURL(e);window.open(n,`_blank`)}),K(e,x),He()}Rr([`change`,`click`]);var Yu={_doc:"Authoritative, metadata-driven token→domain classification. Keyed on the framework-authored `namespace` (the segment after --sf-), which is precise and never drifts from the framework — unlike the old substring matching, where overlapping fragments (e.g. 'color' in --sf-focus-ring-color) routed a token to the wrong panel and made the sidebar badge, the category Reset, and the All-tokens list disagree. A namespace maps to exactly one domain; the handful of genuinely mixed namespaces are resolved per-token in `exceptions`. Every domain here must also exist in domains.ts's DOMAINS list. check-curation.mjs consumes the same file, so the build guard and the runtime can never diverge.",namespaces:{color:`colors`,contrast:`colors`,palette:`colors`,lumlocker:`colors`,gradient:`colors`,marker:`colors`,text:`typography`,font:`typography`,body:`typography`,heading:`typography`,h1:`typography`,h2:`typography`,h3:`typography`,h4:`typography`,h5:`typography`,h6:`typography`,leading:`typography`,tracking:`typography`,link:`typography`,optical:`typography`,display:`typography`,code:`typography`,fluid:`typography`,space:`spacing`,gap:`spacing`,gutter:`spacing`,section:`spacing`,component:`spacing`,content:`spacing`,container:`layout`,grid:`layout`,center:`layout`,cluster:`layout`,cover:`layout`,equal:`layout`,frame:`layout`,imposter:`layout`,reel:`layout`,sidebar:`layout`,switcher:`layout`,alternate:`layout`,bento:`layout`,stack:`layout`,header:`layout`,sticky:`layout`,breakout:`layout`,box:`layout`,bg:`layout`,ratio:`layout`,radius:`borders`,border:`borders`,divider:`borders`,field:`borders`,media:`borders`,shadow:`depth`,motion:`motion`,duration:`motion`,ease:`motion`,transition:`motion`,stagger:`motion`,scroll:`motion`,hover:`motion`,theme:`motion`,animation:`motion`,blur:`depth`,opacity:`depth`,drop:`depth`,prose:`macros`,flow:`macros`,line:`macros`,scrim:`macros`,surface:`macros`,mask:`macros`,btn:`components`,card:`components`,z:`misc`,icon:`misc`,size:`misc`,object:`misc`,scrollbar:`misc`,safe:`misc`,is:`misc`,focus:`wcag`,touch:`wcag`},exceptions:{"--sf-content-width":`layout`,"--sf-content-intrinsic-size":`macros`,"--sf-scroll-shadow-size":`macros`,"--sf-scroll-offset-gap":`layout`,"--sf-field-required-marker":`misc`}},Xu=Yu.namespaces,Zu=Yu.exceptions,Qu={};for(let e of ds.tokens??[])Qu[e.name]=e.namespace??$u(e.name);function $u(e){let t=/^--sf-([a-z0-9]+)/.exec(e);return t?t[1]:``}function ed(e){return Zu[e]||(Xu[Qu[e]??$u(e)]??null)}function td(e){return ed(e)??`misc`}var nd=G(`You have <span class="text-indigo-700 dark:text-indigo-300 font-bold"> </span>.`,1),rd=G(`<button class="mt-2 text-[10px] text-rose-600 dark:text-rose-400 hover:text-rose-700 dark:hover:text-rose-300 transition-colors cursor-pointer">Reset all overrides →</button>`),id=G(`<span class="text-[9px] font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-500/10 px-1.5 py-0.5 rounded-full font-mono shrink-0"> </span>`),ad=G(`<button class="w-full flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-black/6 dark:hover:bg-white/6 transition-colors cursor-pointer group text-left"><div class="text-slate-500 group-hover:text-slate-700 dark:group-hover:text-slate-300 transition-colors shrink-0"><!></div> <div class="flex-1 min-w-0"><div class="text-[11px] font-semibold text-slate-700 dark:text-slate-300 group-hover:text-slate-900 dark:group-hover:text-white transition-colors"> </div> <div class="text-[9px] text-slate-400 dark:text-slate-600"> </div></div> <!> <span class="text-slate-300 dark:text-slate-700 group-hover:text-slate-500 text-[10px]">→</span></button>`),od=G(`<div><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-2"> </div> <div class="space-y-1"></div></div>`),sd=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600">No saved themes yet. Configure tokens, then save.</p>`),cd=G(`<button class="flex items-start gap-2 p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 hover:bg-black/8 dark:hover:bg-white/8 hover:border-black/14 dark:hover:border-white/14 transition-all cursor-pointer text-left group"><span class="text-lg leading-none shrink-0"> </span> <div class="min-w-0"><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200 group-hover:text-slate-900 dark:group-hover:text-white transition-colors truncate"> </div> <div class="text-[9px] text-slate-500 mt-0.5 font-mono"> </div></div></button>`),ld=G(`<div class="grid grid-cols-2 gap-2"></div>`),ud=G(`<div class="p-4 space-y-5 overflow-y-auto flex-1"><div class="rounded-xl bg-gradient-to-br from-indigo-600/20 to-purple-600/10 border border-indigo-500/20 p-4"><div class="flex items-center gap-2 mb-2"><!> <span class="text-[11px] font-bold text-indigo-700 dark:text-indigo-300 uppercase tracking-widest">SLASHED Studio</span></div> <p class="text-[12px] text-slate-700 dark:text-slate-300 leading-relaxed">Configure every SLASHED design token visually. Changes appear live in the preview. <!></p> <!></div> <!> <div><div class="flex items-center justify-between mb-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Presets</div> <button class="text-[10px] text-slate-500 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors cursor-pointer">Manage →</button></div> <div class="flex items-center gap-2 mb-2"><input type="text" placeholder="Save current as…" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <button aria-label="Save current theme" class="flex items-center gap-1 px-2.5 py-1.5 rounded-lg text-[11px] font-bold bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-600/30 transition-all cursor-pointer shrink-0 disabled:opacity-40 disabled:cursor-not-allowed"><!></button></div> <!></div></div>`);function dd(e,t){Ve(t,!0);let n=[{label:`Foundations`,items:[{id:`colors`,icon:io,label:`Colors`,desc:`Brand, semantic & neutral palettes`},{id:`typography`,icon:Go,label:`Typography`,desc:`Font families & fluid type scale`},{id:`spacing`,icon:_o,label:`Spacing`,desc:`Space scale & section rhythm`},{id:`borders`,icon:No,label:`Shape`,desc:`Corner radius & border widths`},{id:`motion`,icon:$o,label:`Motion`,desc:`Duration & easing curves`}]},{label:`Composition`,items:[{id:`layout`,icon:oo,label:`Layout`,desc:`Containers, grids & primitives`},{id:`depth`,icon:Ba,label:`Depth`,desc:`Shadows, glow, blur & opacity`},{id:`macros`,icon:fa,label:`Macros`,desc:`Flow, prose, aspect & scrim`},{id:`components`,icon:Ea,label:`Components`,desc:`Button & card component tokens`},{id:`misc`,icon:co,label:`System`,desc:`Layering, sizing, media, selection`}]},{label:`Quality`,items:[{id:`changes`,icon:Ka,label:`Changes`,desc:`Review every active override`},{id:`wcag`,icon:To,label:`Accessibility`,desc:`Focus ring, touch target & contrast`}]},{label:`Project`,items:[{id:`themes`,icon:Lo,label:`Presets`,desc:`Save & re-apply configurations`},{id:`setup`,icon:no,label:`Install & export`,desc:`Export overrides & setup`},{id:`cheatsheet`,icon:ma,label:`Reference`,desc:`Class & token catalogue`}]}],r=I(()=>Object.keys(t.overrides).length),i=new Set([`changes`,`themes`,`setup`,`cheatsheet`]),a=new Set(n.flatMap(e=>e.items.map(e=>e.id)).filter(e=>!i.has(e)));function o(e){return e===`changes`?U(r):a.has(e)?Object.keys(t.overrides).filter(t=>td(t)===e).length:0}let s=L(Qt(jl())),c=L(``);function l(){U(r)!==0&&(R(s,Ml(U(c),t.overrides),!0),R(c,``))}var u=ud(),d=z(u),f=z(d);jo(z(f),{class:`w-4 h-4 text-indigo-600 dark:text-indigo-400`}),Me(2),F(f);var p=V(f,2),m=V(z(p)),h=e=>{var t=nd(),n=V(B(t)),i=z(n);F(n),Me(),H(()=>q(i,`${U(r)??``} active override${U(r)===1?``:`s`}`)),K(e,t)},g=e=>{K(e,qr(`Pick any domain below to get started.`))};J(m,e=>{U(r)>0?e(h):e(g,-1)}),F(p);var _=V(p,2),v=e=>{var n=rd();W(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),K(e,n)};J(_,e=>{U(r)>0&&e(v)}),F(d);var y=V(d,2);Y(y,17,()=>n,e=>e.label,(e,n)=>{var r=od(),i=z(r),a=z(i,!0);F(i);var s=V(i,2);Y(s,21,()=>U(n).items,e=>e.id,(e,n)=>{let r=I(()=>o(U(n).id)),i=I(()=>U(n).icon);var a=ad(),s=z(a);fi(z(s),()=>U(i),(e,t)=>{t(e,{class:`w-4 h-4`})}),F(s);var c=V(s,2),l=z(c),u=z(l,!0);F(l);var d=V(l,2),f=z(d,!0);F(d),F(c);var p=V(c,2),m=e=>{var t=id(),n=z(t,!0);F(t),H(()=>q(n,U(r))),K(e,t)};J(p,e=>{U(r)>0&&e(m)}),Me(2),F(a),H(()=>{q(u,U(n).label),q(f,U(n).desc)}),W(`click`,a,()=>t.onSelect(U(n).id)),K(e,a)}),F(s),F(r),H(()=>q(a,U(n).label)),K(e,r)});var b=V(y,2),x=z(b),S=V(z(x),2);F(x);var C=V(x,2),w=z(C);Ri(w);var T=V(w,2);yo(z(T),{class:`w-3 h-3`}),F(T),F(C);var E=V(C,2),D=e=>{K(e,sd())},O=e=>{var n=ld();Y(n,21,()=>U(s).slice(0,6),e=>e.id,(e,n)=>{var r=cd(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o),c=z(s,!0);F(s);var l=V(s,2),u=z(l,!0);F(l),F(o),F(r),H(()=>{q(a,U(n).icon),q(c,U(n).name),q(u,U(n).blurb)}),W(`click`,r,()=>t.onApplyTheme(U(n).overrides)),K(e,r)}),F(n),K(e,n)};J(E,e=>{U(s).length===0?e(D):e(O,-1)}),F(b),F(u),H(()=>T.disabled=U(r)===0),W(`click`,S,()=>t.onSelect(`themes`)),W(`keydown`,w,e=>{e.key===`Enter`&&l()}),Ki(w,()=>U(c),e=>R(c,e)),W(`click`,T,l),K(e,u),He()}Rr([`click`,`keydown`]);var fd={colors:[{name:`--sf-contrast-bias`,label:`Contrast bias`,help:`Shifts the lightness threshold used by text-on-color pairing toward darker (negative) or lighter (positive) text.`,default:0,min:-1,max:1,step:.05,driving:3},{name:`--sf-contrast-threshold`,label:`Contrast threshold`,help:`OKLCH lightness above which a swatch is considered 'light' (gets dark text). Below = light text.`,default:.6,min:0,max:1,step:.01,driving:11}],spacing:[{name:`--sf-space-scale`,label:`Space scale`,help:`Multiplier applied to every fluid spacing step. One drag moves 45 tokens.`,default:1,min:.5,max:2,step:.05,driving:45},{name:`--sf-section-scale`,label:`Section scale`,help:`Multiplier applied to section paddings only.`,default:1,min:.5,max:2,step:.05,driving:6}],borders:[{name:`--sf-radius-scale`,label:`Radius scale`,help:`Multiplier applied to every radius step (set to 0 for sharp brutalist corners).`,default:1,min:0,max:2,step:.05,driving:8}],shadows:[{name:`--sf-shadow-strength`,label:`Shadow strength`,help:`Base shadow opacity. Auto-boosted +0.17 in dark mode. Slider sets the light-mode base.`,default:.08,min:0,max:.5,step:.01,driving:14,encode:e=>`calc(${e} + var(--sf-is-dark) * 0.17)`,decode:e=>{let t=/^calc\(\s*([\d.e+-]+)/.exec(String(e));return t?parseFloat(t[1]):NaN}}],motion:[{name:`--sf-motion-scale`,label:`Motion scale`,help:`Speed multiplier on every duration. Set to 0 to effectively disable motion.`,default:1,min:0,max:2,step:.05,driving:13}]};function pd(e,t,n){let r=n*Math.PI/180,i=e,a=t*Math.cos(r),o=t*Math.sin(r),s=i+.3963377774*a+.2158037573*o,c=i-.1055613458*a-.0638541728*o,l=i-.0894841775*a-1.291485548*o,u=s*s*s,d=c*c*c,f=l*l*l,p=4.0767416621*u-3.3077115913*d+.2309699292*f,m=-1.2684380046*u+2.6097574011*d-.3413193965*f,h=-.0041960863*u-.7034186147*d+1.707614701*f,g=e=>e<=.0031308?12.92*e:1.055*e**(1/2.4)-.055;return[Math.max(0,Math.min(255,Math.round(g(p)*255))),Math.max(0,Math.min(255,Math.round(g(m)*255))),Math.max(0,Math.min(255,Math.round(g(h)*255)))]}function md(e,t,n){let r=e=>e.toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`}function hd(e,t,n){let r=e=>{let t=e/255;return t<=.04045?t/12.92:((t+.055)/1.055)**2.4};return .2126*r(e)+.7152*r(t)+.0722*r(n)}function gd(e,t){let n=Math.max(e,t),r=Math.min(e,t);return(n+.05)/(r+.05)}function _d(e){let t=e.match(/oklch\(\s*([\d.%]+)\s+([\d.]+)\s+([\d.]+)/i);if(t){let e=t[1];return{l:e.endsWith(`%`)?parseFloat(e)/100:parseFloat(e),c:parseFloat(t[2]),h:parseFloat(t[3]),valid:!0}}return{l:.5,c:.15,h:200,valid:!1}}function vd(e,t,n){return`oklch(${e.toFixed(3)} ${t.toFixed(3)} ${Math.round(n)})`}var yd=G(`<span class="text-[10px] text-slate-500 ml-1 font-mono"> </span>`),bd=G(`<div class="flex items-center gap-2 w-full"><div class="relative flex-1 h-5 flex items-center"><div class="absolute inset-x-0 h-1 bg-black/8 dark:bg-white/8 rounded-full"></div> <div class="absolute left-0 h-1 bg-indigo-500 rounded-full"></div> <input type="range" class="absolute inset-0 w-full opacity-0 cursor-pointer disabled:cursor-not-allowed h-full"/> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-black/20 dark:border-white/20 pointer-events-none"></div></div> <div class="flex items-center shrink-0"><input type="number" class="w-14 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500 disabled:opacity-40"/> <!></div></div>`);function xd(e,t){Ve(t,!0);let n=na(t,`disabled`,3,!1);function r(e){return Math.min(t.max,Math.max(t.min,e))}let i=I(()=>(t.value-t.min)/(t.max-t.min)*100);var a=bd(),o=z(a),s=V(z(o),2),c=V(s,2);Ri(c);var l=V(c,2);F(o);var u=V(o,2),d=z(u);Ri(d);var f=V(d,2),p=e=>{var n=yd(),r=z(n,!0);F(n),H(()=>q(r,t.unit)),K(e,n)};J(f,e=>{t.unit&&e(p)}),F(u),F(a),H(()=>{Z(s,`width: ${U(i)}%`),Q(c,`min`,t.min),Q(c,`max`,t.max),Q(c,`step`,t.step),zi(c,t.value),c.disabled=n(),Z(l,`left: calc(${U(i)}% - 6px)`),Q(d,`min`,t.min),Q(d,`max`,t.max),Q(d,`step`,t.step),zi(d,t.value),d.disabled=n()}),W(`input`,c,e=>t.onChange(r(parseFloat(e.target.value)))),W(`change`,d,e=>t.onChange(r(parseFloat(e.target.value)||0))),K(e,a),He()}Rr([`input`,`change`]);var Sd={oklch:`oklch(`,oklab:`oklab(`};function Cd(e){let t=e.trim().toLowerCase();return!t||t.startsWith(`--`)||/\bvar\(/.test(t)?null:t.startsWith(`oklch(`)?`oklch`:t.startsWith(`oklab(`)?`oklab`:`other`}function wd(e,t){return String(Number(e.toFixed(t)))}function Td(e,t){let n=`(?:none|[-\\d.eE+]+)`,r=RegExp(`^okl(?:ch|ab)\\(\\s*(${n})\\s+(${n})\\s+(${n})\\s*(?:\\/\\s*(none|[-\\d.eE+%]+))?\\s*\\)$`,`i`).exec(e.trim());if(!r)return null;let i=e=>e.toLowerCase()===`none`?0:parseFloat(e),a=i(r[1]),o=i(r[2]),s=i(r[3]);if(!Number.isFinite(a)||!Number.isFinite(o)||!Number.isFinite(s))return null;let c=t===`oklch`?`${wd(a,3)} ${wd(o,3)} ${wd(s,1)}`:`${wd(a,3)} ${wd(o,3)} ${wd(s,3)}`,l=null;return r[4]!==void 0&&(l=r[4].endsWith(`%`)?parseFloat(r[4])/100:parseFloat(r[4])),l!==null&&Number.isFinite(l)&&l<1?`${t}(${c} / ${wd(l,3)})`:`${t}(${c})`}function Ed(e,t){let n=e.trim();if(!n)return null;let r=ju(`${t}(from ${n} ${t===`oklab`?`l a b`:`l c h`})`);return!r||!r.toLowerCase().startsWith(Sd[t])?null:Td(r,t)}function Dd(e,t){let n=e.trim(),r=Cd(n);return r===null||r===t?n:Ed(n,t)??n}function Od(e){let t=e.trim();if(!t)return null;let n=Fu(t.startsWith(`--`)&&!t.startsWith(`var(`)?`var(${t})`:t);return n?md(n[0],n[1],n[2]):null}var kd=G(`<span class="text-slate-500 dark:text-slate-500"> </span>`),Ad=G(`<div class="w-1.5 h-1.5 rounded-full bg-indigo-500 shrink-0"></div>`),jd=G(`<button class="px-2 py-1 rounded-lg text-[10px] text-rose-600 dark:text-rose-400 hover:bg-rose-500/10 border border-rose-500/20 transition-colors cursor-pointer">Reset</button>`),Md=G(`<div class="px-3 pb-3 border-t border-black/6 dark:border-white/6 pt-3 space-y-3"><div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Lightness (L)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <div class="h-4 rounded-full mb-1"></div> <!></div> <div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Chroma (C)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <!></div> <div><div class="flex justify-between mb-1"><span class="text-[10px] font-bold text-slate-600 dark:text-slate-400">Hue (H)</span> <span class="text-[10px] font-mono text-slate-600 dark:text-slate-400"> </span></div> <div class="h-4 rounded-full mb-1"></div> <!></div> <div><div class="text-[10px] font-bold text-slate-500 mb-1">Raw value</div> <div class="flex gap-2"><input type="text" class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500" placeholder="oklch(…) · paste #hex, rgb(), hsl()…"/> <!></div></div></div>`),Nd=G(`<div><button class="w-full flex items-center gap-3 px-3 py-2.5 cursor-pointer"><div class="w-8 h-8 rounded-lg border border-black/10 dark:border-white/10 shrink-0 shadow-lg"></div> <div class="flex-1 text-left min-w-0"><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </div> <div class="text-[9px] font-mono text-slate-500"> </div> <div class="text-[9px] font-mono text-slate-400 dark:text-slate-600 truncate"> <!></div></div> <!> <div>▾</div></button> <!></div>`);function Pd(e,t){Ve(t,!0);function n(e){let t=/oklch\(\s*([\d.]+)\s+([\d.]+)\s+([\d.]+)\s*\)/.exec(e);return t?{l:parseFloat(t[1]),c:parseFloat(t[2]),h:parseFloat(t[3])}:null}function r(e,t,n){return`oklch(${e.toFixed(3)} ${t.toFixed(3)} ${n.toFixed(1)})`}function i(e,t,n){let r=n*Math.PI/180,i=t*Math.cos(r),a=t*Math.sin(r),o=e+.3963377774*i+.2158037573*a,s=e-.1055613458*i-.0638541728*a,c=e-.0894841775*i-1.291485548*a,l=o*o*o,u=s*s*s,d=c*c*c,f=4.0767416621*l-3.3077115913*u+.2309699292*d,p=-1.2684380046*l+2.6097574011*u-.3413193965*d,m=-.0041960863*l-.7034186147*u+1.707614701*d,h=e=>e<=0?0:e>=1?255:Math.round(e**(1/2.2)*255);return`rgb(${h(f)},${h(p)},${h(m)})`}let a=I(()=>n(t.value)??{l:.6,c:.15,h:264}),o=L(!1),s=L(``),c=I(()=>i(U(a).l,U(a).c,U(a).h)),l=I(()=>t.tokenName.replace(`--sf-`,``)),u=I(()=>(Tu.value,Od(t.value)));function d(e,n,i){t.onChange(r(e,n,i))}function f(){let e=U(s).trim();e&&(t.onChange(Dd(e,`oklch`)),R(s,``))}var p=Nd(),m=z(p),h=z(m);let g;var _=V(h,2),v=z(_),y=z(v,!0);F(v);var b=V(v,2),x=z(b,!0);F(b);var S=V(b,2),C=z(S,!0),w=V(C),T=e=>{var t=kd(),n=z(t);F(t),H(()=>q(n,`· ${U(u)??``}`)),K(e,t)};J(w,e=>{U(u)&&e(T)}),F(S),F(_);var E=V(_,2),D=e=>{K(e,Ad())};J(E,e=>{t.overridden&&e(D)});var O=V(E,2);F(m);var k=V(m,2),A=e=>{var n=Md(),r=z(n),i=z(r),o=V(z(i),2),c=z(o,!0);F(o),F(i);var l=V(i,2);xd(V(l,2),{get value(){return U(a).l},min:0,max:1,step:.005,onChange:e=>d(e,U(a).c,U(a).h)}),F(r);var u=V(r,2),p=z(u),m=V(z(p),2),h=z(m,!0);F(m),F(p),xd(V(p,2),{get value(){return U(a).c},min:0,max:.4,step:.005,onChange:e=>d(U(a).l,e,U(a).h)}),F(u);var g=V(u,2),_=z(g),v=V(z(_),2),y=z(v);F(v),F(_);var b=V(_,2);xd(V(b,2),{get value(){return U(a).h},min:0,max:360,step:1,unit:`°`,onChange:e=>d(U(a).l,U(a).c,e)}),F(g);var x=V(g,2),S=V(z(x),2),C=z(S);Ri(C);var w=V(C,2),T=e=>{var n=jd();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(w,e=>{t.overridden&&e(T)}),F(S),F(x),F(n),H((e,n,r,i,a)=>{q(c,e),Z(l,n),q(h,r),q(y,`${i??``}°`),Z(b,a),zi(C,U(s)||t.value)},[()=>U(a).l.toFixed(3),()=>`background: linear-gradient(to right, oklch(0 ${U(a).c.toFixed(3)} ${U(a).h.toFixed(1)}), oklch(1 ${U(a).c.toFixed(3)} ${U(a).h.toFixed(1)}))`,()=>U(a).c.toFixed(3),()=>U(a).h.toFixed(1),()=>`background: linear-gradient(to right, oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 0), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 60), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 120), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 180), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 240), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 300), oklch(${U(a).l.toFixed(3)} ${U(a).c.toFixed(3)} 360))`]),W(`input`,C,e=>{R(s,e.target.value,!0)}),Lr(`blur`,C,f),W(`keydown`,C,e=>{e.key===`Enter`&&(f(),e.currentTarget.blur())}),K(e,n)};J(k,e=>{U(o)&&e(A)}),F(p),H(()=>{X(p,1,`rounded-xl border transition-all ${t.overridden?`bg-indigo-500/8 border-indigo-500/20`:`bg-black/4 dark:bg-white/4 border-black/8 dark:border-white/8 hover:border-black/12 dark:hover:border-white/12`}`),g=Z(h,``,g,{background:U(c)}),q(y,t.label),q(x,U(l)),q(C,t.value),X(O,1,`text-slate-500 text-[10px] transition-transform ${U(o)?`rotate-180`:``}`)}),W(`click`,m,()=>{R(o,!U(o))}),K(e,p),He()}Rr([`click`,`input`,`keydown`]);var Fd=G(`<span class="text-[9px] text-slate-400 dark:text-slate-600 font-mono"> </span>`),Id=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer ">reset</button>`),Ld=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1 leading-relaxed"> </p>`),Rd=G(`<div class="group"><div class="flex items-center justify-between mb-1.5"><div class="flex items-center gap-2"><span class="text-[11px] font-semibold text-slate-700 dark:text-slate-300"> </span> <!></div> <!></div> <!> <!></div>`);function zd(e,t){Ve(t,!0);let n=I(()=>t.overrides[t.knob.name]),r=I(()=>U(n)===void 0?t.knob.default:t.knob.decode?t.knob.decode(U(n)):parseFloat(U(n))),i=I(()=>isNaN(U(r))?t.knob.default:U(r)),a=I(()=>t.knob.name in t.overrides);function o(e){let n=t.knob.encode?t.knob.encode(e):String(e);t.onChange(t.knob.name,n)}function s(){t.onChange(t.knob.name,null)}var c=Rd(),l=z(c),u=z(l),d=z(u),f=z(d,!0);F(d);var p=V(d,2),m=e=>{var n=Fd(),r=z(n);F(n),H(()=>q(r,`→ ${t.knob.driving??``} tokens`)),K(e,n)};J(p,e=>{t.knob.driving!==void 0&&e(m)}),F(u);var h=V(u,2),g=e=>{var t=Id();W(`click`,t,s),K(e,t)};J(h,e=>{U(a)&&e(g)}),F(l);var _=V(l,2);xd(_,{get value(){return U(i)},get min(){return t.knob.min},get max(){return t.knob.max},get step(){return t.knob.step},get unit(){return t.knob.unit},onChange:o});var v=V(_,2),y=e=>{var n=Ld(),r=z(n,!0);F(n),H(()=>q(r,t.knob.help)),K(e,n)};J(v,e=>{t.knob.help&&e(y)}),F(c),H(()=>q(f,t.knob.label)),K(e,c),He()}Rr([`click`]);var Bd=G(`<span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </span>`),Vd=G(`<span></span>`),Hd=G(`<button>&lt;/&gt;</button>`),Ud=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer transition-colors">reset</button>`),Wd=G(`<option> </option>`),Gd=G(`<select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500"><!><option>Custom value…</option></select>`),Kd=G(`<button class="text-[9px] font-mono text-indigo-600 dark:text-indigo-400 hover:underline cursor-pointer mt-0.5">&larr; back to variable</button>`),qd=G(`<input type="text" class="w-full bg-black/8 dark:bg-white/8 border border-indigo-500/50 rounded px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-500 focus:outline-none"/> <!>`,1),Jd=G(`<p class="text-[9px] font-mono text-slate-300 dark:text-slate-400 mt-0.5 leading-none"> </p>`),Yd=G(`<!> <!>`,1),Xd=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1 leading-relaxed"> </p>`),Zd=G(`<div class="group"><div class="flex items-center justify-between mb-1.5"><!> <div class="flex items-center gap-1.5"><!> <!></div></div> <!> <!></div>`);function $(e,t){Ve(t,!0);let n=`__sf_custom__`;function r(e){let t=e.match(/^var\(\s*(--sf-[\w-]+)/);return t?t[1].replace(/^--sf-/,``):e}let i=I(()=>{let e=[];t.rawDefault&&e.push({label:`${r(t.rawDefault)} (default)`,value:t.rawDefault});for(let n of t.variableOptions??[])n.value!==t.rawDefault&&e.push(n);return e}),a=I(()=>U(i).find(e=>e.value===(t.currentRaw??t.rawDefault))),o=I(()=>!!t.rawDefault&&!!t.onRawSet),s=I(()=>U(o)&&(t.variableOptions?.length??0)>0),c=I(()=>!!t.currentRaw&&/^(var|calc|clamp|min|max|env)\(/.test(t.currentRaw.trim())),l=L(`none`),u=I(()=>U(s)&&U(l)===`none`&&(t.currentRaw===void 0||!!U(a))),d=I(()=>U(o)&&!U(u)&&(U(l)===`raw`||U(l)===`none`&&U(c))),f=I(()=>U(a)?.value??t.rawDefault??n),p=L(``),m=L(!1);wn(()=>{U(m)||R(p,t.currentRaw??``,!0)});function h(e){if(e===n){R(l,`slider`);return}R(l,`none`),e===t.rawDefault?t.onReset():t.onRawSet?.(e)}function g(){R(l,`none`),t.onReset()}var _=Zd(),v=z(_),y=z(v),b=e=>{var n=Bd(),r=z(n,!0);F(n),H(()=>q(r,t.label)),K(e,n)},x=e=>{K(e,Vd())};J(y,e=>{t.label?e(b):e(x,-1)});var S=V(y,2),C=z(S),w=e=>{var t=Hd();H(()=>{Q(t,`title`,U(d)?`Switch to slider`:`Enter raw CSS value`),X(t,1,`text-[9px] font-mono cursor-pointer transition-all px-0.5 ${U(d)?`text-indigo-600 dark:text-indigo-400`:`text-slate-500 hover:text-indigo-600 dark:hover:text-indigo-400`}`)}),W(`click`,t,()=>{R(l,U(d)?`slider`:`raw`,!0)}),K(e,t)};J(C,e=>{U(o)&&!U(u)&&e(w)});var T=V(C,2),E=e=>{var n=Ud();W(`click`,n,()=>{R(l,`none`),t.onReset()}),K(e,n)};J(T,e=>{t.overridden&&e(E)}),F(S),F(v);var D=V(v,2),O=e=>{var r=Gd(),a=z(r);Y(a,17,()=>U(i),e=>e.value,(e,t)=>{var n=Wd(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var o=V(a);o.value=o.__value=n,F(r);var s;Ei(r),H(()=>{Q(r,`aria-label`,t.label||`Value`),s!==(s=U(f))&&(r.value=(r.__value=U(f))??``,Ti(r,U(f)))}),W(`change`,r,e=>h(e.target.value)),K(e,r)},k=e=>{var n=qd(),r=B(n);Ri(r);var i=V(r,2),a=e=>{var t=Kd();W(`click`,t,g),K(e,t)};J(i,e=>{U(s)&&e(a)}),H(()=>{zi(r,U(p)),Q(r,`placeholder`,t.rawDefault)}),Lr(`focus`,r,()=>{R(m,!0)}),Lr(`blur`,r,()=>{R(m,!1);let e=U(p).trim();e?t.onRawSet?.(e):g()}),W(`keydown`,r,e=>{e.key===`Enter`&&e.currentTarget.blur()}),W(`input`,r,e=>{R(p,e.target.value,!0)}),K(e,n)},A=e=>{var n=Yd(),r=B(n);xd(r,{get value(){return t.value},get min(){return t.min},get max(){return t.max},get step(){return t.step},get unit(){return t.unit},get onChange(){return t.onChange}});var i=V(r,2),a=e=>{var n=Jr(),r=B(n),i=e=>{var t=Kd();W(`click`,t,g),K(e,t)},a=e=>{var n=Jd(),r=z(n);F(n),H(()=>q(r,`default: ${t.rawDefault??``}`)),K(e,n)};J(r,e=>{U(s)||t.currentRaw!==void 0?e(i):e(a,-1)}),K(e,n)};J(i,e=>{U(o)&&e(a)}),K(e,n)};J(D,e=>{U(u)?e(O):U(d)?e(k,1):e(A,-1)});var j=V(D,2),M=e=>{var n=Xd(),r=z(n,!0);F(n),H(()=>q(r,t.help)),K(e,n)};J(j,e=>{t.help&&e(M)}),F(_),K(e,_),He()}Rr([`click`,`change`,`keydown`,`input`]);var Qd=G(`<input type="color" class="absolute inset-0 w-full h-full opacity-0 cursor-pointer" tabindex="-1"/>`),$d=G(`<input class="flex-1 bg-black/8 dark:bg-white/8 border border-indigo-500/50 rounded px-1.5 py-0.5 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none"/>`),ef=G(`<span class="text-indigo-700 dark:text-indigo-300"> </span>`),tf=G(`<span class="text-slate-400 dark:text-slate-600"> </span>`),nf=G(`<button class="flex-1 text-left text-[9px] font-mono text-slate-500 hover:text-slate-800 dark:hover:text-slate-200 truncate cursor-pointer transition-colors"><!> <!></button>`),rf=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),af=G(`<div class="flex items-center gap-2"><div class="relative shrink-0 w-7 h-7 rounded border border-black/10 dark:border-white/10 overflow-hidden cursor-pointer"><div class="absolute inset-0"></div> <!></div> <!> <!></div>`);function of(e,t){Ve(t,!0);let n=L(!1),r=L(!1),i=L(null);wn(()=>{U(n)&&gr().then(()=>U(i)?.focus())});function a(e){let t=e.trim();return t.startsWith(`--`)&&!t.startsWith(`var(`)?`var(${t})`:t}let o=I(()=>Cd(t.value)===`oklab`?`oklab`:`oklch`);function s(e){let n=a(e);if(!n){t.onReset();return}t.onSet(Dd(n,U(o)))}function c(e){Tu.value;let t=a(e);return ju(t)||t||`transparent`}let l=I(()=>c(t.value||`var(${t.token})`)),u=I(()=>(Tu.value,Od(t.value||`var(${t.token})`))),d=I(()=>t.value.trim().startsWith(`var(`)||t.value.trim().startsWith(`--`));function f(e){if(e.match(/^#([0-9a-fA-F]{6})$/))return e.toLowerCase();let t=e.match(/^#([0-9a-fA-F]{3})$/);if(t)return`#`+t[1].split(``).map(e=>e+e).join(``);let n=e.match(/rgb\w*\((\d+)[,\s]+(\d+)[,\s]+(\d+)/);return n?`#`+[n[1],n[2],n[3]].map(e=>parseInt(e).toString(16).padStart(2,`0`)).join(``):`#6366f1`}var p=af(),m=z(p),h=z(m);let g;var _=V(h,2),v=e=>{var n=Qd();Ri(n),H(e=>zi(n,e),[()=>f(U(l))]),W(`input`,n,e=>t.onSet(e.target.value)),W(`change`,n,e=>s(e.target.value)),K(e,n)};J(_,e=>{U(d)||e(v)}),F(m);var y=V(m,2),b=e=>{var a=$d();Ri(a),Zi(a,e=>R(i,e),()=>U(i)),H(()=>{zi(a,t.value),Q(a,`placeholder`,t.placeholder??`default`)}),Lr(`blur`,a,e=>{if(U(r)){R(r,!1),R(n,!1);return}s(e.target.value),R(n,!1)}),W(`keydown`,a,e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(R(r,!0),R(n,!1))}),K(e,a)},x=e=>{var r=nf(),i=z(r),a=e=>{var n=ef(),r=z(n,!0);F(n),H(()=>q(r,t.value)),K(e,n)},o=e=>{var n=qr();H(()=>q(n,t.placeholder??`default`)),K(e,n)};J(i,e=>{t.isOverridden?e(a):e(o,-1)});var s=V(i,2),c=e=>{var t=tf(),n=z(t);F(t),H(()=>q(n,`· ${U(u)??``}`)),K(e,t)};J(s,e=>{U(u)&&!U(d)&&e(c)}),F(r),W(`click`,r,()=>{R(n,!0)}),K(e,r)};J(y,e=>{U(n)?e(b):e(x,-1)});var S=V(y,2),C=e=>{var n=rf();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(S,e=>{t.isOverridden&&e(C)}),F(p),H(()=>g=Z(h,``,g,{background:U(l)})),K(e,p),He()}Rr([`input`,`change`,`keydown`,`click`]);var sf=G(`<section><button><div> </div> <span> </span></button> <!></section>`);function cf(e,t){Ve(t,!0);let n=na(t,`open`,15,!1),r=na(t,`variant`,3,`default`),i=na(t,`spacing`,3,`space-y-3`);var a=sf(),o=z(a),s=z(o),c=z(s,!0);F(s);var l=V(s,2),u=z(l,!0);F(l),F(o);var d=V(o,2),f=e=>{var n=Jr();di(B(n),()=>t.children),K(e,n)};J(d,e=>{n()&&e(f)}),F(a),H(()=>{X(a,1,vi(i())),Q(o,`aria-expanded`,n()),X(o,1,vi(r()===`advanced`?`w-full flex items-center justify-between text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400 transition-colors cursor-pointer`:`w-full flex items-center justify-between cursor-pointer`)),X(s,1,vi(r()===`advanced`?`text-[10px] font-semibold uppercase tracking-widest`:`text-[10px] font-bold text-slate-500 uppercase tracking-widest`)),q(c,t.title),X(l,1,vi(r()===`advanced`?`text-[10px]`:`text-[10px] text-slate-500`)),q(u,n()?`▲`:`▼`)}),W(`click`,o,()=>n(!n())),K(e,a),He()}Rr([`click`]);var lf=(e,t=f)=>{var n=uf(),r=z(n,!0);F(n),H(()=>q(r,t())),K(e,n)},uf=G(`<span aria-hidden="true" class="pointer-events-none absolute left-1/2 -translate-x-1/2 bottom-full mb-1 z-20 whitespace-nowrap rounded bg-slate-900 border border-white/10 px-1.5 py-0.5 text-[8px] font-mono text-slate-200 opacity-0 group-hover:opacity-100 transition-opacity"> </span>`),df=G(`<div class="rounded-md border border-black/10 dark:border-white/10 px-1 py-1.5 flex flex-col items-center justify-center gap-0.5 min-h-[34px]"><span class="text-[11px] font-bold leading-none">Aa</span> <span class="text-[7px] leading-none opacity-90"> </span></div>`),ff=G(`<div class="flex items-center gap-1"><span class="text-[7px] text-slate-400 dark:text-slate-600 w-2.5 shrink-0 text-right select-none uppercase"> </span> <div class="grid grid-cols-5 gap-1 flex-1"></div></div>`),pf=G(`<div class="space-y-1"><div class="text-[8px] font-semibold text-slate-400 dark:text-slate-600 uppercase tracking-widest"> </div> <!></div>`),mf=G(`<button title="Copy the light value into the dark source (snapshot)" class="text-[8px] px-1.5 py-0.5 rounded border border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 transition-all cursor-pointer">Copy to dark</button>`),hf=G(`<div class="flex items-center gap-1"><!> <button> </button></div>`),gf=G(`<div class="group relative w-5 h-3 rounded-t border-x border-t border-black/10 dark:border-white/10"><!></div>`),_f=G(`<div class="group relative w-5 h-3 rounded-b border-x border-b border-black/10 dark:border-white/10"><!></div>`),vf=G(`<p class="text-[8px] text-slate-400 dark:text-slate-600 leading-snug pl-1">Absolute lightness ramp — each step pins L and inherits chroma + hue from the source. Not the brand mix curve.
                 Light and dark use the <em>same</em> L per step, so at the default near-zero chroma the two rows look almost
                 identical — add chroma above to see them diverge by hue.</p>`),yf=G(`<div class="mt-1 pl-1 space-y-px"><div class="flex items-center gap-1"><span class="text-[7px] text-slate-400 dark:text-slate-600 w-2.5 shrink-0 text-right select-none">L</span> <div class="flex gap-0.5"></div></div> <div class="flex items-center gap-1"><span class="text-[7px] text-slate-400 dark:text-slate-600 w-2.5 shrink-0 text-right select-none">D</span> <div class="flex gap-0.5"></div></div></div> <!>`,1),bf=G(`<div class="flex items-center gap-1.5 text-[9px] text-slate-400 dark:text-slate-600 pl-1"><span class="w-3.5 h-3.5 rounded border border-black/10 dark:border-white/10 shrink-0"></span> </div>`),xf=G(`<div class="space-y-1"><div class="flex items-center justify-between"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest"> </div> <!></div> <!> <!> <!></div>`),Sf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">OKLCH source values — all 200+ derived color steps are computed automatically. Tints (50–400) mix toward Base
       (the "Surface" color) and shades (600–950) mix toward Text (driven by Neutral) — so editing Base or Neutral below
@@ -5821,29 +5821,29 @@ ${Zs(i)}
         Manual dark to set a bespoke dark value.</p> <div class="space-y-3"></div>`,1),jf=G(`<div class="flex items-center gap-2"><span class="w-6 h-6 rounded border border-black/10 dark:border-white/10 shrink-0 flex items-center justify-center text-[10px] font-bold">Aa</span> <span class="text-[9px] text-slate-500 flex-1 truncate"> </span> <span class="text-[10px] font-mono font-bold text-slate-800 dark:text-slate-200"> </span> <span> </span></div>`),Mf=G(`<button class="w-full mt-1 py-1.5 rounded-lg bg-indigo-600/15 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 text-[10px] font-bold cursor-pointer hover:bg-indigo-600/25 transition-all">Open contrast tool →</button>`),Nf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Controls whether text on brand-coloured surfaces is light or dark.</p> <!> <div class="rounded-lg bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 p-2.5 space-y-2"><!> <!></div>`,1),Pf=G(`<button><span class="text-[11px] font-bold"> </span> <span class="text-[9px] text-slate-500 text-center"> </span></button>`),Ff=G(`<div class="flex-1 flex flex-col items-center gap-0.5 h-full justify-end"><div class="group relative w-full h-full rounded-sm border-x border-t border-black/10 dark:border-white/10"><!></div> <span class="text-[7px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),If=G(`<div class="group relative flex-1 h-4 rounded-sm border border-black/10 dark:border-white/10"><!></div>`),Lf=G(`<div class="flex items-center gap-1.5"><span class="text-[7px] font-mono text-slate-400 dark:text-slate-600 w-12 shrink-0 truncate"> </span> <div class="flex gap-0.5 flex-1"></div></div>`),Rf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Set how light the lightest step and how dark the darkest step reach; every
       step in between is derived automatically and stays light→dark for any
       colour. Step 500 is always the source colour.</p> <div class="grid grid-cols-3 gap-1.5"></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Ramp anchors — absolute OKLCH lightness</div> <div class="space-y-2"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="flex items-center justify-between mb-2"><span class="text-[9px] text-slate-400 dark:text-slate-600">Palette &amp; curve preview</span> <div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded p-0.5 gap-0.5"></div></div> <div class="flex items-end gap-0.5 h-20"></div> <p class="text-[8px] text-slate-400 dark:text-slate-600 mt-2">Live primary palette, 50 → 950 — always monotonic light→dark</p></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"><div class="flex items-center justify-between mb-1"><span class="text-[9px] text-slate-400 dark:text-slate-600">Mini palettes — all brand colors</span> <div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded p-0.5 gap-0.5"></div></div> <!></div>`,1),zf=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Bf=G(`<div class="flex items-center gap-1"><span class="text-[8px] text-slate-500 w-10 shrink-0">Dir</span> <!></div>`),Vf=G(`<div class="flex items-center gap-2"><span class="text-[8px] text-slate-500 w-10 shrink-0">Angle</span> <div class="flex-1 min-w-0"><!></div></div>`),Hf=G(`<div class="rounded-lg border border-black/8 dark:border-white/8 bg-black/3 dark:bg-white/3 overflow-hidden"><div class="h-9 w-full"></div> <div class="px-2 py-1.5 space-y-1.5"><div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-700 dark:text-slate-300 flex-1"> </span> <!></div> <!> <div class="flex items-center gap-1"><span class="text-[8px] text-slate-500 w-10 shrink-0">Stops</span> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-0.5 text-[8px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500"/> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-0.5 text-[8px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500"/></div> <div class="text-[8px] font-mono text-slate-400 dark:text-slate-600 leading-snug break-all"><span class="text-slate-500">default:</span> </div> <input type="text" placeholder="raw override (auto-derived if blank)" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-0.5 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/></div></div>`),Uf=G(`<div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest pt-1"> </div> <div class="space-y-2"></div>`,1),Wf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Auto-derived from your brand colors. Use the angle/direction and stop
-        controls, or edit the raw value for full control.</p> <!>`,1),Gf=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-color-scheme — sets the CSS <span class="font-mono text-slate-600 dark:text-slate-400">color-scheme</span> property on the root, controlling browser UI (scrollbars, inputs) and default background.</p> <div class="flex gap-1"></div>`,1),Kf=G(`<div class="mt-1 text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed"> </div>`),qf=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1"> </div> <!> <!></div>`),Jf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Direct color overrides for tokens the framework auto-derives. Use for edge cases.</p> <div class="space-y-2"></div>`,1),Yf=G(`<div class="p-4 space-y-6"><section class="space-y-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Semantic colors</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">Live preview — every semantic role on its on-color text, shown in light and dark. Resolved from the canvas, updates as you edit.</p> <div class="space-y-2.5"></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="rounded-lg bg-black/3 dark:bg-white/3 border border-black/6 dark:border-white/6 p-3"><p class="text-[10px] text-slate-500 leading-relaxed"><span class="text-slate-600 dark:text-slate-400 font-semibold">All tokens tab</span> — override individual color steps (50–950), semantic aliases, or surface tokens directly.</p></div></div>`);function Xf(e,t){Ve(t,!0);function n(e,t){return Tu.value,ju(e)||t}function r(e,t){Tu.value;let n=Iu(e);return n&&n!==`none`?n:t}function i(e,t,n){return Tu.value,Nu(e,t)||n}let a=[{name:`--sf-gradient-primary`,label:`Primary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-primary)`,stop2:`oklch(from var(--sf-color-primary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - 0.08) c h))`},{name:`--sf-gradient-secondary`,label:`Secondary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-secondary)`,stop2:`oklch(from var(--sf-color-secondary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - 0.08) c h))`},{name:`--sf-gradient-tertiary`,label:`Tertiary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-tertiary)`,stop2:`oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h))`},{name:`--sf-gradient-action`,label:`Action`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-action)`,stop2:`oklch(from var(--sf-color-action) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - 0.08) c h))`},{name:`--sf-gradient-brand`,label:`Brand`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-primary)`,stop2:`oklch(from var(--sf-color-primary) l c calc(h + 30))`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)))`},{name:`--sf-gradient-surface`,label:`Surface`,group:`brand`,kind:`angle`,space:`oklab`,angle:180,dir:`bottom`,stop1:`var(--sf-color-surface)`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg))`},{name:`--sf-gradient-fade--r`,label:`Fade →`,group:`fade`,kind:`dir`,space:`oklch`,angle:90,dir:`right`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to right, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--l`,label:`Fade ←`,group:`fade`,kind:`dir`,space:`oklch`,angle:270,dir:`left`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to left, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--t`,label:`Fade ↑`,group:`fade`,kind:`dir`,space:`oklch`,angle:0,dir:`top`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to top, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--b`,label:`Fade ↓`,group:`fade`,kind:`dir`,space:`oklch`,angle:180,dir:`bottom`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg))`}],o=[{key:`primary`,label:`Primary`},{key:`secondary`,label:`Secondary`},{key:`tertiary`,label:`Tertiary`},{key:`action`,label:`Action`}],s=[{name:`--sf-color-primary-source-light`,label:`Primary`,side:`light`,default:`oklch(0.47 0.27 264)`,colorKey:`primary`},{name:`--sf-color-primary-source-dark`,label:`Primary`,side:`dark`,default:`oklch(0.715 0.243 264)`,colorKey:`primary`},{name:`--sf-color-secondary-source-light`,label:`Secondary`,side:`light`,default:`oklch(0.22 0.04 264)`,colorKey:`secondary`},{name:`--sf-color-secondary-source-dark`,label:`Secondary`,side:`dark`,default:`oklch(0.84 0.036 264)`,colorKey:`secondary`},{name:`--sf-color-tertiary-source-light`,label:`Tertiary`,side:`light`,default:`oklch(0.42 0.22 295)`,colorKey:`tertiary`},{name:`--sf-color-tertiary-source-dark`,label:`Tertiary`,side:`dark`,default:`oklch(0.74 0.198 295)`,colorKey:`tertiary`},{name:`--sf-color-action-source-light`,label:`Action`,side:`light`,default:`oklch(0.50 0.22 235)`,colorKey:`action`},{name:`--sf-color-action-source-dark`,label:`Action`,side:`dark`,default:`oklch(0.70 0.198 235)`,colorKey:`action`},{name:`--sf-color-neutral-source-light`,label:`Neutral`,side:`light`,default:`oklch(0.52 0.025 260)`,colorKey:`neutral`},{name:`--sf-color-neutral-source-dark`,label:`Neutral`,side:`dark`,default:`oklch(0.69 0.0225 260)`,colorKey:`neutral`},{name:`--sf-color-base-source-light`,label:`Base`,side:`light`,default:`oklch(0.96 0.006 250)`,colorKey:`base`},{name:`--sf-color-base-source-dark`,label:`Base`,side:`dark`,default:`oklch(0.22 0.003 250)`,colorKey:`base`}],c=[{name:`--sf-color-success-source-light`,label:`Success`,side:`light`,default:`oklch(0.50 0.16 145)`,colorKey:`success`},{name:`--sf-color-success-source-dark`,label:`Success`,side:`dark`,default:`oklch(0.70 0.144 145)`,colorKey:`success`},{name:`--sf-color-warning-source-light`,label:`Warning`,side:`light`,default:`oklch(0.75 0.17 80)`,colorKey:`warning`},{name:`--sf-color-warning-source-dark`,label:`Warning`,side:`dark`,default:`oklch(0.65 0.153 80)`,colorKey:`warning`},{name:`--sf-color-info-source-light`,label:`Info`,side:`light`,default:`oklch(0.48 0.18 235)`,colorKey:`info`},{name:`--sf-color-info-source-dark`,label:`Info`,side:`dark`,default:`oklch(0.71 0.162 235)`,colorKey:`info`},{name:`--sf-color-danger-source-light`,label:`Danger`,side:`light`,default:`oklch(0.48 0.22 12)`,colorKey:`danger`},{name:`--sf-color-danger-source-dark`,label:`Danger`,side:`dark`,default:`oklch(0.71 0.198 12)`,colorKey:`danger`}],l=[{label:`50`,step:`tint`,frac:.95,taper:.2},{label:`100`,step:`tint`,frac:.88,taper:.3},{label:`200`,step:`tint`,frac:.72,taper:.5},{label:`300`,step:`tint`,frac:.52,taper:.72},{label:`400`,step:`tint`,frac:.3,taper:.88},{label:`600`,step:`shade`,frac:.16,taper:.96},{label:`700`,step:`shade`,frac:.36,taper:.88},{label:`800`,step:`shade`,frac:.58,taper:.72},{label:`900`,step:`shade`,frac:.78,taper:.52},{label:`950`,step:`shade`,frac:.9,taper:.38}],u=[{name:`--sf-palette-tint-l`,label:`Lightest step (L)`,default:.97},{name:`--sf-palette-shade-l`,label:`Darkest step (L)`,default:.1}],d=[{label:`Softer`,desc:`Low contrast palette`,patch:{"--sf-palette-tint-l":`0.93`,"--sf-palette-shade-l":`0.2`}},{label:`Default`,desc:`Balanced contrast`,patch:Object.fromEntries(u.map(e=>[e.name,null]))},{label:`Punchy`,desc:`High contrast palette`,patch:{"--sf-palette-tint-l":`0.98`,"--sf-palette-shade-l":`0.05`}}],f=[{name:`--sf-color-link`,label:`Link`},{name:`--sf-color-link--visited`,label:`Link visited`,note:`Only affects links already visited in the browser — the preview can't show it (a browser privacy rule), but it applies on your live site.`},{name:`--sf-color-mark-bg`,label:`Mark background`},{name:`--sf-color-mark-text`,label:`Mark text`},{name:`--sf-marker-color`,label:`List marker`,note:`Drives the .sf-marker--* utilities and .sf-prose ::marker alike (via --sf-prose-marker-color).`},{name:`--sf-color-code-bg`,label:`Code background`},{name:`--sf-color-code-text`,label:`Code text`},{name:`--sf-color-overlay`,label:`Overlay`},{name:`--sf-color-black`,label:`Black`},{name:`--sf-color-white`,label:`White`},{name:`--sf-color-dim`,label:`Dim (translucent black)`}],p=[`50`,`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`,`950`],m=[`primary`,`secondary`,`tertiary`,`action`,`neutral`],g={50:.97,100:.94,200:.88,300:.78,400:.65,500:.5,600:.37,700:.27,800:.17,900:.11,950:.06},_=[...m,`base`],v=[{label:`Base`,expr:e=>`var(--sf-color-${e})`},{label:`Tint`,expr:e=>`var(--sf-color-${e}-tint)`},{label:`Subtle`,expr:e=>`var(--sf-color-${e}-subtle)`},{label:`Muted`,expr:e=>`var(--sf-color-${e}-muted)`},{label:`Strong`,expr:e=>`var(--sf-color-${e}-strong)`}],y=[...s,...c],b=[{heading:`Brand`,items:[{name:`--sf-color-primary`,label:`Primary`,fg:`--sf-color-text--on-primary`},{name:`--sf-color-secondary`,label:`Secondary`,fg:`--sf-color-text--on-secondary`},{name:`--sf-color-tertiary`,label:`Tertiary`,fg:`--sf-color-text--on-tertiary`},{name:`--sf-color-action`,label:`Action`,fg:`--sf-color-text--on-action`},{name:`--sf-color-neutral`,label:`Neutral`,fg:`--sf-color-text--on-neutral`}]},{heading:`Status`,items:[{name:`--sf-color-success`,label:`Success`,fg:`--sf-color-text--on-success`},{name:`--sf-color-warning`,label:`Warning`,fg:`--sf-color-text--on-warning`},{name:`--sf-color-info`,label:`Info`,fg:`--sf-color-text--on-info`},{name:`--sf-color-danger`,label:`Danger`,fg:`--sf-color-text--on-danger`}]},{heading:`Surfaces & text`,items:[{name:`--sf-color-bg`,label:`Bg`,fg:`--sf-color-text`},{name:`--sf-color-surface`,label:`Surface`,fg:`--sf-color-text`},{name:`--sf-color-raised`,label:`Raised`,fg:`--sf-color-text`},{name:`--sf-color-inset`,label:`Inset`,fg:`--sf-color-text`},{name:`--sf-color-inverse`,label:`Inverse`,fg:`--sf-color-text--on-inverse`}]}],x=(fd.colors??[]).filter(e=>e.name===`--sf-contrast-bias`||e.name===`--sf-contrast-threshold`),S=L(!1),C=L(!1),w=L(!1),T=L(!1),E=L(!1),D=L(!1),O=L(!1),k=L(!1),A=L(`light`),j=Qt({}),M=I(()=>{let e=parseFloat(t.overrides[`--sf-lumlocker`]??`0.65`);return Number.isFinite(e)?e:.65}),ee=I(()=>{let e=t.overrides[`--sf-lumlocker-dark`];if(e!==void 0){let t=parseFloat(e);if(Number.isFinite(t))return t}return Math.min(Math.max(1.18-U(M),.5),.92)});function te(e){let t=e.match(/^linear-gradient\(\s*in\s+(\S+)\s+(to\s+\w+|\d+deg)\s*,(.+)\)$/i);if(!t)return null;let n=t[1],r=t[2].trim(),i=r.startsWith(`to `),a=i?r.slice(3).trim():`right`,o=i?0:parseInt(r),s=0,c=0,l=[],u=t[3];for(let e=0;e<u.length;e++)u[e]===`(`?s++:u[e]===`)`?s--:u[e]===`,`&&s===0&&(l.push(u.slice(c,e).trim()),c=e+1);return l.push(u.slice(c).trim()),l.length<2?null:{space:n,kind:i?`dir`:`angle`,angle:o,dir:a,stop1:l[0],stop2:l[1]}}function ne(e){let n=t.overrides[e.name];return(n?te(n):null)??{space:e.space,kind:e.kind,angle:e.angle,dir:e.dir,stop1:e.stop1,stop2:e.stop2}}function re(e){return j[e.name]??ne(e)}function ie(e){let t=re(e),n=t.kind===`dir`?`to ${t.dir}`:`${t.angle}deg`;return`linear-gradient(in ${t.space} ${n}, ${t.stop1}, ${t.stop2})`}function ae(e,n,r){j[e.name]||(j[e.name]=ne(e)),j[e.name][n]=r,t.onSet(e.name,ie(e))}function oe(e,t){return`oklch(from ${t===`dark`?`var(--sf-color-${e}-source-dark, var(--sf-color-${e}-source-light))`:`var(--sf-color-${e}-source-light)`} ${U(t===`dark`?ee:M)} c h)`}let N=L(Qt(new Set(y.filter(e=>e.side===`light`&&!((y.find(t=>t.colorKey===e.colorKey&&t.side===`dark`)?.name??``)in t.overrides)).map(e=>e.colorKey)))),se=I(()=>{let e={};for(let n of t.tokens)y.some(e=>e.name===n.name)&&(e[n.name]=n);return e});function ce(e){return e?t.overrides[e.name]??U(se)[e.name]?.value??e.default:``}function le(e){return y.find(t=>t.name===e)}let ue=I(()=>d.find(e=>Object.entries(e.patch).every(([e,n])=>n===null?!(e in t.overrides):t.overrides[e]===n)));function de(e,n){let r=t.overrides[e];if(r===void 0)return n;let i=parseFloat(r);return Number.isFinite(i)?i:n}let fe=[];for(let e=0;e<s.length;e+=2)fe.push([s[e],s[e+1]]);let pe=[];for(let e=0;e<c.length;e+=2)pe.push([c[e],c[e+1]]);function me(e,t){let{l:n,c:r,h:i,valid:a}=_d(e);if(!a)return e;let o,s;return t===`base`?(o=Math.max(.16,Math.min(1.18-n,.24)),s=r*.5):(o=Math.max(.65,Math.min(.95-n*.5,.88)),s=r*.9),vd(o,s,i)}function he(){return ce(le(`--sf-color-base-source-light`))}function ge(){let e=le(`--sf-color-base-source-dark`);return e&&(t.overrides[e.name]??U(se)[e.name]?.value)!==void 0?ce(e):me(ce(le(`--sf-color-base-source-light`)),`base`)}function _e(){let{l:e,c:t,h:n,valid:r}=_d(ce(le(`--sf-color-neutral-source-light`)));return r?vd(Math.max(.05,Math.min(e-.38,.3)),t*.8,n):`oklch(0.12 0.02 260)`}function ve(){let{l:e,c:t,h:n,valid:r}=_d(ce(le(`--sf-color-neutral-source-dark`)));return r?vd(Math.min(1,Math.max(e+.22,.88)),t*.8,n):`oklch(0.92 0.02 260)`}function ye(e,t){if(Tu.value,t===`500`)return ju(e)||e;let n=l.find(e=>e.label===t);if(!n)return e;let r=n.step===`tint`,i=r?de(`--sf-palette-tint-l`,.97):de(`--sf-palette-shade-l`,.1),a=`oklch(from ${e} ${r?`max`:`min`}(l, calc(l + (${i} - l) * ${n.frac})) calc(c * ${n.taper}) h)`;return ju(a)||a}function be(e,t){Tu.value;let n=g[t];if(n===void 0)return e;let r=`oklch(from ${e} ${n} c h)`;return ju(r)||r}function xe(e,t,n,r,i){return e===`base`?be(t,n):ye(t,n)}function Se(e,n,r){t.onSet(e.name,r)}let Ce=[`primary`,`secondary`,`tertiary`,`action`];function we(e,n,r){if(!n)return;R(N,new Set([...U(N)].filter(t=>t!==e)),!0);let i=ce(r),a=i.includes(`var(`)&&Nu(i,`light`)||i;t.onSet(n.name,a)}function Te(e,n,r){let i=!!(n&&n.name in t.overrides);if(U(N).has(e)&&!i){let i=ce(y.find(e=>e.name===r));n&&t.onSet(n.name,me(i,e)),R(N,new Set([...U(N)].filter(t=>t!==e)),!0)}else n&&t.onBulkChange({[n.name]:null}),R(N,new Set([...U(N),e]),!0)}let Ee=[{label:`Body text on surface`,fg:`var(--sf-color-text)`,bg:`var(--sf-color-surface)`},{label:`White on primary`,fg:`#ffffff`,bg:`var(--sf-color-primary)`},{label:`Primary on surface`,fg:`var(--sf-color-primary)`,bg:`var(--sf-color-surface)`}];function De(e,t){Tu.value;let n=Fu(e),r=Fu(t);return!n||!r?null:gd(hd(...n),hd(...r))}var P=Yf(),Oe=z(P),ke=V(z(Oe),4);Y(ke,21,()=>b,e=>e.heading,(e,t)=>{var n=pf(),r=z(n),a=z(r,!0);F(r),Y(V(r,2),16,()=>[`light`,`dark`],e=>e,(e,n)=>{var r=ff(),a=z(r),o=z(a,!0);F(a);var s=V(a,2);Y(s,21,()=>U(t).items,e=>e.name,(e,t)=>{let r=I(()=>i(`var(${U(t).name})`,n,`transparent`)),a=I(()=>i(`var(${U(t).fg})`,n,`currentColor`));var o=df(),s=V(z(o),2),c=z(s,!0);F(s),F(o),H(()=>{Z(o,`background:${U(r)}; color:${U(a)}`),Q(o,`title`,`${U(t).name} (${n}) — ${U(r)}`),q(c,U(t).label)}),K(e,o)}),F(s),F(r),H(()=>q(o,n===`light`?`L`:`D`)),K(e,r)}),F(n),H(()=>q(a,U(t).heading)),K(e,n)}),F(ke),F(Oe);var Ae=V(Oe,4);cf(Ae,{title:`Brand color sources`,get open(){return U(S)},set open(e){R(S,e,!0)},children:(e,r)=>{var i=Sf(),a=V(B(i),2);Y(a,21,()=>fe,([e,t])=>e.name,(e,r)=>{var i=I(()=>h(U(r),2));let a=()=>U(i)[0],o=()=>U(i)[1],s=I(()=>!!(o()&&o().name in t.overrides)),c=I(()=>U(N).has(a().colorKey)&&!U(s));var l=xf(),u=z(l),d=z(u),f=z(d,!0);F(d);var m=V(d,2),g=e=>{var t=hf(),n=z(t),r=e=>{var t=mf();W(`click`,t,()=>we(a().colorKey,o(),a())),K(e,t)},i=I(()=>Ce.includes(a().colorKey));J(n,e=>{U(i)&&e(r)});var s=V(n,2),l=z(s,!0);F(s),F(t),H(()=>{X(s,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${U(c)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(l,U(c)?`Auto dark`:`Manual dark`)}),W(`click`,s,()=>Te(a().colorKey,o(),a().name)),K(e,t)};J(m,e=>{o()&&e(g)}),F(u);var v=V(u,2);{let e=I(()=>`${a().label} (light)`),n=I(()=>ce(a())),r=I(()=>a().name in t.overrides);Pd(v,{get label(){return U(e)},get tokenName(){return a().name},get value(){return U(n)},get overridden(){return U(r)},onChange:e=>Se(a(),o(),e),onReset:()=>t.onReset(a().name)})}var y=V(v,2),b=e=>{let t=I(()=>ce(a())),n=I(()=>U(c)?me(U(t),a().colorKey):o()?ce(o()):U(t)),r=I(he),i=I(ge),s=I(_e),l=I(ve);var u=yf(),d=B(u),f=z(d),m=V(z(f),2);Y(m,20,()=>p,e=>e,(e,n)=>{let i=I(()=>xe(a().colorKey,U(t),n,U(r),U(s)));var o=gf();let c;lf(z(o),()=>`${a().colorKey}-${n}`),F(o),H(()=>{Q(o,`title`,`${a().colorKey}-${n} (light) — ${U(i)}`),c=Z(o,``,c,{background:U(i)})}),K(e,o)}),F(m),F(f);var h=V(f,2),g=V(z(h),2);Y(g,20,()=>p,e=>e,(e,t)=>{let r=I(()=>xe(a().colorKey,U(n),t,U(i),U(l)));var o=_f();let s;lf(z(o),()=>`${a().colorKey}-${t}`),F(o),H(()=>{Q(o,`title`,`${a().colorKey}-${t} (dark) — ${U(r)}`),s=Z(o,``,s,{background:U(r)})}),K(e,o)}),F(g),F(h),F(d);var _=V(d,2),v=e=>{K(e,vf())};J(_,e=>{a().colorKey===`base`&&e(v)}),K(e,u)},x=I(()=>_.includes(a().colorKey));J(y,e=>{U(x)&&e(b)});var S=V(y,2),C=e=>{{let n=I(()=>`${o().label} (dark mode)`),r=I(()=>ce(o())),i=I(()=>o().name in t.overrides);Pd(e,{get label(){return U(n)},get tokenName(){return o().name},get value(){return U(r)},get overridden(){return U(i)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}},w=e=>{let t=I(()=>me(ce(a()),a().colorKey));var r=bf(),i=z(r);let o;var s=V(i);F(r),H(e=>{Q(i,`title`,U(t)),o=Z(i,``,o,e),q(s,` Dark: auto-derived (${U(t)??``})`)},[()=>({background:n(U(t),U(t))})]),K(e,r)};J(S,e=>{o()&&!U(c)?e(C):o()&&U(c)&&e(w,1)}),F(l),H(()=>q(f,a().label)),K(e,l)}),F(a),K(e,i)},$$slots:{default:!0}});var je=V(Ae,4);cf(je,{title:`LumLocker`,get open(){return U(k)},set open(e){R(k,e,!0)},children:(e,n)=>{var r=wf(),a=V(B(r),2);{let e=I(()=>`--sf-lumlocker`in t.overrides);$(a,{label:`LumLocker L · light`,get value(){return U(M)},min:0,max:1,step:.01,help:`--sf-lumlocker — fixed OKLCH L applied to lockable brand colors in light mode under [data-lumlocker]`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-lumlocker`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker`)})}var s=V(a,2);{let e=I(()=>`--sf-lumlocker-dark`in t.overrides);$(s,{label:`LumLocker L · dark`,get value(){return U(ee)},min:0,max:1,step:.01,help:`--sf-lumlocker-dark — fixed OKLCH L in dark mode. Defaults to the light L mirrored around the background midpoint (≈1.18 − L, clamped); set it to break the mirror.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-lumlocker-dark`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker-dark`)})}var c=V(s,2);Y(V(z(c),2),17,()=>o,e=>e.key,(e,t)=>{var n=Jr();Y(B(n),16,()=>[`light`,`dark`],e=>e,(e,n)=>{let r=I(()=>i(`var(--sf-color-${U(t).key}-source-${n})`,n,``)),a=I(()=>oe(U(t).key,n));var o=Cf(),s=z(o),c=z(s),l=V(c),u=z(l,!0);F(l),F(s);var d=V(s,2),f=V(d,4);F(o),H(e=>{q(c,`${U(t).label??``} `),q(u,n===`light`?`L`:`D`),Z(d,`background:${U(r)||`var(--sf-color-${U(t).key})`}`),Z(f,e),Q(f,`title`,U(a))},[()=>`background:${i(U(a),n,U(a))}`]),K(e,o)}),K(e,n)}),F(c);var l=V(c,2),u=z(l,!0);F(l),H(()=>{X(l,1,`w-full py-2 rounded-lg text-[10px] font-bold border transition-all cursor-pointer ${Lu.value?`bg-indigo-600/25 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/10 dark:border-white/10 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(u,Lu.value?`✓ LumLocker active on canvas — click to disable`:`Preview LumLocker on live canvas`)}),W(`click`,l,()=>{Lu.value=!Lu.value}),K(e,r)},$$slots:{default:!0}});var Ne=V(je,4);cf(Ne,{title:`Status colors`,get open(){return U(T)},set open(e){R(T,e,!0)},children:(e,r)=>{var a=Af(),o=V(B(a),2);Y(o,21,()=>pe,([e,t])=>e.name,(e,r)=>{var a=I(()=>h(U(r),2));let o=()=>U(a)[0],s=()=>U(a)[1],c=I(()=>!!(s()&&s().name in t.overrides)),l=I(()=>U(N).has(o().colorKey)&&!U(c));var u=kf(),d=z(u),f=z(d),p=z(f,!0);F(f);var m=V(f,2),g=e=>{var t=Tf(),n=z(t,!0);F(t),H(()=>{X(t,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${U(l)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(n,U(l)?`Auto dark`:`Manual dark`)}),W(`click`,t,()=>Te(o().colorKey,s(),o().name)),K(e,t)};J(m,e=>{s()&&e(g)}),F(d);var _=V(d,2);{let e=I(()=>`${o().label} light`),n=I(()=>ce(o())),r=I(()=>o().name in t.overrides);Pd(_,{get label(){return U(e)},get tokenName(){return o().name},get value(){return U(n)},get overridden(){return U(r)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}var y=V(_,2),b=e=>{{let n=I(()=>`${s().label} dark`),r=I(()=>ce(s())),i=I(()=>s().name in t.overrides);Pd(e,{get label(){return U(n)},get tokenName(){return s().name},get value(){return U(r)},get overridden(){return U(i)},onChange:e=>t.onSet(s().name,e),onReset:()=>t.onReset(s().name)})}},x=e=>{let t=I(()=>me(ce(o()),o().colorKey));var r=bf(),i=z(r);let a;var s=V(i);F(r),H(e=>{Q(i,`title`,U(t)),a=Z(i,``,a,e),q(s,` Dark: auto-derived (${U(t)??``})`)},[()=>({background:n(U(t),U(t))})]),K(e,r)};J(y,e=>{s()&&!U(l)?e(b):s()&&U(l)&&e(x,1)});var S=V(y,2),C=z(S),w=V(z(C),2);Y(w,21,()=>v,e=>e.label,(e,t)=>{var n=Ef(),r=z(n,!0);F(n),H(()=>q(r,U(t).label)),K(e,n)}),F(w),F(C),Y(V(C,2),16,()=>[[`L`,`light`],[`D`,`dark`]],([e,t])=>e,(e,t)=>{var n=I(()=>h(t,2));let r=()=>U(n)[0],a=()=>U(n)[1];var s=Of(),c=z(s),l=z(c,!0);F(c);var u=V(c,2);Y(u,21,()=>v,e=>e.label,(e,t)=>{let n=I(()=>i(U(t).expr(o().colorKey),a(),``));var r=Df();let s;var c=z(r);{let e=I(()=>`${o().colorKey}-${U(t).label.toLowerCase()}`);lf(c,()=>U(e))}F(r),H(e=>{Q(r,`title`,e),s=Z(r,``,s,{background:U(n)})},[()=>`${o().colorKey}-${U(t).label.toLowerCase()} (${a()}) — ${U(n)}`]),K(e,r)}),F(u),F(s),H(()=>q(l,r())),K(e,s)}),F(S),Me(2),F(u),H(()=>q(p,o().label)),K(e,u)}),F(o),K(e,a)},$$slots:{default:!0}});var Pe=V(Ne,4);cf(Pe,{title:`Text contrast`,spacing:`space-y-4`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,r)=>{var i=Nf(),a=V(B(i),2);Y(a,17,()=>x,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})});var o=V(a,2),s=z(o);Y(s,17,()=>Ee,e=>e.label,(e,t)=>{let r=I(()=>De(U(t).fg,U(t).bg));var i=Jr(),a=B(i),o=e=>{var i=jf(),a=z(i),o=V(a,2),s=z(o,!0);F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,2),d=z(u,!0);F(u),F(i),H((e,n)=>{Z(a,e),q(s,U(t).label),q(l,`${n??``}:1`),X(u,1,`text-[9px] font-bold px-1.5 py-0.5 rounded ${U(r)>=4.5?`bg-emerald-500/20 text-emerald-700 dark:text-emerald-300`:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}`),q(d,U(r)>=4.5?`AA`:U(r)>=3?`AA-L`:`✗`)},[()=>`background:${n(U(t).bg,U(t).bg)}; color:${n(U(t).fg,U(t).fg)}`,()=>U(r).toFixed(2)]),K(e,i)};J(a,e=>{U(r)!==null&&e(o)}),K(e,i)});var c=V(s,2),l=e=>{var n=Mf();W(`click`,n,()=>t.onSelectDomain?.(`wcag`)),K(e,n)};J(c,e=>{t.onSelectDomain&&e(l)}),F(o),K(e,i)},$$slots:{default:!0}});var Fe=V(Pe,4);cf(Fe,{title:`Palette ramp`,spacing:`space-y-4`,get open(){return U(w)},set open(e){R(w,e,!0)},children:(e,n)=>{let r=I(()=>t.overrides[`--sf-color-primary-source-light`]??s.find(e=>e.name===`--sf-color-primary-source-light`)?.default??`oklch(0.47 0.27 264)`),i=I(()=>t.overrides[`--sf-color-primary-source-dark`]),a=I(()=>U(i)??(!U(N).has(`primary`)||U(i)?s.find(e=>e.name===`--sf-color-primary-source-dark`)?.default??me(U(r),`primary`):me(U(r),`primary`))),o=I(()=>U(A)===`light`?U(r):U(a));var c=Rf(),l=V(B(c),2);Y(l,21,()=>d,e=>e.label,(e,n)=>{var r=Pf(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o,!0);F(o),F(r),H(()=>{X(r,1,`flex flex-col items-center gap-0.5 p-2.5 rounded-xl border transition-all cursor-pointer ${U(ue)?.label===U(n).label?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,U(n).label),q(s,U(n).desc)}),W(`click`,r,()=>t.onBulkChange(U(n).patch)),K(e,r)}),F(l);var f=V(l,2),h=V(z(f),2);Y(h,21,()=>u,e=>e.name,(e,n)=>{{let r=I(()=>de(U(n).name,U(n).default)),i=I(()=>U(n).name in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:0,max:1,step:.01,unit:``,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).name,`${e}`),onReset:()=>t.onReset(U(n).name)})}}),F(h),F(f);var g=V(f,2),_=z(g),v=V(z(_),2);Y(v,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=Tf(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${U(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t===`light`?`Light`:`Dark`)}),W(`click`,n,()=>{R(A,t,!0)}),K(e,n)}),F(v),F(_);var y=V(_,2);Y(y,20,()=>p,e=>e,(e,t)=>{let n=I(()=>ye(U(o),t));var r=Ff(),i=z(r);lf(z(i),()=>`primary-${t}`),F(i);var a=V(i,2),s=z(a,!0);F(a),F(r),H(()=>{Z(i,`background:${U(n)}`),Q(i,`title`,`primary-${t} (${U(A)})`),q(s,t)}),K(e,r)}),F(y),Me(2),F(g);var b=V(g,2),x=z(b),S=V(z(x),2);Y(S,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=Tf(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${U(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t===`light`?`Light`:`Dark`)}),W(`click`,n,()=>{R(A,t,!0)}),K(e,n)}),F(S),F(x),Y(V(x,2),16,()=>m,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-color-${n}-source-light`]??s.find(e=>e.name===`--sf-color-${n}-source-light`)?.default??`oklch(0.5 0.15 264)`),i=I(()=>`--sf-color-${n}-source-dark`),a=I(()=>t.overrides[U(i)]??(U(N).has(n)&&!t.overrides[U(i)]?me(U(r),n):s.find(e=>e.name===U(i))?.default??me(U(r),n))),o=I(()=>U(A)===`light`?U(r):U(a));var c=Lf(),l=z(c),u=z(l,!0);F(l);var d=V(l,2);Y(d,20,()=>p,e=>e,(e,t)=>{let r=I(()=>ye(U(o),t));var i=If();lf(z(i),()=>`${n}-${t}`),F(i),H(()=>{Z(i,`background:${U(r)}`),Q(i,`title`,`${n}-${t} (${U(A)})`)}),K(e,i)}),F(d),F(c),H(()=>q(u,n)),K(e,c)}),F(b),K(e,c)},$$slots:{default:!0}});var Ie=V(Fe,4);cf(Ie,{title:`Gradients`,get open(){return U(O)},set open(e){R(O,e,!0)},children:(e,n)=>{var i=Wf();Y(V(B(i),2),16,()=>[`brand`,`fade`],e=>e,(e,n)=>{var i=Uf(),o=B(i),s=z(o,!0);F(o);var c=V(o,2);Y(c,21,()=>a.filter(e=>e.group===n),e=>e.name,(e,n)=>{let i=I(()=>`var(${U(n).name})`),a=I(()=>re(U(n)));var o=Hf(),s=z(o),c=V(s,2),l=z(c),u=z(l),d=z(u,!0);F(u);var f=V(u,2),p=e=>{var r=zf();W(`click`,r,()=>{delete j[U(n).name],t.onReset(U(n).name)}),K(e,r)};J(f,e=>{U(n).name in t.overrides&&e(p)}),F(l);var m=V(l,2),h=e=>{var t=Bf();Y(V(z(t),2),16,()=>[`top`,`right`,`bottom`,`left`],e=>e,(e,t)=>{var r=Tf(),i=z(r,!0);F(r),H(()=>{X(r,1,`flex-1 py-0.5 rounded text-[9px] border transition-all cursor-pointer capitalize ${U(a).dir===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,t)}),W(`click`,r,()=>ae(U(n),`dir`,t)),K(e,r)}),F(t),K(e,t)},g=e=>{var t=Vf(),r=V(z(t),2);xd(z(r),{get value(){return U(a).angle},min:0,max:360,step:1,unit:`°`,onChange:e=>ae(U(n),`angle`,e)}),F(r),F(t),K(e,t)};J(m,e=>{U(n).kind===`dir`&&U(n).group!==`fade`?e(h):U(n).kind!==`dir`&&e(g,1)});var _=V(m,2),v=V(z(_),2);Ri(v);var y=V(v,2);Ri(y),F(_);var b=V(_,2),x=V(z(b));F(b);var S=V(b,2);Ri(S),F(c),F(o),H(e=>{Z(s,e),q(d,U(n).label),zi(v,U(a).stop1),zi(y,U(a).stop2),q(x,` ${U(n).formula??``}`),zi(S,t.overrides[U(n).name]??``)},[()=>`background:${r(U(i),U(i))}`]),W(`change`,v,e=>ae(U(n),`stop1`,e.target.value.trim())),W(`change`,y,e=>ae(U(n),`stop2`,e.target.value.trim())),W(`change`,S,e=>{let r=e.target.value.trim();delete j[U(n).name],r?t.onSet(U(n).name,r):t.onReset(U(n).name)}),K(e,o)}),F(c),H(()=>q(s,n===`brand`?`Brand & surface`:`Edge fades`)),K(e,i)}),K(e,i)},$$slots:{default:!0}});var Le=V(Ie,4);cf(Le,{title:`Color scheme`,get open(){return U(D)},set open(e){R(D,e,!0)},children:(e,n)=>{var r=Gf(),i=V(B(r),2);Y(i,20,()=>[[`light dark`,`light dark (default)`],[`light`,`Light only`],[`dark`,`Dark only`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-color-scheme`]??`light dark`);var s=Tf(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`light dark`?t.onReset(`--sf-color-scheme`):t.onSet(`--sf-color-scheme`,i())),K(e,s)}),F(i),K(e,r)},$$slots:{default:!0}}),cf(V(Le,4),{title:`Semantic overrides`,get open(){return U(E)},set open(e){R(E,e,!0)},children:(e,r)=>{var i=Jf(),a=V(B(i),2);Y(a,21,()=>f,e=>e.name,(e,r)=>{let i=I(()=>n(`var(${U(r).name})`,``));var a=qf(),o=z(a),s=z(o,!0);F(o);var c=V(o,2);{let e=I(()=>t.overrides[U(r).name]??``),n=I(()=>U(i)?`auto-derived · ${U(i)}`:`auto-derived`),a=I(()=>U(r).name in t.overrides);of(c,{get token(){return U(r).name},get value(){return U(e)},get placeholder(){return U(n)},get isOverridden(){return U(a)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}var l=V(c,2),u=e=>{var t=Kf(),n=z(t,!0);F(t),H(()=>q(n,U(r).note)),K(e,t)};J(l,e=>{U(r).note&&e(u)}),F(a),H(()=>q(s,U(r).label)),K(e,a)}),F(a),K(e,i)},$$slots:{default:!0}}),Me(2),F(P),K(e,P),He()}Rr([`click`,`change`]);var Zf=G(`<div class="flex items-baseline justify-between gap-3 mt-2 px-1 overflow-hidden"><span class="text-slate-500 leading-none truncate">Aa<span class="text-[8px] font-mono align-middle ml-1"> </span></span> <span class="text-slate-900/80 dark:text-white/80 leading-none truncate">Aa<span class="text-[8px] font-mono align-middle ml-1"> </span></span></div>`),Qf=G(`<div class="flex items-center gap-2 mt-2 px-1"><div class="h-2 bg-indigo-500/40 rounded shrink-0"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600">min</span> <div class="h-2 bg-indigo-500/70 rounded shrink-0"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600">max</span></div>`),$f=G(`<option>Custom</option>`),ep=G(`<option> </option>`),tp=G(`<div class="flex items-center gap-2"><span class="text-[9px] text-slate-500 w-14 shrink-0"> </span> <select class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[10px] text-slate-800 dark:text-slate-200 px-1.5 py-1 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select> <input type="number" class="w-16 shrink-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></div>`),np=G(`<div class="mt-3 pt-3 border-t border-black/6 dark:border-white/6"><div class="text-[9px] font-semibold text-slate-500 mb-2">Modular scale ratio</div> <div class="space-y-2"></div></div>`),rp=G(`<div class="flex justify-end mt-2"><button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer">reset</button></div>`),ip=G(`<div><div class="flex items-center justify-between mb-2"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300"> </span> <span class="text-[9px] font-mono text-slate-500">clamp(<span class="text-indigo-700 dark:text-indigo-300"> </span> … <span class="text-indigo-700 dark:text-indigo-300"> </span>)</span></div> <div class="clampTrack relative h-5 flex items-center mb-2"><div class="absolute inset-x-0 h-1 bg-black/8 dark:bg-white/8 rounded-full"></div> <div class="absolute h-1 bg-indigo-500 rounded-full"></div> <input type="range" class="clampRange absolute inset-0 w-full svelte-iy59wr"/> <input type="range" class="clampRange absolute inset-0 w-full svelte-iy59wr"/> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-indigo-400/40 pointer-events-none"></div> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-indigo-400/40 pointer-events-none"></div></div> <div class="grid grid-cols-2 gap-2"><label class="flex items-center gap-1.5"><span class="text-[9px] text-slate-500 shrink-0"> </span> <input type="number" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></label> <label class="flex items-center gap-1.5"><span class="text-[9px] text-slate-500 shrink-0"> </span> <input type="number" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></label></div> <!> <!> <!></div>`);function ap(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=na(t,`unit`,3,`rem`),i=na(t,`minLabel`,3,`Min`),a=na(t,`maxLabel`,3,`Max`),o=na(t,`overridden`,3,!1),s=na(t,`ratioMin_bound`,3,1.05),c=na(t,`ratioMax_bound`,3,1.8),l=na(t,`previewKind`,3,`none`);function u(e){return Math.min(t.max,Math.max(t.min,e))}let d=I(()=>(t.minValue-t.min)/(t.max-t.min)*100),f=I(()=>(t.maxValue-t.min)/(t.max-t.min)*100);function p(e){return Math.min(c(),Math.max(s(),e))}let m=I(()=>t.ratioPresets?.find(e=>t.ratioMin!==void 0&&Math.abs(e.value-t.ratioMin)<.0015)?.value),h=I(()=>t.ratioPresets?.find(e=>t.ratioMax!==void 0&&Math.abs(e.value-t.ratioMax)<.0015)?.value);var g=ip(),_=z(g),v=z(_),y=z(v,!0);F(v);var b=V(v,2),x=V(z(b)),S=z(x);F(x);var C=V(x,2),w=z(C);F(C),Me(),F(b),F(_);var T=V(_,2),E=V(z(T),2),D=V(E,2);Ri(D);var O=V(D,2);Ri(O);var k=V(O,2),A=V(k,2);F(T);var j=V(T,2),M=z(j),ee=z(M),te=z(ee,!0);F(ee);var ne=V(ee,2);Ri(ne),F(M);var re=V(M,2),ie=z(re),ae=z(ie,!0);F(ie);var oe=V(ie,2);Ri(oe),F(re),F(j);var N=V(j,2),se=e=>{var n=Zf(),r=z(n),o=V(z(r)),s=z(o,!0);F(o),F(r);var c=V(r,2),l=V(z(c)),u=z(l,!0);F(l),F(c),F(n),H((e,t,n,i)=>{Z(r,e),q(s,t),Z(c,n),q(u,i)},[()=>`font-size:${Math.min(t.minValue,2)}rem`,()=>i().toLowerCase(),()=>`font-size:${Math.min(t.maxValue,2.6)}rem`,()=>a().toLowerCase()]),K(e,n)},ce=e=>{var n=Qf(),r=z(n),i=V(r,4);Me(2),F(n),H((e,t)=>{Z(r,e),Z(i,t)},[()=>`width:${Math.min(t.minValue*28,120)}px`,()=>`width:${Math.min(t.maxValue*28,200)}px`]),K(e,n)};J(N,e=>{l()===`type`?e(se):l()===`space`&&e(ce,1)});var le=V(N,2),ue=e=>{var r=np(),o=V(z(r),2);Y(o,21,()=>[{side:i(),value:t.ratioMin,active:U(m),onChange:t.onRatioMinChange},{side:a(),value:t.ratioMax,active:U(h),onChange:t.onRatioMaxChange}],e=>e.side,(e,r)=>{var i=tp(),a=z(i),o=z(a,!0);F(a);var l=V(a,2),u=z(l),d=e=>{var t=$f();t.value=t.__value=``,H(()=>Z(t,`background:${U(n)};`)),K(e,t)};J(u,e=>{U(r).active===void 0&&e(d)}),Y(V(u),17,()=>t.ratioPresets,e=>e.value,(e,t)=>{var r=ep(),i=z(r,!0);F(r);var a={};H(e=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=e)&&(r.value=(r.__value=e)??``)},[()=>String(U(t).value)]),K(e,r)}),F(l);var f;Ei(l);var m=V(l,2);Ri(m),Q(m,`step`,.001),F(i),H(e=>{q(o,U(r).side),Q(l,`aria-label`,`${U(r).side} modular scale ratio preset`),f!==(f=e)&&(l.value=(l.__value=e)??``,Ti(l,e)),Q(m,`aria-label`,`${U(r).side} modular scale custom ratio`),Q(m,`min`,s()),Q(m,`max`,c()),zi(m,U(r).value)},[()=>U(r).active===void 0?``:String(U(r).active)]),W(`change`,l,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&U(r).onChange?.(p(t))}),W(`change`,m,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&U(r).onChange?.(p(t))}),K(e,i)}),F(o),F(r),K(e,r)};J(le,e=>{t.ratioPresets&&e(ue)});var de=V(le,2),fe=e=>{var n=rp(),r=z(n);F(n),W(`click`,r,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(de,e=>{o()&&t.onReset&&e(fe)}),F(g),H(e=>{X(g,1,`rounded-xl border p-3 ${o()?`bg-indigo-500/8 border-indigo-500/25`:`bg-black/4 dark:bg-white/4 border-black/8 dark:border-white/8`}`,`svelte-iy59wr`),q(y,t.title),q(S,`${t.minValue??``}${r()??``}`),q(w,`${t.maxValue??``}${r()??``}`),Z(E,e),Q(D,`min`,t.min),Q(D,`max`,t.max),Q(D,`step`,t.step),zi(D,t.minValue),Q(D,`aria-label`,`${t.title} min`),Q(O,`min`,t.min),Q(O,`max`,t.max),Q(O,`step`,t.step),zi(O,t.maxValue),Q(O,`aria-label`,`${t.title} max`),Z(k,`left: calc(${U(d)}% - 6px)`),Z(A,`left: calc(${U(f)}% - 6px)`),q(te,i()),Q(ne,`min`,t.min),Q(ne,`max`,t.max),Q(ne,`step`,t.step),zi(ne,t.minValue),q(ae,a()),Q(oe,`min`,t.min),Q(oe,`max`,t.max),Q(oe,`step`,t.step),zi(oe,t.maxValue)},[()=>`left:${Math.min(U(d),U(f))}%; right:${100-Math.max(U(d),U(f))}%`]),W(`input`,D,e=>t.onMinChange(Math.min(u(parseFloat(e.target.value)),t.maxValue))),W(`input`,O,e=>t.onMaxChange(Math.max(u(parseFloat(e.target.value)),t.minValue))),W(`change`,ne,e=>t.onMinChange(u(parseFloat(e.target.value)||t.min))),W(`change`,oe,e=>t.onMaxChange(u(parseFloat(e.target.value)||t.max))),K(e,g),He()}Rr([`input`,`change`,`click`]);var op=G(`<div class="flex items-baseline gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-6 shrink-0 text-right"> </span> <span class="text-slate-900/80 dark:text-white/80 font-medium leading-none">Aa</span> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 ml-auto shrink-0"> </span></div>`);function sp(e,t){Ve(t,!0);let n=na(t,`family`,3,`--sf-font-body`),r=L(null),i=L(0),a=L(16);wn(()=>{if(!U(r))return;let e=U(r),t=()=>{R(i,parseFloat(getComputedStyle(e).fontSize)||0,!0),R(a,parseFloat(getComputedStyle(document.documentElement).fontSize)||16,!0)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()});var o=op(),s=z(o),c=z(s,!0);F(s);var l=V(s,2);Zi(l,e=>R(r,e),()=>U(r));var u=V(l,2),d=z(u,!0);F(u),F(o),H(e=>{q(c,t.label),Z(l,`font-size: var(${t.varName}); font-family: var(${n()})`),q(d,e)},[()=>U(i)?`${(U(i)/U(a)).toFixed(2)}rem`:``]),K(e,o),He()}var cp=G(`<li class="text-[9px] font-mono text-amber-700/80 dark:text-amber-300/80"> </li>`),lp=G(`<ul class="space-y-0.5 pt-0.5"></ul>`),up=G(`<div class="rounded-lg bg-amber-500/10 border border-amber-500/20 p-2.5 space-y-2"><p class="text-[10px] text-amber-700 dark:text-amber-300 leading-relaxed"> </p> <div class="flex items-center gap-2"><button class="text-[10px] font-semibold text-amber-800 dark:text-amber-200 bg-amber-500/20 hover:bg-amber-500/30 border border-amber-500/30 rounded px-2 py-1 cursor-pointer transition-colors"> </button> <button class="text-[10px] text-amber-700/80 dark:text-amber-300/80 hover:underline cursor-pointer"> </button></div> <!></div>`);function dp(e,t){Ve(t,!0);let n=L(!1),r=I(()=>t.tokens.length===1),i=`sf-shadowed-tokens-${crypto.randomUUID()}`;var a=Jr(),o=B(a),s=e=>{var a=up(),o=z(a),s=z(o);F(o);var c=V(o,2),l=z(c),u=z(l);F(l);var d=V(l,2),f=z(d,!0);F(d),F(c);var p=V(c,2),m=e=>{var n=lp();Y(n,20,()=>t.tokens,e=>e,(e,t)=>{var n=cp(),r=z(n,!0);F(n),H(()=>q(r,t)),K(e,n)}),F(n),H(()=>Q(n,`id`,i)),K(e,n)};J(p,e=>{U(n)&&e(m)}),F(a),H(()=>{q(s,`${t.tokens.length??``}
+        controls, or edit the raw value for full control.</p> <!>`,1),Gf=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-color-scheme — sets the CSS <span class="font-mono text-slate-600 dark:text-slate-400">color-scheme</span> property on the root, controlling browser UI (scrollbars, inputs) and default background.</p> <div class="flex gap-1"></div>`,1),Kf=G(`<div class="mt-1 text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed"> </div>`),qf=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1"> </div> <!> <!></div>`),Jf=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Direct color overrides for tokens the framework auto-derives. Use for edge cases.</p> <div class="space-y-2"></div>`,1),Yf=G(`<div class="p-4 space-y-6"><section class="space-y-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Semantic colors</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">Live preview — every semantic role on its on-color text, shown in light and dark. Resolved from the canvas, updates as you edit.</p> <div class="space-y-2.5"></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="rounded-lg bg-black/3 dark:bg-white/3 border border-black/6 dark:border-white/6 p-3"><p class="text-[10px] text-slate-500 leading-relaxed"><span class="text-slate-600 dark:text-slate-400 font-semibold">All tokens tab</span> — override individual color steps (50–950), semantic aliases, or surface tokens directly.</p></div></div>`);function Xf(e,t){Ve(t,!0);function n(e,t){return Tu.value,ju(e)||t}function r(e,t){Tu.value;let n=Iu(e);return n&&n!==`none`?n:t}function i(e,t,n){return Tu.value,Nu(e,t)||n}let a=[{name:`--sf-gradient-primary`,label:`Primary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-primary)`,stop2:`oklch(from var(--sf-color-primary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - 0.08) c h))`},{name:`--sf-gradient-secondary`,label:`Secondary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-secondary)`,stop2:`oklch(from var(--sf-color-secondary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - 0.08) c h))`},{name:`--sf-gradient-tertiary`,label:`Tertiary`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-tertiary)`,stop2:`oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - 0.08) c h))`},{name:`--sf-gradient-action`,label:`Action`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-action)`,stop2:`oklch(from var(--sf-color-action) calc(l - 0.08) c h)`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - 0.08) c h))`},{name:`--sf-gradient-brand`,label:`Brand`,group:`brand`,kind:`angle`,space:`oklch`,angle:135,dir:`right`,stop1:`var(--sf-color-primary)`,stop2:`oklch(from var(--sf-color-primary) l c calc(h + 30))`,formula:`linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)))`},{name:`--sf-gradient-surface`,label:`Surface`,group:`brand`,kind:`angle`,space:`oklab`,angle:180,dir:`bottom`,stop1:`var(--sf-color-surface)`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg))`},{name:`--sf-gradient-fade--r`,label:`Fade →`,group:`fade`,kind:`dir`,space:`oklch`,angle:90,dir:`right`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to right, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--l`,label:`Fade ←`,group:`fade`,kind:`dir`,space:`oklch`,angle:270,dir:`left`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to left, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--t`,label:`Fade ↑`,group:`fade`,kind:`dir`,space:`oklch`,angle:0,dir:`top`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to top, transparent, var(--sf-color-bg))`},{name:`--sf-gradient-fade--b`,label:`Fade ↓`,group:`fade`,kind:`dir`,space:`oklch`,angle:180,dir:`bottom`,stop1:`transparent`,stop2:`var(--sf-color-bg)`,formula:`linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg))`}],o=[{key:`primary`,label:`Primary`},{key:`secondary`,label:`Secondary`},{key:`tertiary`,label:`Tertiary`},{key:`action`,label:`Action`}],s=[{name:`--sf-color-primary-source-light`,label:`Primary`,side:`light`,default:`oklch(0.47 0.27 264)`,colorKey:`primary`},{name:`--sf-color-primary-source-dark`,label:`Primary`,side:`dark`,default:`oklch(0.715 0.243 264)`,colorKey:`primary`},{name:`--sf-color-secondary-source-light`,label:`Secondary`,side:`light`,default:`oklch(0.22 0.04 264)`,colorKey:`secondary`},{name:`--sf-color-secondary-source-dark`,label:`Secondary`,side:`dark`,default:`oklch(0.84 0.036 264)`,colorKey:`secondary`},{name:`--sf-color-tertiary-source-light`,label:`Tertiary`,side:`light`,default:`oklch(0.42 0.22 295)`,colorKey:`tertiary`},{name:`--sf-color-tertiary-source-dark`,label:`Tertiary`,side:`dark`,default:`oklch(0.74 0.198 295)`,colorKey:`tertiary`},{name:`--sf-color-action-source-light`,label:`Action`,side:`light`,default:`oklch(0.50 0.22 235)`,colorKey:`action`},{name:`--sf-color-action-source-dark`,label:`Action`,side:`dark`,default:`oklch(0.70 0.198 235)`,colorKey:`action`},{name:`--sf-color-neutral-source-light`,label:`Neutral`,side:`light`,default:`oklch(0.52 0.025 260)`,colorKey:`neutral`},{name:`--sf-color-neutral-source-dark`,label:`Neutral`,side:`dark`,default:`oklch(0.69 0.0225 260)`,colorKey:`neutral`},{name:`--sf-color-base-source-light`,label:`Base`,side:`light`,default:`oklch(0.96 0.006 250)`,colorKey:`base`},{name:`--sf-color-base-source-dark`,label:`Base`,side:`dark`,default:`oklch(0.22 0.003 250)`,colorKey:`base`}],c=[{name:`--sf-color-success-source-light`,label:`Success`,side:`light`,default:`oklch(0.50 0.16 145)`,colorKey:`success`},{name:`--sf-color-success-source-dark`,label:`Success`,side:`dark`,default:`oklch(0.70 0.144 145)`,colorKey:`success`},{name:`--sf-color-warning-source-light`,label:`Warning`,side:`light`,default:`oklch(0.75 0.17 80)`,colorKey:`warning`},{name:`--sf-color-warning-source-dark`,label:`Warning`,side:`dark`,default:`oklch(0.65 0.153 80)`,colorKey:`warning`},{name:`--sf-color-info-source-light`,label:`Info`,side:`light`,default:`oklch(0.48 0.18 235)`,colorKey:`info`},{name:`--sf-color-info-source-dark`,label:`Info`,side:`dark`,default:`oklch(0.71 0.162 235)`,colorKey:`info`},{name:`--sf-color-danger-source-light`,label:`Danger`,side:`light`,default:`oklch(0.48 0.22 12)`,colorKey:`danger`},{name:`--sf-color-danger-source-dark`,label:`Danger`,side:`dark`,default:`oklch(0.71 0.198 12)`,colorKey:`danger`}],l=[{label:`50`,step:`tint`,frac:.95,taper:.2},{label:`100`,step:`tint`,frac:.88,taper:.3},{label:`200`,step:`tint`,frac:.72,taper:.5},{label:`300`,step:`tint`,frac:.52,taper:.72},{label:`400`,step:`tint`,frac:.3,taper:.88},{label:`600`,step:`shade`,frac:.16,taper:.96},{label:`700`,step:`shade`,frac:.36,taper:.88},{label:`800`,step:`shade`,frac:.58,taper:.72},{label:`900`,step:`shade`,frac:.78,taper:.52},{label:`950`,step:`shade`,frac:.9,taper:.38}],u=[{name:`--sf-palette-tint-l`,label:`Lightest step (L)`,default:.97},{name:`--sf-palette-shade-l`,label:`Darkest step (L)`,default:.1}],d=[{label:`Softer`,desc:`Low contrast palette`,patch:{"--sf-palette-tint-l":`0.93`,"--sf-palette-shade-l":`0.2`}},{label:`Default`,desc:`Balanced contrast`,patch:Object.fromEntries(u.map(e=>[e.name,null]))},{label:`Punchy`,desc:`High contrast palette`,patch:{"--sf-palette-tint-l":`0.98`,"--sf-palette-shade-l":`0.05`}}],f=[{name:`--sf-color-link`,label:`Link`},{name:`--sf-color-link--visited`,label:`Link visited`,note:`Only affects links already visited in the browser — the preview can't show it (a browser privacy rule), but it applies on your live site.`},{name:`--sf-color-mark-bg`,label:`Mark background`},{name:`--sf-color-mark-text`,label:`Mark text`},{name:`--sf-marker-color`,label:`List marker`,note:`Drives the .sf-marker--* utilities and .sf-prose ::marker alike (via --sf-prose-marker-color).`},{name:`--sf-color-code-bg`,label:`Code background`},{name:`--sf-color-code-text`,label:`Code text`},{name:`--sf-color-overlay`,label:`Overlay`},{name:`--sf-color-black`,label:`Black`},{name:`--sf-color-white`,label:`White`},{name:`--sf-color-dim`,label:`Dim (translucent black)`}],p=[`50`,`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`,`950`],m=[`primary`,`secondary`,`tertiary`,`action`,`neutral`],g={50:.97,100:.94,200:.88,300:.78,400:.65,500:.5,600:.37,700:.27,800:.17,900:.11,950:.06},_=[...m,`base`],v=[{label:`Base`,expr:e=>`var(--sf-color-${e})`},{label:`Tint`,expr:e=>`var(--sf-color-${e}-tint)`},{label:`Subtle`,expr:e=>`var(--sf-color-${e}-subtle)`},{label:`Muted`,expr:e=>`var(--sf-color-${e}-muted)`},{label:`Strong`,expr:e=>`var(--sf-color-${e}-strong)`}],y=[...s,...c],b=[{heading:`Brand`,items:[{name:`--sf-color-primary`,label:`Primary`,fg:`--sf-color-text--on-primary`},{name:`--sf-color-secondary`,label:`Secondary`,fg:`--sf-color-text--on-secondary`},{name:`--sf-color-tertiary`,label:`Tertiary`,fg:`--sf-color-text--on-tertiary`},{name:`--sf-color-action`,label:`Action`,fg:`--sf-color-text--on-action`},{name:`--sf-color-neutral`,label:`Neutral`,fg:`--sf-color-text--on-neutral`}]},{heading:`Status`,items:[{name:`--sf-color-success`,label:`Success`,fg:`--sf-color-text--on-success`},{name:`--sf-color-warning`,label:`Warning`,fg:`--sf-color-text--on-warning`},{name:`--sf-color-info`,label:`Info`,fg:`--sf-color-text--on-info`},{name:`--sf-color-danger`,label:`Danger`,fg:`--sf-color-text--on-danger`}]},{heading:`Surfaces & text`,items:[{name:`--sf-color-bg`,label:`Bg`,fg:`--sf-color-text`},{name:`--sf-color-surface`,label:`Surface`,fg:`--sf-color-text`},{name:`--sf-color-raised`,label:`Raised`,fg:`--sf-color-text`},{name:`--sf-color-inset`,label:`Inset`,fg:`--sf-color-text`},{name:`--sf-color-inverse`,label:`Inverse`,fg:`--sf-color-text--on-inverse`}]}],x=(fd.colors??[]).filter(e=>e.name===`--sf-contrast-bias`||e.name===`--sf-contrast-threshold`),S=L(!1),C=L(!1),w=L(!1),T=L(!1),E=L(!1),D=L(!1),O=L(!1),k=L(!1),A=L(`light`),j=Qt({}),M=I(()=>{let e=parseFloat(t.overrides[`--sf-lumlocker`]??`0.65`);return Number.isFinite(e)?e:.65}),N=I(()=>{let e=t.overrides[`--sf-lumlocker-dark`];if(e!==void 0){let t=parseFloat(e);if(Number.isFinite(t))return t}return Math.min(Math.max(1.18-U(M),.5),.92)});function ee(e){let t=e.match(/^linear-gradient\(\s*in\s+(\S+)\s+(to\s+\w+|\d+deg)\s*,(.+)\)$/i);if(!t)return null;let n=t[1],r=t[2].trim(),i=r.startsWith(`to `),a=i?r.slice(3).trim():`right`,o=i?0:parseInt(r),s=0,c=0,l=[],u=t[3];for(let e=0;e<u.length;e++)u[e]===`(`?s++:u[e]===`)`?s--:u[e]===`,`&&s===0&&(l.push(u.slice(c,e).trim()),c=e+1);return l.push(u.slice(c).trim()),l.length<2?null:{space:n,kind:i?`dir`:`angle`,angle:o,dir:a,stop1:l[0],stop2:l[1]}}function te(e){let n=t.overrides[e.name];return(n?ee(n):null)??{space:e.space,kind:e.kind,angle:e.angle,dir:e.dir,stop1:e.stop1,stop2:e.stop2}}function ne(e){return j[e.name]??te(e)}function re(e){let t=ne(e),n=t.kind===`dir`?`to ${t.dir}`:`${t.angle}deg`;return`linear-gradient(in ${t.space} ${n}, ${t.stop1}, ${t.stop2})`}function ie(e,n,r){j[e.name]||(j[e.name]=te(e)),j[e.name][n]=r,t.onSet(e.name,re(e))}function ae(e,t){return`oklch(from ${t===`dark`?`var(--sf-color-${e}-source-dark, var(--sf-color-${e}-source-light))`:`var(--sf-color-${e}-source-light)`} ${U(t===`dark`?N:M)} c h)`}let oe=L(Qt(new Set(y.filter(e=>e.side===`light`&&!((y.find(t=>t.colorKey===e.colorKey&&t.side===`dark`)?.name??``)in t.overrides)).map(e=>e.colorKey)))),se=I(()=>{let e={};for(let n of t.tokens)y.some(e=>e.name===n.name)&&(e[n.name]=n);return e});function ce(e){return e?t.overrides[e.name]??U(se)[e.name]?.value??e.default:``}function le(e){return y.find(t=>t.name===e)}let ue=I(()=>d.find(e=>Object.entries(e.patch).every(([e,n])=>n===null?!(e in t.overrides):t.overrides[e]===n)));function de(e,n){let r=t.overrides[e];if(r===void 0)return n;let i=parseFloat(r);return Number.isFinite(i)?i:n}let fe=[];for(let e=0;e<s.length;e+=2)fe.push([s[e],s[e+1]]);let pe=[];for(let e=0;e<c.length;e+=2)pe.push([c[e],c[e+1]]);function me(e,t){let{l:n,c:r,h:i,valid:a}=_d(e);if(!a)return e;let o,s;return t===`base`?(o=Math.max(.16,Math.min(1.18-n,.24)),s=r*.5):(o=Math.max(.65,Math.min(.95-n*.5,.88)),s=r*.9),vd(o,s,i)}function he(){return ce(le(`--sf-color-base-source-light`))}function ge(){let e=le(`--sf-color-base-source-dark`);return e&&(t.overrides[e.name]??U(se)[e.name]?.value)!==void 0?ce(e):me(ce(le(`--sf-color-base-source-light`)),`base`)}function _e(){let{l:e,c:t,h:n,valid:r}=_d(ce(le(`--sf-color-neutral-source-light`)));return r?vd(Math.max(.05,Math.min(e-.38,.3)),t*.8,n):`oklch(0.12 0.02 260)`}function ve(){let{l:e,c:t,h:n,valid:r}=_d(ce(le(`--sf-color-neutral-source-dark`)));return r?vd(Math.min(1,Math.max(e+.22,.88)),t*.8,n):`oklch(0.92 0.02 260)`}function ye(e,t){if(Tu.value,t===`500`)return ju(e)||e;let n=l.find(e=>e.label===t);if(!n)return e;let r=n.step===`tint`,i=r?de(`--sf-palette-tint-l`,.97):de(`--sf-palette-shade-l`,.1),a=`oklch(from ${e} ${r?`max`:`min`}(l, calc(l + (${i} - l) * ${n.frac})) calc(c * ${n.taper}) h)`;return ju(a)||a}function be(e,t){Tu.value;let n=g[t];if(n===void 0)return e;let r=`oklch(from ${e} ${n} c h)`;return ju(r)||r}function xe(e,t,n,r,i){return e===`base`?be(t,n):ye(t,n)}function Se(e,n,r){t.onSet(e.name,r)}let Ce=[`primary`,`secondary`,`tertiary`,`action`];function we(e,n,r){if(!n)return;R(oe,new Set([...U(oe)].filter(t=>t!==e)),!0);let i=ce(r),a=i.includes(`var(`)&&Nu(i,`light`)||i;t.onSet(n.name,a)}function Te(e,n,r){let i=!!(n&&n.name in t.overrides);if(U(oe).has(e)&&!i){let i=ce(y.find(e=>e.name===r));n&&t.onSet(n.name,me(i,e)),R(oe,new Set([...U(oe)].filter(t=>t!==e)),!0)}else n&&t.onBulkChange({[n.name]:null}),R(oe,new Set([...U(oe),e]),!0)}let Ee=[{label:`Body text on surface`,fg:`var(--sf-color-text)`,bg:`var(--sf-color-surface)`},{label:`White on primary`,fg:`#ffffff`,bg:`var(--sf-color-primary)`},{label:`Primary on surface`,fg:`var(--sf-color-primary)`,bg:`var(--sf-color-surface)`}];function De(e,t){Tu.value;let n=Fu(e),r=Fu(t);return!n||!r?null:gd(hd(...n),hd(...r))}var P=Yf(),Oe=z(P),ke=V(z(Oe),4);Y(ke,21,()=>b,e=>e.heading,(e,t)=>{var n=pf(),r=z(n),a=z(r,!0);F(r),Y(V(r,2),16,()=>[`light`,`dark`],e=>e,(e,n)=>{var r=ff(),a=z(r),o=z(a,!0);F(a);var s=V(a,2);Y(s,21,()=>U(t).items,e=>e.name,(e,t)=>{let r=I(()=>i(`var(${U(t).name})`,n,`transparent`)),a=I(()=>i(`var(${U(t).fg})`,n,`currentColor`));var o=df(),s=V(z(o),2),c=z(s,!0);F(s),F(o),H(()=>{Z(o,`background:${U(r)}; color:${U(a)}`),Q(o,`title`,`${U(t).name} (${n}) — ${U(r)}`),q(c,U(t).label)}),K(e,o)}),F(s),F(r),H(()=>q(o,n===`light`?`L`:`D`)),K(e,r)}),F(n),H(()=>q(a,U(t).heading)),K(e,n)}),F(ke),F(Oe);var Ae=V(Oe,4);cf(Ae,{title:`Brand color sources`,get open(){return U(S)},set open(e){R(S,e,!0)},children:(e,r)=>{var i=Sf(),a=V(B(i),2);Y(a,21,()=>fe,([e,t])=>e.name,(e,r)=>{var i=I(()=>h(U(r),2));let a=()=>U(i)[0],o=()=>U(i)[1],s=I(()=>!!(o()&&o().name in t.overrides)),c=I(()=>U(oe).has(a().colorKey)&&!U(s));var l=xf(),u=z(l),d=z(u),f=z(d,!0);F(d);var m=V(d,2),g=e=>{var t=hf(),n=z(t),r=e=>{var t=mf();W(`click`,t,()=>we(a().colorKey,o(),a())),K(e,t)},i=I(()=>Ce.includes(a().colorKey));J(n,e=>{U(i)&&e(r)});var s=V(n,2),l=z(s,!0);F(s),F(t),H(()=>{X(s,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${U(c)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(l,U(c)?`Auto dark`:`Manual dark`)}),W(`click`,s,()=>Te(a().colorKey,o(),a().name)),K(e,t)};J(m,e=>{o()&&e(g)}),F(u);var v=V(u,2);{let e=I(()=>`${a().label} (light)`),n=I(()=>ce(a())),r=I(()=>a().name in t.overrides);Pd(v,{get label(){return U(e)},get tokenName(){return a().name},get value(){return U(n)},get overridden(){return U(r)},onChange:e=>Se(a(),o(),e),onReset:()=>t.onReset(a().name)})}var y=V(v,2),b=e=>{let t=I(()=>ce(a())),n=I(()=>U(c)?me(U(t),a().colorKey):o()?ce(o()):U(t)),r=I(he),i=I(ge),s=I(_e),l=I(ve);var u=yf(),d=B(u),f=z(d),m=V(z(f),2);Y(m,20,()=>p,e=>e,(e,n)=>{let i=I(()=>xe(a().colorKey,U(t),n,U(r),U(s)));var o=gf();let c;lf(z(o),()=>`${a().colorKey}-${n}`),F(o),H(()=>{Q(o,`title`,`${a().colorKey}-${n} (light) — ${U(i)}`),c=Z(o,``,c,{background:U(i)})}),K(e,o)}),F(m),F(f);var h=V(f,2),g=V(z(h),2);Y(g,20,()=>p,e=>e,(e,t)=>{let r=I(()=>xe(a().colorKey,U(n),t,U(i),U(l)));var o=_f();let s;lf(z(o),()=>`${a().colorKey}-${t}`),F(o),H(()=>{Q(o,`title`,`${a().colorKey}-${t} (dark) — ${U(r)}`),s=Z(o,``,s,{background:U(r)})}),K(e,o)}),F(g),F(h),F(d);var _=V(d,2),v=e=>{K(e,vf())};J(_,e=>{a().colorKey===`base`&&e(v)}),K(e,u)},x=I(()=>_.includes(a().colorKey));J(y,e=>{U(x)&&e(b)});var S=V(y,2),C=e=>{{let n=I(()=>`${o().label} (dark mode)`),r=I(()=>ce(o())),i=I(()=>o().name in t.overrides);Pd(e,{get label(){return U(n)},get tokenName(){return o().name},get value(){return U(r)},get overridden(){return U(i)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}},w=e=>{let t=I(()=>me(ce(a()),a().colorKey));var r=bf(),i=z(r);let o;var s=V(i);F(r),H(e=>{Q(i,`title`,U(t)),o=Z(i,``,o,e),q(s,` Dark: auto-derived (${U(t)??``})`)},[()=>({background:n(U(t),U(t))})]),K(e,r)};J(S,e=>{o()&&!U(c)?e(C):o()&&U(c)&&e(w,1)}),F(l),H(()=>q(f,a().label)),K(e,l)}),F(a),K(e,i)},$$slots:{default:!0}});var je=V(Ae,4);cf(je,{title:`LumLocker`,get open(){return U(k)},set open(e){R(k,e,!0)},children:(e,n)=>{var r=wf(),a=V(B(r),2);{let e=I(()=>`--sf-lumlocker`in t.overrides);$(a,{label:`LumLocker L · light`,get value(){return U(M)},min:0,max:1,step:.01,help:`--sf-lumlocker — fixed OKLCH L applied to lockable brand colors in light mode under [data-lumlocker]`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-lumlocker`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker`)})}var s=V(a,2);{let e=I(()=>`--sf-lumlocker-dark`in t.overrides);$(s,{label:`LumLocker L · dark`,get value(){return U(N)},min:0,max:1,step:.01,help:`--sf-lumlocker-dark — fixed OKLCH L in dark mode. Defaults to the light L mirrored around the background midpoint (≈1.18 − L, clamped); set it to break the mirror.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-lumlocker-dark`,String(e)),onReset:()=>t.onReset(`--sf-lumlocker-dark`)})}var c=V(s,2);Y(V(z(c),2),17,()=>o,e=>e.key,(e,t)=>{var n=Jr();Y(B(n),16,()=>[`light`,`dark`],e=>e,(e,n)=>{let r=I(()=>i(`var(--sf-color-${U(t).key}-source-${n})`,n,``)),a=I(()=>ae(U(t).key,n));var o=Cf(),s=z(o),c=z(s),l=V(c),u=z(l,!0);F(l),F(s);var d=V(s,2),f=V(d,4);F(o),H(e=>{q(c,`${U(t).label??``} `),q(u,n===`light`?`L`:`D`),Z(d,`background:${U(r)||`var(--sf-color-${U(t).key})`}`),Z(f,e),Q(f,`title`,U(a))},[()=>`background:${i(U(a),n,U(a))}`]),K(e,o)}),K(e,n)}),F(c);var l=V(c,2),u=z(l,!0);F(l),H(()=>{X(l,1,`w-full py-2 rounded-lg text-[10px] font-bold border transition-all cursor-pointer ${Lu.value?`bg-indigo-600/25 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/10 dark:border-white/10 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(u,Lu.value?`✓ LumLocker active on canvas — click to disable`:`Preview LumLocker on live canvas`)}),W(`click`,l,()=>{Lu.value=!Lu.value}),K(e,r)},$$slots:{default:!0}});var Ne=V(je,4);cf(Ne,{title:`Status colors`,get open(){return U(T)},set open(e){R(T,e,!0)},children:(e,r)=>{var a=Af(),o=V(B(a),2);Y(o,21,()=>pe,([e,t])=>e.name,(e,r)=>{var a=I(()=>h(U(r),2));let o=()=>U(a)[0],s=()=>U(a)[1],c=I(()=>!!(s()&&s().name in t.overrides)),l=I(()=>U(oe).has(o().colorKey)&&!U(c));var u=kf(),d=z(u),f=z(d),p=z(f,!0);F(f);var m=V(f,2),g=e=>{var t=Tf(),n=z(t,!0);F(t),H(()=>{X(t,1,`text-[8px] px-1.5 py-0.5 rounded border transition-all cursor-pointer ${U(l)?`border-indigo-500/40 bg-indigo-500/15 text-indigo-700 dark:text-indigo-300`:`border-black/10 dark:border-white/10 text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(n,U(l)?`Auto dark`:`Manual dark`)}),W(`click`,t,()=>Te(o().colorKey,s(),o().name)),K(e,t)};J(m,e=>{s()&&e(g)}),F(d);var _=V(d,2);{let e=I(()=>`${o().label} light`),n=I(()=>ce(o())),r=I(()=>o().name in t.overrides);Pd(_,{get label(){return U(e)},get tokenName(){return o().name},get value(){return U(n)},get overridden(){return U(r)},onChange:e=>t.onSet(o().name,e),onReset:()=>t.onReset(o().name)})}var y=V(_,2),b=e=>{{let n=I(()=>`${s().label} dark`),r=I(()=>ce(s())),i=I(()=>s().name in t.overrides);Pd(e,{get label(){return U(n)},get tokenName(){return s().name},get value(){return U(r)},get overridden(){return U(i)},onChange:e=>t.onSet(s().name,e),onReset:()=>t.onReset(s().name)})}},x=e=>{let t=I(()=>me(ce(o()),o().colorKey));var r=bf(),i=z(r);let a;var s=V(i);F(r),H(e=>{Q(i,`title`,U(t)),a=Z(i,``,a,e),q(s,` Dark: auto-derived (${U(t)??``})`)},[()=>({background:n(U(t),U(t))})]),K(e,r)};J(y,e=>{s()&&!U(l)?e(b):s()&&U(l)&&e(x,1)});var S=V(y,2),C=z(S),w=V(z(C),2);Y(w,21,()=>v,e=>e.label,(e,t)=>{var n=Ef(),r=z(n,!0);F(n),H(()=>q(r,U(t).label)),K(e,n)}),F(w),F(C),Y(V(C,2),16,()=>[[`L`,`light`],[`D`,`dark`]],([e,t])=>e,(e,t)=>{var n=I(()=>h(t,2));let r=()=>U(n)[0],a=()=>U(n)[1];var s=Of(),c=z(s),l=z(c,!0);F(c);var u=V(c,2);Y(u,21,()=>v,e=>e.label,(e,t)=>{let n=I(()=>i(U(t).expr(o().colorKey),a(),``));var r=Df();let s;var c=z(r);{let e=I(()=>`${o().colorKey}-${U(t).label.toLowerCase()}`);lf(c,()=>U(e))}F(r),H(e=>{Q(r,`title`,e),s=Z(r,``,s,{background:U(n)})},[()=>`${o().colorKey}-${U(t).label.toLowerCase()} (${a()}) — ${U(n)}`]),K(e,r)}),F(u),F(s),H(()=>q(l,r())),K(e,s)}),F(S),Me(2),F(u),H(()=>q(p,o().label)),K(e,u)}),F(o),K(e,a)},$$slots:{default:!0}});var Pe=V(Ne,4);cf(Pe,{title:`Text contrast`,spacing:`space-y-4`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,r)=>{var i=Nf(),a=V(B(i),2);Y(a,17,()=>x,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})});var o=V(a,2),s=z(o);Y(s,17,()=>Ee,e=>e.label,(e,t)=>{let r=I(()=>De(U(t).fg,U(t).bg));var i=Jr(),a=B(i),o=e=>{var i=jf(),a=z(i),o=V(a,2),s=z(o,!0);F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,2),d=z(u,!0);F(u),F(i),H((e,n)=>{Z(a,e),q(s,U(t).label),q(l,`${n??``}:1`),X(u,1,`text-[9px] font-bold px-1.5 py-0.5 rounded ${U(r)>=4.5?`bg-emerald-500/20 text-emerald-700 dark:text-emerald-300`:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}`),q(d,U(r)>=4.5?`AA`:U(r)>=3?`AA-L`:`✗`)},[()=>`background:${n(U(t).bg,U(t).bg)}; color:${n(U(t).fg,U(t).fg)}`,()=>U(r).toFixed(2)]),K(e,i)};J(a,e=>{U(r)!==null&&e(o)}),K(e,i)});var c=V(s,2),l=e=>{var n=Mf();W(`click`,n,()=>t.onSelectDomain?.(`wcag`)),K(e,n)};J(c,e=>{t.onSelectDomain&&e(l)}),F(o),K(e,i)},$$slots:{default:!0}});var Fe=V(Pe,4);cf(Fe,{title:`Palette ramp`,spacing:`space-y-4`,get open(){return U(w)},set open(e){R(w,e,!0)},children:(e,n)=>{let r=I(()=>t.overrides[`--sf-color-primary-source-light`]??s.find(e=>e.name===`--sf-color-primary-source-light`)?.default??`oklch(0.47 0.27 264)`),i=I(()=>t.overrides[`--sf-color-primary-source-dark`]),a=I(()=>U(i)??(!U(oe).has(`primary`)||U(i)?s.find(e=>e.name===`--sf-color-primary-source-dark`)?.default??me(U(r),`primary`):me(U(r),`primary`))),o=I(()=>U(A)===`light`?U(r):U(a));var c=Rf(),l=V(B(c),2);Y(l,21,()=>d,e=>e.label,(e,n)=>{var r=Pf(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o,!0);F(o),F(r),H(()=>{X(r,1,`flex flex-col items-center gap-0.5 p-2.5 rounded-xl border transition-all cursor-pointer ${U(ue)?.label===U(n).label?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,U(n).label),q(s,U(n).desc)}),W(`click`,r,()=>t.onBulkChange(U(n).patch)),K(e,r)}),F(l);var f=V(l,2),h=V(z(f),2);Y(h,21,()=>u,e=>e.name,(e,n)=>{{let r=I(()=>de(U(n).name,U(n).default)),i=I(()=>U(n).name in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:0,max:1,step:.01,unit:``,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).name,`${e}`),onReset:()=>t.onReset(U(n).name)})}}),F(h),F(f);var g=V(f,2),_=z(g),v=V(z(_),2);Y(v,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=Tf(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${U(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t===`light`?`Light`:`Dark`)}),W(`click`,n,()=>{R(A,t,!0)}),K(e,n)}),F(v),F(_);var y=V(_,2);Y(y,20,()=>p,e=>e,(e,t)=>{let n=I(()=>ye(U(o),t));var r=Ff(),i=z(r);lf(z(i),()=>`primary-${t}`),F(i);var a=V(i,2),s=z(a,!0);F(a),F(r),H(()=>{Z(i,`background:${U(n)}`),Q(i,`title`,`primary-${t} (${U(A)})`),q(s,t)}),K(e,r)}),F(y),Me(2),F(g);var b=V(g,2),x=z(b),S=V(z(x),2);Y(S,20,()=>[`light`,`dark`],e=>e,(e,t)=>{var n=Tf(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-1.5 py-0.5 rounded text-[8px] font-bold cursor-pointer transition-all ${U(A)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t===`light`?`Light`:`Dark`)}),W(`click`,n,()=>{R(A,t,!0)}),K(e,n)}),F(S),F(x),Y(V(x,2),16,()=>m,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-color-${n}-source-light`]??s.find(e=>e.name===`--sf-color-${n}-source-light`)?.default??`oklch(0.5 0.15 264)`),i=I(()=>`--sf-color-${n}-source-dark`),a=I(()=>t.overrides[U(i)]??(U(oe).has(n)&&!t.overrides[U(i)]?me(U(r),n):s.find(e=>e.name===U(i))?.default??me(U(r),n))),o=I(()=>U(A)===`light`?U(r):U(a));var c=Lf(),l=z(c),u=z(l,!0);F(l);var d=V(l,2);Y(d,20,()=>p,e=>e,(e,t)=>{let r=I(()=>ye(U(o),t));var i=If();lf(z(i),()=>`${n}-${t}`),F(i),H(()=>{Z(i,`background:${U(r)}`),Q(i,`title`,`${n}-${t} (${U(A)})`)}),K(e,i)}),F(d),F(c),H(()=>q(u,n)),K(e,c)}),F(b),K(e,c)},$$slots:{default:!0}});var Ie=V(Fe,4);cf(Ie,{title:`Gradients`,get open(){return U(O)},set open(e){R(O,e,!0)},children:(e,n)=>{var i=Wf();Y(V(B(i),2),16,()=>[`brand`,`fade`],e=>e,(e,n)=>{var i=Uf(),o=B(i),s=z(o,!0);F(o);var c=V(o,2);Y(c,21,()=>a.filter(e=>e.group===n),e=>e.name,(e,n)=>{let i=I(()=>`var(${U(n).name})`),a=I(()=>ne(U(n)));var o=Hf(),s=z(o),c=V(s,2),l=z(c),u=z(l),d=z(u,!0);F(u);var f=V(u,2),p=e=>{var r=zf();W(`click`,r,()=>{delete j[U(n).name],t.onReset(U(n).name)}),K(e,r)};J(f,e=>{U(n).name in t.overrides&&e(p)}),F(l);var m=V(l,2),h=e=>{var t=Bf();Y(V(z(t),2),16,()=>[`top`,`right`,`bottom`,`left`],e=>e,(e,t)=>{var r=Tf(),i=z(r,!0);F(r),H(()=>{X(r,1,`flex-1 py-0.5 rounded text-[9px] border transition-all cursor-pointer capitalize ${U(a).dir===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,t)}),W(`click`,r,()=>ie(U(n),`dir`,t)),K(e,r)}),F(t),K(e,t)},g=e=>{var t=Vf(),r=V(z(t),2);xd(z(r),{get value(){return U(a).angle},min:0,max:360,step:1,unit:`°`,onChange:e=>ie(U(n),`angle`,e)}),F(r),F(t),K(e,t)};J(m,e=>{U(n).kind===`dir`&&U(n).group!==`fade`?e(h):U(n).kind!==`dir`&&e(g,1)});var _=V(m,2),v=V(z(_),2);Ri(v);var y=V(v,2);Ri(y),F(_);var b=V(_,2),x=V(z(b));F(b);var S=V(b,2);Ri(S),F(c),F(o),H(e=>{Z(s,e),q(d,U(n).label),zi(v,U(a).stop1),zi(y,U(a).stop2),q(x,` ${U(n).formula??``}`),zi(S,t.overrides[U(n).name]??``)},[()=>`background:${r(U(i),U(i))}`]),W(`change`,v,e=>ie(U(n),`stop1`,e.target.value.trim())),W(`change`,y,e=>ie(U(n),`stop2`,e.target.value.trim())),W(`change`,S,e=>{let r=e.target.value.trim();delete j[U(n).name],r?t.onSet(U(n).name,r):t.onReset(U(n).name)}),K(e,o)}),F(c),H(()=>q(s,n===`brand`?`Brand & surface`:`Edge fades`)),K(e,i)}),K(e,i)},$$slots:{default:!0}});var Le=V(Ie,4);cf(Le,{title:`Color scheme`,get open(){return U(D)},set open(e){R(D,e,!0)},children:(e,n)=>{var r=Gf(),i=V(B(r),2);Y(i,20,()=>[[`light dark`,`light dark (default)`],[`light`,`Light only`],[`dark`,`Dark only`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-color-scheme`]??`light dark`);var s=Tf(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`light dark`?t.onReset(`--sf-color-scheme`):t.onSet(`--sf-color-scheme`,i())),K(e,s)}),F(i),K(e,r)},$$slots:{default:!0}}),cf(V(Le,4),{title:`Semantic overrides`,get open(){return U(E)},set open(e){R(E,e,!0)},children:(e,r)=>{var i=Jf(),a=V(B(i),2);Y(a,21,()=>f,e=>e.name,(e,r)=>{let i=I(()=>n(`var(${U(r).name})`,``));var a=qf(),o=z(a),s=z(o,!0);F(o);var c=V(o,2);{let e=I(()=>t.overrides[U(r).name]??``),n=I(()=>U(i)?`auto-derived · ${U(i)}`:`auto-derived`),a=I(()=>U(r).name in t.overrides);of(c,{get token(){return U(r).name},get value(){return U(e)},get placeholder(){return U(n)},get isOverridden(){return U(a)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}var l=V(c,2),u=e=>{var t=Kf(),n=z(t,!0);F(t),H(()=>q(n,U(r).note)),K(e,t)};J(l,e=>{U(r).note&&e(u)}),F(a),H(()=>q(s,U(r).label)),K(e,a)}),F(a),K(e,i)},$$slots:{default:!0}}),Me(2),F(P),K(e,P),He()}Rr([`click`,`change`]);var Zf=G(`<div class="flex items-baseline justify-between gap-3 mt-2 px-1 overflow-hidden"><span class="text-slate-500 leading-none truncate">Aa<span class="text-[8px] font-mono align-middle ml-1"> </span></span> <span class="text-slate-900/80 dark:text-white/80 leading-none truncate">Aa<span class="text-[8px] font-mono align-middle ml-1"> </span></span></div>`),Qf=G(`<div class="flex items-center gap-2 mt-2 px-1"><div class="h-2 bg-indigo-500/40 rounded shrink-0"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600">min</span> <div class="h-2 bg-indigo-500/70 rounded shrink-0"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600">max</span></div>`),$f=G(`<option>Custom</option>`),ep=G(`<option> </option>`),tp=G(`<div class="flex items-center gap-2"><span class="text-[9px] text-slate-500 w-14 shrink-0"> </span> <select class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[10px] text-slate-800 dark:text-slate-200 px-1.5 py-1 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select> <input type="number" class="w-16 shrink-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></div>`),np=G(`<div class="mt-3 pt-3 border-t border-black/6 dark:border-white/6"><div class="text-[9px] font-semibold text-slate-500 mb-2">Modular scale ratio</div> <div class="space-y-2"></div></div>`),rp=G(`<div class="flex justify-end mt-2"><button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer">reset</button></div>`),ip=G(`<div><div class="flex items-center justify-between mb-2"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300"> </span> <span class="text-[9px] font-mono text-slate-500">clamp(<span class="text-indigo-700 dark:text-indigo-300"> </span> … <span class="text-indigo-700 dark:text-indigo-300"> </span>)</span></div> <div class="clampTrack relative h-5 flex items-center mb-2"><div class="absolute inset-x-0 h-1 bg-black/8 dark:bg-white/8 rounded-full"></div> <div class="absolute h-1 bg-indigo-500 rounded-full"></div> <input type="range" class="clampRange absolute inset-0 w-full svelte-iy59wr"/> <input type="range" class="clampRange absolute inset-0 w-full svelte-iy59wr"/> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-indigo-400/40 pointer-events-none"></div> <div class="absolute w-3 h-3 bg-white rounded-full shadow-md border border-indigo-400/40 pointer-events-none"></div></div> <div class="grid grid-cols-2 gap-2"><label class="flex items-center gap-1.5"><span class="text-[9px] text-slate-500 shrink-0"> </span> <input type="number" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></label> <label class="flex items-center gap-1.5"><span class="text-[9px] text-slate-500 shrink-0"> </span> <input type="number" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded text-[11px] font-mono text-slate-800 dark:text-slate-200 text-right px-1.5 py-0.5 focus:outline-none focus:border-indigo-500"/></label></div> <!> <!> <!></div>`);function ap(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=na(t,`unit`,3,`rem`),i=na(t,`minLabel`,3,`Min`),a=na(t,`maxLabel`,3,`Max`),o=na(t,`overridden`,3,!1),s=na(t,`ratioMin_bound`,3,1.05),c=na(t,`ratioMax_bound`,3,1.8),l=na(t,`previewKind`,3,`none`);function u(e){return Math.min(t.max,Math.max(t.min,e))}let d=I(()=>(t.minValue-t.min)/(t.max-t.min)*100),f=I(()=>(t.maxValue-t.min)/(t.max-t.min)*100);function p(e){return Math.min(c(),Math.max(s(),e))}let m=I(()=>t.ratioPresets?.find(e=>t.ratioMin!==void 0&&Math.abs(e.value-t.ratioMin)<.0015)?.value),h=I(()=>t.ratioPresets?.find(e=>t.ratioMax!==void 0&&Math.abs(e.value-t.ratioMax)<.0015)?.value);var g=ip(),_=z(g),v=z(_),y=z(v,!0);F(v);var b=V(v,2),x=V(z(b)),S=z(x);F(x);var C=V(x,2),w=z(C);F(C),Me(),F(b),F(_);var T=V(_,2),E=V(z(T),2),D=V(E,2);Ri(D);var O=V(D,2);Ri(O);var k=V(O,2),A=V(k,2);F(T);var j=V(T,2),M=z(j),N=z(M),ee=z(N,!0);F(N);var te=V(N,2);Ri(te),F(M);var ne=V(M,2),re=z(ne),ie=z(re,!0);F(re);var ae=V(re,2);Ri(ae),F(ne),F(j);var oe=V(j,2),se=e=>{var n=Zf(),r=z(n),o=V(z(r)),s=z(o,!0);F(o),F(r);var c=V(r,2),l=V(z(c)),u=z(l,!0);F(l),F(c),F(n),H((e,t,n,i)=>{Z(r,e),q(s,t),Z(c,n),q(u,i)},[()=>`font-size:${Math.min(t.minValue,2)}rem`,()=>i().toLowerCase(),()=>`font-size:${Math.min(t.maxValue,2.6)}rem`,()=>a().toLowerCase()]),K(e,n)},ce=e=>{var n=Qf(),r=z(n),i=V(r,4);Me(2),F(n),H((e,t)=>{Z(r,e),Z(i,t)},[()=>`width:${Math.min(t.minValue*28,120)}px`,()=>`width:${Math.min(t.maxValue*28,200)}px`]),K(e,n)};J(oe,e=>{l()===`type`?e(se):l()===`space`&&e(ce,1)});var le=V(oe,2),ue=e=>{var r=np(),o=V(z(r),2);Y(o,21,()=>[{side:i(),value:t.ratioMin,active:U(m),onChange:t.onRatioMinChange},{side:a(),value:t.ratioMax,active:U(h),onChange:t.onRatioMaxChange}],e=>e.side,(e,r)=>{var i=tp(),a=z(i),o=z(a,!0);F(a);var l=V(a,2),u=z(l),d=e=>{var t=$f();t.value=t.__value=``,H(()=>Z(t,`background:${U(n)};`)),K(e,t)};J(u,e=>{U(r).active===void 0&&e(d)}),Y(V(u),17,()=>t.ratioPresets,e=>e.value,(e,t)=>{var r=ep(),i=z(r,!0);F(r);var a={};H(e=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=e)&&(r.value=(r.__value=e)??``)},[()=>String(U(t).value)]),K(e,r)}),F(l);var f;Ei(l);var m=V(l,2);Ri(m),Q(m,`step`,.001),F(i),H(e=>{q(o,U(r).side),Q(l,`aria-label`,`${U(r).side} modular scale ratio preset`),f!==(f=e)&&(l.value=(l.__value=e)??``,Ti(l,e)),Q(m,`aria-label`,`${U(r).side} modular scale custom ratio`),Q(m,`min`,s()),Q(m,`max`,c()),zi(m,U(r).value)},[()=>U(r).active===void 0?``:String(U(r).active)]),W(`change`,l,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&U(r).onChange?.(p(t))}),W(`change`,m,e=>{let t=parseFloat(e.target.value);Number.isFinite(t)&&U(r).onChange?.(p(t))}),K(e,i)}),F(o),F(r),K(e,r)};J(le,e=>{t.ratioPresets&&e(ue)});var de=V(le,2),fe=e=>{var n=rp(),r=z(n);F(n),W(`click`,r,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(de,e=>{o()&&t.onReset&&e(fe)}),F(g),H(e=>{X(g,1,`rounded-xl border p-3 ${o()?`bg-indigo-500/8 border-indigo-500/25`:`bg-black/4 dark:bg-white/4 border-black/8 dark:border-white/8`}`,`svelte-iy59wr`),q(y,t.title),q(S,`${t.minValue??``}${r()??``}`),q(w,`${t.maxValue??``}${r()??``}`),Z(E,e),Q(D,`min`,t.min),Q(D,`max`,t.max),Q(D,`step`,t.step),zi(D,t.minValue),Q(D,`aria-label`,`${t.title} min`),Q(O,`min`,t.min),Q(O,`max`,t.max),Q(O,`step`,t.step),zi(O,t.maxValue),Q(O,`aria-label`,`${t.title} max`),Z(k,`left: calc(${U(d)}% - 6px)`),Z(A,`left: calc(${U(f)}% - 6px)`),q(ee,i()),Q(te,`min`,t.min),Q(te,`max`,t.max),Q(te,`step`,t.step),zi(te,t.minValue),q(ie,a()),Q(ae,`min`,t.min),Q(ae,`max`,t.max),Q(ae,`step`,t.step),zi(ae,t.maxValue)},[()=>`left:${Math.min(U(d),U(f))}%; right:${100-Math.max(U(d),U(f))}%`]),W(`input`,D,e=>t.onMinChange(Math.min(u(parseFloat(e.target.value)),t.maxValue))),W(`input`,O,e=>t.onMaxChange(Math.max(u(parseFloat(e.target.value)),t.minValue))),W(`change`,te,e=>t.onMinChange(u(parseFloat(e.target.value)||t.min))),W(`change`,ae,e=>t.onMaxChange(u(parseFloat(e.target.value)||t.max))),K(e,g),He()}Rr([`input`,`change`,`click`]);var op=G(`<div class="flex items-baseline gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-6 shrink-0 text-right"> </span> <span class="text-slate-900/80 dark:text-white/80 font-medium leading-none">Aa</span> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 ml-auto shrink-0"> </span></div>`);function sp(e,t){Ve(t,!0);let n=na(t,`family`,3,`--sf-font-body`),r=L(null),i=L(0),a=L(16);wn(()=>{if(!U(r))return;let e=U(r),t=()=>{R(i,parseFloat(getComputedStyle(e).fontSize)||0,!0),R(a,parseFloat(getComputedStyle(document.documentElement).fontSize)||16,!0)};t();let n=new ResizeObserver(t);return n.observe(e),()=>n.disconnect()});var o=op(),s=z(o),c=z(s,!0);F(s);var l=V(s,2);Zi(l,e=>R(r,e),()=>U(r));var u=V(l,2),d=z(u,!0);F(u),F(o),H(e=>{q(c,t.label),Z(l,`font-size: var(${t.varName}); font-family: var(${n()})`),q(d,e)},[()=>U(i)?`${(U(i)/U(a)).toFixed(2)}rem`:``]),K(e,o),He()}var cp=G(`<li class="text-[9px] font-mono text-amber-700/80 dark:text-amber-300/80"> </li>`),lp=G(`<ul class="space-y-0.5 pt-0.5"></ul>`),up=G(`<div class="rounded-lg bg-amber-500/10 border border-amber-500/20 p-2.5 space-y-2"><p class="text-[10px] text-amber-700 dark:text-amber-300 leading-relaxed"> </p> <div class="flex items-center gap-2"><button class="text-[10px] font-semibold text-amber-800 dark:text-amber-200 bg-amber-500/20 hover:bg-amber-500/30 border border-amber-500/30 rounded px-2 py-1 cursor-pointer transition-colors"> </button> <button class="text-[10px] text-amber-700/80 dark:text-amber-300/80 hover:underline cursor-pointer"> </button></div> <!></div>`);function dp(e,t){Ve(t,!0);let n=L(!1),r=I(()=>t.tokens.length===1),i=`sf-shadowed-tokens-${crypto.randomUUID()}`;var a=Jr(),o=B(a),s=e=>{var a=up(),o=z(a),s=z(o);F(o);var c=V(o,2),l=z(c),u=z(l);F(l);var d=V(l,2),f=z(d,!0);F(d),F(c);var p=V(c,2),m=e=>{var n=lp();Y(n,20,()=>t.tokens,e=>e,(e,t)=>{var n=cp(),r=z(n,!0);F(n),H(()=>q(r,t)),K(e,n)}),F(n),H(()=>Q(n,`id`,i)),K(e,n)};J(p,e=>{U(n)&&e(m)}),F(a),H(()=>{q(s,`${t.tokens.length??``}
       ${U(r)?`token holds a fixed value that overrides`:`tokens hold fixed values that override`}
       the generated ${t.scaleLabel??``} scale, so the controls below
       ${U(r)?`do not affect that step`:`do not affect those steps`}.
       Fixed values win over the scale that would generate them.`),q(u,`Clear ${U(r)?`it`:`them`} and use the scale`),Q(d,`aria-expanded`,U(n)),Q(d,`aria-controls`,i),Q(d,`aria-label`,U(n)?`Hide the ${t.scaleLabel} tokens holding fixed values`:`Show the ${t.scaleLabel} tokens holding fixed values`),q(f,U(n)?`hide`:`show`)}),W(`click`,l,function(...e){t.onClear?.apply(this,e)}),W(`click`,d,()=>{R(n,!U(n))}),K(e,a)};J(o,e=>{t.tokens.length&&e(s)}),K(e,a),He()}Rr([`click`]);var fp=[`--sf-space-2xs`,`--sf-space-xs`,`--sf-space-s`,`--sf-space-m`,`--sf-space-l`,`--sf-space-xl`,`--sf-space-2xl`,`--sf-space-3xl`,`--sf-space-4xl`],pp=[`--sf-text-2xs`,`--sf-text-xs`,`--sf-text-s`,`--sf-text-m`,`--sf-text-l`,`--sf-text-xl`,`--sf-text-2xl`,`--sf-text-3xl`,`--sf-text-4xl`],mp=[`--sf-text-display-s`,`--sf-text-display-m`,`--sf-text-display-l`];function hp(e,t){return t.filter(t=>t in e)}var gp=JSON.parse(`[{"f":"Roboto","c":"Sans Serif"},{"f":"Open Sans","c":"Sans Serif"},{"f":"Google Sans","c":"Sans Serif"},{"f":"Inter","c":"Sans Serif"},{"f":"Montserrat","c":"Sans Serif"},{"f":"Poppins","c":"Sans Serif"},{"f":"Lato","c":"Sans Serif"},{"f":"Noto Sans JP","c":"Sans Serif"},{"f":"Roboto Condensed","c":"Sans Serif"},{"f":"Arimo","c":"Sans Serif"},{"f":"Roboto Mono","c":"Monospace"},{"f":"Noto Sans","c":"Sans Serif"},{"f":"Oswald","c":"Sans Serif"},{"f":"Raleway","c":"Sans Serif"},{"f":"DM Sans","c":"Sans Serif"},{"f":"Nunito","c":"Sans Serif"},{"f":"Nunito Sans","c":"Sans Serif"},{"f":"Playfair Display","c":"Serif"},{"f":"Roboto Slab","c":"Serif"},{"f":"Archivo Black","c":"Sans Serif"},{"f":"Rubik","c":"Sans Serif"},{"f":"Ubuntu","c":"Sans Serif"},{"f":"Kanit","c":"Sans Serif"},{"f":"Noto Sans KR","c":"Sans Serif"},{"f":"Outfit","c":"Sans Serif"},{"f":"Merriweather","c":"Serif"},{"f":"Manrope","c":"Sans Serif"},{"f":"Work Sans","c":"Sans Serif"},{"f":"Black Ops One","c":"Display"},{"f":"Prompt","c":"Sans Serif"},{"f":"Lora","c":"Serif"},{"f":"Noto Sans TC","c":"Sans Serif"},{"f":"Bebas Neue","c":"Sans Serif"},{"f":"PT Sans","c":"Sans Serif"},{"f":"Saira","c":"Sans Serif"},{"f":"Mulish","c":"Sans Serif"},{"f":"Figtree","c":"Sans Serif"},{"f":"Plus Jakarta Sans","c":"Sans Serif"},{"f":"Bricolage Grotesque","c":"Sans Serif"},{"f":"Source Sans 3","c":"Sans Serif"},{"f":"Share Tech","c":"Sans Serif"},{"f":"Smooch Sans","c":"Sans Serif"},{"f":"Barlow","c":"Sans Serif"},{"f":"Quicksand","c":"Sans Serif"},{"f":"IBM Plex Sans","c":"Sans Serif"},{"f":"Jost","c":"Sans Serif"},{"f":"Inconsolata","c":"Monospace"},{"f":"Karla","c":"Sans Serif"},{"f":"Archivo","c":"Sans Serif"},{"f":"Fira Sans","c":"Sans Serif"},{"f":"Noto Serif","c":"Serif"},{"f":"Heebo","c":"Sans Serif"},{"f":"Titillium Web","c":"Sans Serif"},{"f":"JetBrains Mono","c":"Monospace"},{"f":"Noto Color Emoji","c":"Sans Serif"},{"f":"Changa One","c":"Display"},{"f":"PT Serif","c":"Serif"},{"f":"Fjalla One","c":"Sans Serif"},{"f":"Space Grotesk","c":"Sans Serif"},{"f":"Source Code Pro","c":"Monospace"},{"f":"Dancing Script","c":"Handwriting"},{"f":"Libre Baskerville","c":"Serif"},{"f":"Noto Sans SC","c":"Sans Serif"},{"f":"Lobster Two","c":"Display"},{"f":"Barlow Condensed","c":"Sans Serif"},{"f":"Noto Serif JP","c":"Serif"},{"f":"Libre Franklin","c":"Sans Serif"},{"f":"Cormorant Garamond","c":"Serif"},{"f":"Public Sans","c":"Sans Serif"},{"f":"Anton","c":"Sans Serif"},{"f":"Josefin Sans","c":"Sans Serif"},{"f":"EB Garamond","c":"Serif"},{"f":"Alfa Slab One","c":"Display"},{"f":"Sora","c":"Sans Serif"},{"f":"Assistant","c":"Sans Serif"},{"f":"Cairo","c":"Sans Serif"},{"f":"Instrument Serif","c":"Serif"},{"f":"Lexend","c":"Sans Serif"},{"f":"Nanum Gothic","c":"Sans Serif"},{"f":"Schibsted Grotesk","c":"Sans Serif"},{"f":"Inter Tight","c":"Sans Serif"},{"f":"Cabin","c":"Sans Serif"},{"f":"Roboto Flex","c":"Sans Serif"},{"f":"Hind Siliguri","c":"Sans Serif"},{"f":"Noto Sans Telugu","c":"Sans Serif"},{"f":"Red Hat Display","c":"Sans Serif"},{"f":"Bitter","c":"Serif"},{"f":"Ramabhadra","c":"Sans Serif"},{"f":"Dosis","c":"Sans Serif"},{"f":"Mukta","c":"Sans Serif"},{"f":"Rajdhani","c":"Sans Serif"},{"f":"Anek Telugu","c":"Sans Serif"},{"f":"Noto Sans Khmer","c":"Sans Serif"},{"f":"M PLUS Rounded 1c","c":"Sans Serif"},{"f":"Exo 2","c":"Sans Serif"},{"f":"Fraunces","c":"Serif"},{"f":"IBM Plex Mono","c":"Monospace"},{"f":"Geist","c":"Sans Serif"},{"f":"Orbitron","c":"Sans Serif"},{"f":"Urbanist","c":"Sans Serif"},{"f":"Lilita One","c":"Display"},{"f":"Oxygen","c":"Sans Serif"},{"f":"Hind","c":"Sans Serif"},{"f":"Caveat","c":"Handwriting"},{"f":"DM Serif Display","c":"Serif"},{"f":"Slabo 27px","c":"Serif"},{"f":"Source Serif 4","c":"Serif"},{"f":"Crimson Text","c":"Serif"},{"f":"Fredoka","c":"Sans Serif"},{"f":"Overpass","c":"Sans Serif"},{"f":"Cinzel","c":"Serif"},{"f":"Bungee","c":"Display"},{"f":"Tajawal","c":"Sans Serif"},{"f":"Pacifico","c":"Handwriting"},{"f":"Merriweather Sans","c":"Sans Serif"},{"f":"Instrument Sans","c":"Sans Serif"},{"f":"Arvo","c":"Serif"},{"f":"Barlow Semi Condensed","c":"Sans Serif"},{"f":"PT Sans Narrow","c":"Sans Serif"},{"f":"Noto Sans Arabic","c":"Sans Serif"},{"f":"Lobster","c":"Display"},{"f":"Google Sans Flex","c":"Sans Serif"},{"f":"Abel","c":"Sans Serif"},{"f":"Comfortaa","c":"Display"},{"f":"Teko","c":"Sans Serif"},{"f":"Newsreader","c":"Serif"},{"f":"Bodoni Moda","c":"Serif"},{"f":"M PLUS 1p","c":"Sans Serif"},{"f":"Noto Sans Thai","c":"Sans Serif"},{"f":"Chakra Petch","c":"Sans Serif"},{"f":"Geist Mono","c":"Monospace"},{"f":"Asap","c":"Sans Serif"},{"f":"Maven Pro","c":"Sans Serif"},{"f":"Zen Kaku Gothic New","c":"Sans Serif"},{"f":"Abril Fatface","c":"Display"},{"f":"Lexend Deca","c":"Sans Serif"},{"f":"Almarai","c":"Sans Serif"},{"f":"Hanken Grotesk","c":"Sans Serif"},{"f":"Zilla Slab","c":"Serif"},{"f":"Space Mono","c":"Monospace"},{"f":"ABeeZee","c":"Sans Serif"},{"f":"Geologica","c":"Sans Serif"},{"f":"DM Mono","c":"Monospace"},{"f":"Play","c":"Sans Serif"},{"f":"Questrial","c":"Sans Serif"},{"f":"Alumni Sans","c":"Sans Serif"},{"f":"Domine","c":"Serif"},{"f":"Marcellus","c":"Serif"},{"f":"Shadows Into Light","c":"Handwriting"},{"f":"Albert Sans","c":"Sans Serif"},{"f":"Be Vietnam Pro","c":"Sans Serif"},{"f":"Rethink Sans","c":"Sans Serif"},{"f":"Varela Round","c":"Sans Serif"},{"f":"Epilogue","c":"Sans Serif"},{"f":"League Spartan","c":"Sans Serif"},{"f":"IBM Plex Serif","c":"Serif"},{"f":"Kalam","c":"Handwriting"},{"f":"Exo","c":"Sans Serif"},{"f":"Gravitas One","c":"Display"},{"f":"Satisfy","c":"Handwriting"},{"f":"Archivo Narrow","c":"Sans Serif"},{"f":"Great Vibes","c":"Handwriting"},{"f":"Onest","c":"Sans Serif"},{"f":"Cormorant","c":"Serif"},{"f":"Nanum Myeongjo","c":"Serif"},{"f":"Spectral","c":"Serif"},{"f":"Frank Ruhl Libre","c":"Serif"},{"f":"Saira Condensed","c":"Sans Serif"},{"f":"Noto Serif SC","c":"Serif"},{"f":"Sarabun","c":"Sans Serif"},{"f":"Unbounded","c":"Sans Serif"},{"f":"Syne","c":"Sans Serif"},{"f":"Zen Maru Gothic","c":"Sans Serif"},{"f":"Crimson Pro","c":"Serif"},{"f":"Noto Serif TC","c":"Serif"},{"f":"IBM Plex Sans Arabic","c":"Sans Serif"},{"f":"Indie Flower","c":"Handwriting"},{"f":"Noto Serif KR","c":"Serif"},{"f":"Encode Sans","c":"Sans Serif"},{"f":"Permanent Marker","c":"Handwriting"},{"f":"Yanone Kaffeesatz","c":"Sans Serif"},{"f":"Vollkorn","c":"Serif"},{"f":"Amiri","c":"Serif"},{"f":"Alegreya Sans","c":"Sans Serif"},{"f":"Fira Sans Condensed","c":"Sans Serif"},{"f":"Sofia Sans","c":"Sans Serif"},{"f":"Noto Sans Tamil","c":"Sans Serif"},{"f":"Roboto Serif","c":"Serif"},{"f":"News Cycle","c":"Sans Serif"},{"f":"Literata","c":"Serif"},{"f":"Catamaran","c":"Sans Serif"},{"f":"Righteous","c":"Display"},{"f":"Rowdies","c":"Display"},{"f":"Unna","c":"Serif"},{"f":"Press Start 2P","c":"Display"},{"f":"Signika","c":"Sans Serif"},{"f":"Noto Kufi Arabic","c":"Sans Serif"},{"f":"Luckiest Guy","c":"Display"},{"f":"Montserrat Alternates","c":"Sans Serif"},{"f":"Bevan","c":"Serif"},{"f":"Aleo","c":"Serif"},{"f":"Hammersmith One","c":"Sans Serif"},{"f":"Cardo","c":"Serif"},{"f":"DM Serif Text","c":"Serif"},{"f":"Fira Code","c":"Monospace"},{"f":"Viga","c":"Sans Serif"},{"f":"Antic Slab","c":"Serif"},{"f":"Titan One","c":"Display"},{"f":"Hind Madurai","c":"Sans Serif"},{"f":"Atkinson Hyperlegible","c":"Sans Serif"},{"f":"Noto Sans Devanagari","c":"Sans Serif"},{"f":"Yellowtail","c":"Handwriting"},{"f":"Baskervville","c":"Serif"},{"f":"Bree Serif","c":"Serif"},{"f":"Kameron","c":"Serif"},{"f":"Shippori Mincho","c":"Serif"},{"f":"Tinos","c":"Serif"},{"f":"Red Hat Text","c":"Sans Serif"},{"f":"Readex Pro","c":"Sans Serif"},{"f":"Gothic A1","c":"Sans Serif"},{"f":"Baloo 2","c":"Display"},{"f":"LINE Seed JP","c":"Sans Serif"},{"f":"Angkor","c":"Display"},{"f":"Russo One","c":"Sans Serif"},{"f":"Courier Prime","c":"Monospace"},{"f":"Libre Barcode 39","c":"Display"},{"f":"Khand","c":"Sans Serif"},{"f":"Sawarabi Mincho","c":"Serif"},{"f":"Noto Nastaliq Urdu","c":"Serif"},{"f":"Playfair","c":"Serif"},{"f":"Prata","c":"Serif"},{"f":"Share Tech Mono","c":"Monospace"},{"f":"Amatic SC","c":"Handwriting"},{"f":"Kumbh Sans","c":"Sans Serif"},{"f":"Acme","c":"Sans Serif"},{"f":"Advent Pro","c":"Sans Serif"},{"f":"Special Elite","c":"Display"},{"f":"Lexend Giga","c":"Sans Serif"},{"f":"Tenor Sans","c":"Sans Serif"},{"f":"Noticia Text","c":"Serif"},{"f":"Noto Sans Display","c":"Sans Serif"},{"f":"Bangers","c":"Display"},{"f":"Alegreya","c":"Serif"},{"f":"Crete Round","c":"Serif"},{"f":"Alata","c":"Sans Serif"},{"f":"Noto Naskh Arabic","c":"Serif"},{"f":"Noto Sans Mono","c":"Sans Serif"},{"f":"Chivo","c":"Sans Serif"},{"f":"Cantarell","c":"Sans Serif"},{"f":"Changa","c":"Sans Serif"},{"f":"Allura","c":"Handwriting"},{"f":"Libre Caslon Text","c":"Serif"},{"f":"Passion One","c":"Display"},{"f":"Martel","c":"Serif"},{"f":"VT323","c":"Monospace"},{"f":"Comic Neue","c":"Handwriting"},{"f":"Rubik Mono One","c":"Sans Serif"},{"f":"Sawarabi Gothic","c":"Sans Serif"},{"f":"Courgette","c":"Handwriting"},{"f":"Creepster","c":"Display"},{"f":"League Gothic","c":"Sans Serif"},{"f":"Zeyada","c":"Handwriting"},{"f":"Kaushan Script","c":"Handwriting"},{"f":"Zen Old Mincho","c":"Serif"},{"f":"Sofia Sans Condensed","c":"Sans Serif"},{"f":"Old Standard TT","c":"Serif"},{"f":"Patua One","c":"Display"},{"f":"Nanum Gothic Coding","c":"Handwriting"},{"f":"Sanchez","c":"Serif"},{"f":"BIZ UDPGothic","c":"Sans Serif"},{"f":"Noto Sans Bengali","c":"Sans Serif"},{"f":"Golos Text","c":"Sans Serif"},{"f":"Paytone One","c":"Sans Serif"},{"f":"Fugaz One","c":"Display"},{"f":"PT Sans Caption","c":"Sans Serif"},{"f":"Quattrocento","c":"Serif"},{"f":"Sen","c":"Sans Serif"},{"f":"Chelsea Market","c":"Display"},{"f":"Actor","c":"Sans Serif"},{"f":"STIX Two Text","c":"Serif"},{"f":"Sacramento","c":"Handwriting"},{"f":"IBM Plex Sans Condensed","c":"Sans Serif"},{"f":"Philosopher","c":"Sans Serif"},{"f":"Yantramanav","c":"Sans Serif"},{"f":"Signika Negative","c":"Sans Serif"},{"f":"Antonio","c":"Sans Serif"},{"f":"Cookie","c":"Handwriting"},{"f":"Kosugi Maru","c":"Sans Serif"},{"f":"Francois One","c":"Sans Serif"},{"f":"Noto Sans Hebrew","c":"Sans Serif"},{"f":"Gruppo","c":"Sans Serif"},{"f":"Patrick Hand","c":"Handwriting"},{"f":"Rokkitt","c":"Serif"},{"f":"Oleo Script","c":"Display"},{"f":"Commissioner","c":"Sans Serif"},{"f":"Playfair Display SC","c":"Serif"},{"f":"Bai Jamjuree","c":"Sans Serif"},{"f":"Radio Canada","c":"Sans Serif"},{"f":"Didact Gothic","c":"Sans Serif"},{"f":"Alexandria","c":"Sans Serif"},{"f":"Libre Bodoni","c":"Serif"},{"f":"Oxanium","c":"Display"},{"f":"Gelasio","c":"Serif"},{"f":"Gilda Display","c":"Serif"},{"f":"PT Mono","c":"Monospace"},{"f":"Gabarito","c":"Display"},{"f":"Amaranth","c":"Sans Serif"},{"f":"Forum","c":"Display"},{"f":"Encode Sans Condensed","c":"Sans Serif"},{"f":"Google Sans Code","c":"Monospace"},{"f":"Concert One","c":"Display"},{"f":"Goldman","c":"Display"},{"f":"Josefin Slab","c":"Serif"},{"f":"Rock Salt","c":"Handwriting"},{"f":"Quattrocento Sans","c":"Sans Serif"},{"f":"Berkshire Swash","c":"Handwriting"},{"f":"Tangerine","c":"Handwriting"},{"f":"Pathway Gothic One","c":"Sans Serif"},{"f":"Ubuntu Condensed","c":"Sans Serif"},{"f":"Rammetto One","c":"Display"},{"f":"Chango","c":"Display"},{"f":"Unica One","c":"Display"},{"f":"Neuton","c":"Serif"},{"f":"Jura","c":"Sans Serif"},{"f":"M PLUS 1","c":"Sans Serif"},{"f":"Homemade Apple","c":"Handwriting"},{"f":"Eater","c":"Display"},{"f":"Staatliches","c":"Display"},{"f":"Playball","c":"Display"},{"f":"Audiowide","c":"Display"},{"f":"Krub","c":"Sans Serif"},{"f":"Poiret One","c":"Display"},{"f":"El Messiri","c":"Sans Serif"},{"f":"Italianno","c":"Handwriting"},{"f":"Parisienne","c":"Handwriting"},{"f":"Monoton","c":"Display"},{"f":"Architects Daughter","c":"Handwriting"},{"f":"Alex Brush","c":"Handwriting"},{"f":"Lusitana","c":"Serif"},{"f":"Mitr","c":"Sans Serif"},{"f":"Lustria","c":"Serif"},{"f":"Merienda","c":"Handwriting"},{"f":"Noto Serif Bengali","c":"Serif"},{"f":"Michroma","c":"Sans Serif"},{"f":"Hind Guntur","c":"Sans Serif"},{"f":"Glegoo","c":"Serif"},{"f":"Biryani","c":"Sans Serif"},{"f":"Abhaya Libre","c":"Serif"},{"f":"Asap Condensed","c":"Sans Serif"},{"f":"Gloria Hallelujah","c":"Handwriting"},{"f":"Quantico","c":"Sans Serif"},{"f":"Vazirmatn","c":"Sans Serif"},{"f":"Pinyon Script","c":"Handwriting"},{"f":"Faustina","c":"Serif"},{"f":"Cinzel Decorative","c":"Display"},{"f":"Arsenal","c":"Sans Serif"},{"f":"Saira Semi Condensed","c":"Sans Serif"},{"f":"Fira Sans Extra Condensed","c":"Sans Serif"},{"f":"Sofia Sans Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans HK","c":"Sans Serif"},{"f":"Dela Gothic One","c":"Display"},{"f":"GFS Didot","c":"Serif"},{"f":"Yeseva One","c":"Display"},{"f":"Mona Sans","c":"Sans Serif"},{"f":"Reenie Beanie","c":"Handwriting"},{"f":"Sorts Mill Goudy","c":"Serif"},{"f":"Noto Sans Malayalam","c":"Sans Serif"},{"f":"Istok Web","c":"Sans Serif"},{"f":"Black Han Sans","c":"Sans Serif"},{"f":"Bowlby One SC","c":"Display"},{"f":"Akshar","c":"Sans Serif"},{"f":"Volkhov","c":"Serif"},{"f":"Alice","c":"Serif"},{"f":"Nanum Pen Script","c":"Handwriting"},{"f":"Racing Sans One","c":"Display"},{"f":"Belleza","c":"Sans Serif"},{"f":"Lalezar","c":"Sans Serif"},{"f":"Averia Serif Libre","c":"Display"},{"f":"Ropa Sans","c":"Sans Serif"},{"f":"Cormorant Infant","c":"Serif"},{"f":"Besley","c":"Serif"},{"f":"Ubuntu Sans","c":"Sans Serif"},{"f":"Petrona","c":"Serif"},{"f":"Afacad","c":"Sans Serif"},{"f":"Eczar","c":"Serif"},{"f":"Caveat Brush","c":"Handwriting"},{"f":"Syncopate","c":"Sans Serif"},{"f":"IBM Plex Sans Thai","c":"Sans Serif"},{"f":"Delius","c":"Handwriting"},{"f":"Hind Vadodara","c":"Sans Serif"},{"f":"Ubuntu Mono","c":"Monospace"},{"f":"Saira Extra Condensed","c":"Sans Serif"},{"f":"Noto Sans Symbols","c":"Sans Serif"},{"f":"Anonymous Pro","c":"Monospace"},{"f":"Mr Dafoe","c":"Handwriting"},{"f":"Blinker","c":"Sans Serif"},{"f":"Noto Serif Display","c":"Serif"},{"f":"Reddit Sans","c":"Sans Serif"},{"f":"Dongle","c":"Sans Serif"},{"f":"Jua","c":"Sans Serif"},{"f":"Monda","c":"Sans Serif"},{"f":"Vidaloka","c":"Serif"},{"f":"Mada","c":"Sans Serif"},{"f":"Familjen Grotesk","c":"Sans Serif"},{"f":"Economica","c":"Sans Serif"},{"f":"Cousine","c":"Monospace"},{"f":"Anek Bangla","c":"Sans Serif"},{"f":"Mate","c":"Serif"},{"f":"Georama","c":"Sans Serif"},{"f":"Taviraj","c":"Serif"},{"f":"Fira Mono","c":"Monospace"},{"f":"Belanosima","c":"Sans Serif"},{"f":"Varela","c":"Sans Serif"},{"f":"Andada Pro","c":"Serif"},{"f":"M PLUS 2","c":"Sans Serif"},{"f":"Zen Kaku Gothic Antique","c":"Sans Serif"},{"f":"Cuprum","c":"Sans Serif"},{"f":"Nothing You Could Do","c":"Handwriting"},{"f":"Calistoga","c":"Display"},{"f":"Shippori Mincho B1","c":"Serif"},{"f":"Cabin Condensed","c":"Sans Serif"},{"f":"Amita","c":"Handwriting"},{"f":"Squada One","c":"Display"},{"f":"Bad Script","c":"Handwriting"},{"f":"Special Gothic","c":"Sans Serif"},{"f":"Special Gothic Condensed One","c":"Sans Serif"},{"f":"Host Grotesk","c":"Sans Serif"},{"f":"Gochi Hand","c":"Handwriting"},{"f":"Arapey","c":"Serif"},{"f":"Six Caps","c":"Sans Serif"},{"f":"Ultra","c":"Serif"},{"f":"Gudea","c":"Sans Serif"},{"f":"Jersey 25","c":"Display"},{"f":"Londrina Solid","c":"Display"},{"f":"Mukta Malar","c":"Sans Serif"},{"f":"Kaisei Decol","c":"Serif"},{"f":"Reem Kufi","c":"Sans Serif"},{"f":"Ms Madi","c":"Handwriting"},{"f":"Pridi","c":"Serif"},{"f":"Palanquin","c":"Sans Serif"},{"f":"Julius Sans One","c":"Sans Serif"},{"f":"Caprasimo","c":"Display"},{"f":"IBM Plex Sans JP","c":"Sans Serif"},{"f":"IM Fell English","c":"Serif"},{"f":"Pragati Narrow","c":"Sans Serif"},{"f":"Martel Sans","c":"Sans Serif"},{"f":"Khula","c":"Sans Serif"},{"f":"Pangolin","c":"Handwriting"},{"f":"Shrikhand","c":"Display"},{"f":"Just Another Hand","c":"Handwriting"},{"f":"Marck Script","c":"Handwriting"},{"f":"Funnel Sans","c":"Sans Serif"},{"f":"REM","c":"Sans Serif"},{"f":"Ruda","c":"Sans Serif"},{"f":"Adamina","c":"Serif"},{"f":"Leckerli One","c":"Handwriting"},{"f":"Damion","c":"Handwriting"},{"f":"Pirata One","c":"Display"},{"f":"Niramit","c":"Sans Serif"},{"f":"Bowlby One","c":"Display"},{"f":"Allison","c":"Handwriting"},{"f":"Tilt Warp","c":"Display"},{"f":"Sofia","c":"Handwriting"},{"f":"Wix Madefor Display","c":"Sans Serif"},{"f":"Krona One","c":"Sans Serif"},{"f":"Murecho","c":"Sans Serif"},{"f":"Kiwi Maru","c":"Serif"},{"f":"Carter One","c":"Display"},{"f":"Handlee","c":"Handwriting"},{"f":"Aboreto","c":"Display"},{"f":"Mrs Saint Delafield","c":"Handwriting"},{"f":"Darker Grotesque","c":"Sans Serif"},{"f":"Hachi Maru Pop","c":"Handwriting"},{"f":"Mandali","c":"Sans Serif"},{"f":"Limelight","c":"Display"},{"f":"Sriracha","c":"Handwriting"},{"f":"Anek Latin","c":"Sans Serif"},{"f":"Fahkwang","c":"Sans Serif"},{"f":"Andika","c":"Sans Serif"},{"f":"La Belle Aurore","c":"Handwriting"},{"f":"Palanquin Dark","c":"Sans Serif"},{"f":"Aldrich","c":"Sans Serif"},{"f":"Covered By Your Grace","c":"Handwriting"},{"f":"Italiana","c":"Sans Serif"},{"f":"Do Hyeon","c":"Sans Serif"},{"f":"MuseoModerno","c":"Display"},{"f":"BIZ UDGothic","c":"Sans Serif"},{"f":"Noto Sans Gujarati","c":"Sans Serif"},{"f":"Pontano Sans","c":"Sans Serif"},{"f":"Wix Madefor Text","c":"Sans Serif"},{"f":"Sansita","c":"Sans Serif"},{"f":"Alegreya Sans SC","c":"Sans Serif"},{"f":"Cedarville Cursive","c":"Handwriting"},{"f":"Sarala","c":"Sans Serif"},{"f":"Chewy","c":"Display"},{"f":"Potta One","c":"Display"},{"f":"Charm","c":"Handwriting"},{"f":"Itim","c":"Handwriting"},{"f":"Spline Sans","c":"Sans Serif"},{"f":"Atkinson Hyperlegible Next","c":"Sans Serif"},{"f":"Cutive Mono","c":"Monospace"},{"f":"Boogaloo","c":"Display"},{"f":"Alef","c":"Sans Serif"},{"f":"Libre Barcode 128","c":"Display"},{"f":"Baloo Da 2","c":"Display"},{"f":"Basic","c":"Sans Serif"},{"f":"Secular One","c":"Sans Serif"},{"f":"Kreon","c":"Serif"},{"f":"Livvic","c":"Sans Serif"},{"f":"UnifrakturMaguntia","c":"Display"},{"f":"Gloock","c":"Serif"},{"f":"Yuji Mai","c":"Serif"},{"f":"Ma Shan Zheng","c":"Handwriting"},{"f":"Protest Revolution","c":"Display"},{"f":"Rufina","c":"Serif"},{"f":"Proza Libre","c":"Sans Serif"},{"f":"Fustat","c":"Sans Serif"},{"f":"Stardos Stencil","c":"Display"},{"f":"Markazi Text","c":"Serif"},{"f":"BenchNine","c":"Sans Serif"},{"f":"Marcellus SC","c":"Serif"},{"f":"Rye","c":"Display"},{"f":"Electrolize","c":"Sans Serif"},{"f":"Bona Nova SC","c":"Serif"},{"f":"Noto Serif Hebrew","c":"Serif"},{"f":"Noto Sans Sinhala","c":"Sans Serif"},{"f":"Poller One","c":"Display"},{"f":"Coda","c":"Display"},{"f":"Big Shoulders","c":"Display"},{"f":"Lateef","c":"Serif"},{"f":"Corben","c":"Display"},{"f":"Ovo","c":"Serif"},{"f":"Anuphan","c":"Sans Serif"},{"f":"Yrsa","c":"Serif"},{"f":"Tomorrow","c":"Sans Serif"},{"f":"Tektur","c":"Display"},{"f":"Fredericka the Great","c":"Display"},{"f":"Anek Devanagari","c":"Sans Serif"},{"f":"Herr Von Muellerhoff","c":"Handwriting"},{"f":"Inria Serif","c":"Serif"},{"f":"PT Serif Caption","c":"Serif"},{"f":"Yatra One","c":"Display"},{"f":"K2D","c":"Sans Serif"},{"f":"Cabin Sketch","c":"Display"},{"f":"Lexend Exa","c":"Sans Serif"},{"f":"Noto Sans Myanmar","c":"Sans Serif"},{"f":"Funnel Display","c":"Display"},{"f":"Athiti","c":"Sans Serif"},{"f":"Geo","c":"Sans Serif"},{"f":"Barriecito","c":"Display"},{"f":"Grandstander","c":"Display"},{"f":"Judson","c":"Serif"},{"f":"Rozha One","c":"Serif"},{"f":"Neucha","c":"Handwriting"},{"f":"Aclonica","c":"Sans Serif"},{"f":"Averia Libre","c":"Display"},{"f":"Lemonada","c":"Display"},{"f":"Shadows Into Light Two","c":"Handwriting"},{"f":"Gantari","c":"Sans Serif"},{"f":"Parkinsans","c":"Sans Serif"},{"f":"Oooh Baby","c":"Handwriting"},{"f":"AR One Sans","c":"Sans Serif"},{"f":"Podkova","c":"Serif"},{"f":"Share","c":"Sans Serif"},{"f":"Sintony","c":"Sans Serif"},{"f":"Days One","c":"Sans Serif"},{"f":"Charis SIL","c":"Serif"},{"f":"DynaPuff","c":"Display"},{"f":"Grenze Gotisch","c":"Display"},{"f":"Bellefair","c":"Serif"},{"f":"Gowun Batang","c":"Serif"},{"f":"Noto Serif Devanagari","c":"Serif"},{"f":"Castoro","c":"Serif"},{"f":"Metrophobic","c":"Sans Serif"},{"f":"Wallpoet","c":"Display"},{"f":"Tiro Bangla","c":"Serif"},{"f":"Noto Sans Meetei Mayek","c":"Sans Serif"},{"f":"Caudex","c":"Serif"},{"f":"Balsamiq Sans","c":"Display"},{"f":"Vina Sans","c":"Display"},{"f":"Cormorant Upright","c":"Serif"},{"f":"Sofia Sans Semi Condensed","c":"Sans Serif"},{"f":"Oranienbaum","c":"Serif"},{"f":"Allerta Stencil","c":"Sans Serif"},{"f":"Glory","c":"Sans Serif"},{"f":"Fragment Mono","c":"Monospace"},{"f":"Armata","c":"Sans Serif"},{"f":"Laila","c":"Serif"},{"f":"Candal","c":"Sans Serif"},{"f":"DotGothic16","c":"Sans Serif"},{"f":"Spinnaker","c":"Sans Serif"},{"f":"Tiro Devanagari Hindi","c":"Serif"},{"f":"Faster One","c":"Display"},{"f":"Kosugi","c":"Sans Serif"},{"f":"Noto Sans Gurmukhi","c":"Sans Serif"},{"f":"Niconne","c":"Handwriting"},{"f":"Recursive","c":"Sans Serif"},{"f":"Radley","c":"Serif"},{"f":"Libre Caslon Display","c":"Serif"},{"f":"Zen Dots","c":"Display"},{"f":"ADLaM Display","c":"Display"},{"f":"Pattaya","c":"Sans Serif"},{"f":"Overpass Mono","c":"Monospace"},{"f":"Norican","c":"Handwriting"},{"f":"Suez One","c":"Serif"},{"f":"Pathway Extreme","c":"Sans Serif"},{"f":"Noto Sans Kannada","c":"Sans Serif"},{"f":"Pixelify Sans","c":"Display"},{"f":"Miriam Libre","c":"Sans Serif"},{"f":"Rampart One","c":"Display"},{"f":"BIZ UDPMincho","c":"Serif"},{"f":"Brygada 1918","c":"Serif"},{"f":"Carlito","c":"Sans Serif"},{"f":"Hina Mincho","c":"Serif"},{"f":"Rancho","c":"Handwriting"},{"f":"Karma","c":"Serif"},{"f":"Macondo","c":"Display"},{"f":"David Libre","c":"Serif"},{"f":"Lexend Zetta","c":"Sans Serif"},{"f":"Klee One","c":"Handwriting"},{"f":"Graduate","c":"Serif"},{"f":"Young Serif","c":"Serif"},{"f":"Nanum Brush Script","c":"Handwriting"},{"f":"Trirong","c":"Serif"},{"f":"Dawning of a New Day","c":"Handwriting"},{"f":"Alatsi","c":"Sans Serif"},{"f":"Cormorant Unicase","c":"Serif"},{"f":"ZCOOL QingKe HuangYou","c":"Sans Serif"},{"f":"Cormorant SC","c":"Serif"},{"f":"Bellota Text","c":"Display"},{"f":"IBM Plex Sans KR","c":"Sans Serif"},{"f":"Antic","c":"Sans Serif"},{"f":"Chivo Mono","c":"Monospace"},{"f":"Chiron GoRound TC","c":"Sans Serif"},{"f":"Knewave","c":"Display"},{"f":"Quintessential","c":"Handwriting"},{"f":"Nobile","c":"Sans Serif"},{"f":"Petit Formal Script","c":"Handwriting"},{"f":"Mali","c":"Handwriting"},{"f":"Azeret Mono","c":"Monospace"},{"f":"Style Script","c":"Handwriting"},{"f":"Antic Didone","c":"Serif"},{"f":"Red Hat Mono","c":"Monospace"},{"f":"Hepta Slab","c":"Serif"},{"f":"Grand Hotel","c":"Handwriting"},{"f":"Caladea","c":"Serif"},{"f":"Mochiy Pop One","c":"Sans Serif"},{"f":"Cantata One","c":"Serif"},{"f":"Annie Use Your Telescope","c":"Handwriting"},{"f":"Schoolbell","c":"Handwriting"},{"f":"Noto Sans Georgian","c":"Sans Serif"},{"f":"Montagu Slab","c":"Serif"},{"f":"Original Surfer","c":"Display"},{"f":"Noto Emoji","c":"Sans Serif"},{"f":"Fjord One","c":"Serif"},{"f":"RocknRoll One","c":"Sans Serif"},{"f":"Arbutus Slab","c":"Serif"},{"f":"Kristi","c":"Handwriting"},{"f":"Marvel","c":"Sans Serif"},{"f":"Anton SC","c":"Sans Serif"},{"f":"Seaweed Script","c":"Display"},{"f":"Special Gothic Expanded One","c":"Sans Serif"},{"f":"Alegreya SC","c":"Serif"},{"f":"Chonburi","c":"Display"},{"f":"Sedgwick Ave Display","c":"Handwriting"},{"f":"BioRhyme","c":"Serif"},{"f":"IBM Plex Sans Hebrew","c":"Sans Serif"},{"f":"Nixie One","c":"Display"},{"f":"ZCOOL KuaiLe","c":"Sans Serif"},{"f":"Qwitcher Grypen","c":"Handwriting"},{"f":"Telex","c":"Sans Serif"},{"f":"Silkscreen","c":"Display"},{"f":"Radio Canada Big","c":"Sans Serif"},{"f":"Monsieur La Doulaise","c":"Handwriting"},{"f":"Ibarra Real Nova","c":"Serif"},{"f":"Arizonia","c":"Handwriting"},{"f":"Lacquer","c":"Display"},{"f":"Yusei Magic","c":"Sans Serif"},{"f":"Enriqueta","c":"Serif"},{"f":"Goudy Bookletter 1911","c":"Serif"},{"f":"Honk","c":"Display"},{"f":"Overlock","c":"Display"},{"f":"ZCOOL XiaoWei","c":"Sans Serif"},{"f":"Scheherazade New","c":"Serif"},{"f":"Delius Unicase","c":"Handwriting"},{"f":"Afacad Flux","c":"Sans Serif"},{"f":"Rakkas","c":"Display"},{"f":"Sniglet","c":"Display"},{"f":"Average Sans","c":"Sans Serif"},{"f":"Libre Barcode 39 Text","c":"Display"},{"f":"Sometype Mono","c":"Monospace"},{"f":"Halant","c":"Serif"},{"f":"Almendra","c":"Serif"},{"f":"Noto Sans Oriya","c":"Sans Serif"},{"f":"Tienne","c":"Serif"},{"f":"Calligraffitti","c":"Handwriting"},{"f":"Ephesis","c":"Handwriting"},{"f":"Bentham","c":"Serif"},{"f":"Encode Sans Expanded","c":"Sans Serif"},{"f":"Spline Sans Mono","c":"Monospace"},{"f":"Skranji","c":"Display"},{"f":"Waiting for the Sunrise","c":"Handwriting"},{"f":"Allerta","c":"Sans Serif"},{"f":"Beth Ellen","c":"Handwriting"},{"f":"Rosario","c":"Sans Serif"},{"f":"Agbalumo","c":"Display"},{"f":"Zalando Sans Expanded","c":"Sans Serif"},{"f":"Sarina","c":"Display"},{"f":"Oxygen Mono","c":"Monospace"},{"f":"Cal Sans","c":"Sans Serif"},{"f":"Maitree","c":"Serif"},{"f":"Sigmar One","c":"Display"},{"f":"Reddit Sans Condensed","c":"Sans Serif"},{"f":"Lekton","c":"Monospace"},{"f":"Meddon","c":"Handwriting"},{"f":"Noto Serif Georgian","c":"Serif"},{"f":"Coming Soon","c":"Handwriting"},{"f":"Zen Antique","c":"Serif"},{"f":"Kantumruy Pro","c":"Sans Serif"},{"f":"Inria Sans","c":"Sans Serif"},{"f":"Uncial Antiqua","c":"Display"},{"f":"Baloo Thambi 2","c":"Display"},{"f":"Over the Rainbow","c":"Handwriting"},{"f":"Fondamento","c":"Handwriting"},{"f":"Cherry Bomb One","c":"Display"},{"f":"Lexend Peta","c":"Sans Serif"},{"f":"Turret Road","c":"Display"},{"f":"Megrim","c":"Display"},{"f":"Love Ya Like A Sister","c":"Display"},{"f":"Noto Sans Warang Citi","c":"Sans Serif"},{"f":"Padauk","c":"Sans Serif"},{"f":"Aref Ruqaa","c":"Serif"},{"f":"Gowun Dodum","c":"Sans Serif"},{"f":"Playpen Sans","c":"Handwriting"},{"f":"Tilt Neon","c":"Display"},{"f":"Poetsen One","c":"Display"},{"f":"Yesteryear","c":"Handwriting"},{"f":"Koulen","c":"Display"},{"f":"IM Fell English SC","c":"Serif"},{"f":"Yuji Syuku","c":"Serif"},{"f":"Fuzzy Bubbles","c":"Handwriting"},{"f":"Amiko","c":"Sans Serif"},{"f":"Supermercado One","c":"Display"},{"f":"Meow Script","c":"Handwriting"},{"f":"Gaegu","c":"Handwriting"},{"f":"Rubik Dirt","c":"Display"},{"f":"Anybody","c":"Display"},{"f":"Vujahday Script","c":"Handwriting"},{"f":"Rouge Script","c":"Handwriting"},{"f":"Bungee Shade","c":"Display"},{"f":"Irish Grover","c":"Display"},{"f":"TikTok Sans","c":"Sans Serif"},{"f":"Hanuman","c":"Serif"},{"f":"Kadwa","c":"Serif"},{"f":"Hurricane","c":"Handwriting"},{"f":"Bayon","c":"Sans Serif"},{"f":"Flow Circular","c":"Display"},{"f":"MedievalSharp","c":"Display"},{"f":"Mansalva","c":"Handwriting"},{"f":"Magra","c":"Sans Serif"},{"f":"Mountains of Christmas","c":"Display"},{"f":"Kaisei Opti","c":"Serif"},{"f":"Hedvig Letters Serif","c":"Serif"},{"f":"Battambang","c":"Display"},{"f":"Noto Sans Armenian","c":"Sans Serif"},{"f":"Bubblegum Sans","c":"Display"},{"f":"Monomaniac One","c":"Sans Serif"},{"f":"Manjari","c":"Sans Serif"},{"f":"Nova Mono","c":"Monospace"},{"f":"Red Rose","c":"Display"},{"f":"Jockey One","c":"Sans Serif"},{"f":"Bokor","c":"Display"},{"f":"Mouse Memoirs","c":"Sans Serif"},{"f":"B612","c":"Sans Serif"},{"f":"Corinthia","c":"Handwriting"},{"f":"Boldonse","c":"Display"},{"f":"Metamorphous","c":"Display"},{"f":"Slackey","c":"Display"},{"f":"Farro","c":"Sans Serif"},{"f":"Hahmlet","c":"Serif"},{"f":"Bungee Inline","c":"Display"},{"f":"Croissant One","c":"Display"},{"f":"Baloo Tamma 2","c":"Display"},{"f":"Asul","c":"Serif"},{"f":"Tiro Devanagari Sanskrit","c":"Serif"},{"f":"Syne Mono","c":"Monospace"},{"f":"Akatab","c":"Sans Serif"},{"f":"Bilbo Swash Caps","c":"Handwriting"},{"f":"Baloo Chettan 2","c":"Display"},{"f":"Gabriela","c":"Serif"},{"f":"Copse","c":"Serif"},{"f":"Noto Sans Thai Looped","c":"Sans Serif"},{"f":"Gamja Flower","c":"Handwriting"},{"f":"Rochester","c":"Handwriting"},{"f":"Zen Kurenaido","c":"Sans Serif"},{"f":"Major Mono Display","c":"Monospace"},{"f":"Platypi","c":"Serif"},{"f":"Vollkorn SC","c":"Serif"},{"f":"Carrois Gothic","c":"Sans Serif"},{"f":"Noto Sans Ol Chiki","c":"Sans Serif"},{"f":"Scada","c":"Sans Serif"},{"f":"Encode Sans Semi Condensed","c":"Sans Serif"},{"f":"Xanh Mono","c":"Monospace"},{"f":"Rambla","c":"Sans Serif"},{"f":"Germania One","c":"Display"},{"f":"Vesper Libre","c":"Serif"},{"f":"Mr De Haviland","c":"Handwriting"},{"f":"Della Respira","c":"Serif"},{"f":"KoHo","c":"Sans Serif"},{"f":"Martian Mono","c":"Monospace"},{"f":"Playpen Sans Hebrew","c":"Handwriting"},{"f":"Average","c":"Serif"},{"f":"Qwigley","c":"Handwriting"},{"f":"Zen Antique Soft","c":"Serif"},{"f":"Baloo Bhaijaan 2","c":"Display"},{"f":"Contrail One","c":"Display"},{"f":"Asar","c":"Serif"},{"f":"Birthstone","c":"Handwriting"},{"f":"Marmelad","c":"Sans Serif"},{"f":"Rasa","c":"Serif"},{"f":"Finger Paint","c":"Display"},{"f":"Mirza","c":"Serif"},{"f":"Slabo 13px","c":"Serif"},{"f":"Aguafina Script","c":"Handwriting"},{"f":"Nova Square","c":"Display"},{"f":"Cambay","c":"Sans Serif"},{"f":"Doppio One","c":"Sans Serif"},{"f":"Alike","c":"Serif"},{"f":"Voltaire","c":"Sans Serif"},{"f":"Vibur","c":"Handwriting"},{"f":"Kodchasan","c":"Sans Serif"},{"f":"Baloo Bhai 2","c":"Display"},{"f":"Coustard","c":"Serif"},{"f":"Ruslan Display","c":"Display"},{"f":"SUSE","c":"Sans Serif"},{"f":"Kurale","c":"Serif"},{"f":"Viaoda Libre","c":"Display"},{"f":"Quando","c":"Serif"},{"f":"Jaldi","c":"Sans Serif"},{"f":"Walter Turncoat","c":"Handwriting"},{"f":"Give You Glory","c":"Handwriting"},{"f":"Mohave","c":"Sans Serif"},{"f":"Trocchi","c":"Serif"},{"f":"IM Fell DW Pica","c":"Serif"},{"f":"Tiro Devanagari Marathi","c":"Serif"},{"f":"Inknut Antiqua","c":"Serif"},{"f":"Gurajada","c":"Sans Serif"},{"f":"Gotu","c":"Sans Serif"},{"f":"Piazzolla","c":"Serif"},{"f":"B612 Mono","c":"Monospace"},{"f":"Inclusive Sans","c":"Sans Serif"},{"f":"Spectral SC","c":"Serif"},{"f":"Fontdiner Swanky","c":"Display"},{"f":"Vast Shadow","c":"Serif"},{"f":"Galada","c":"Display"},{"f":"Coiny","c":"Display"},{"f":"Sue Ellen Francisco","c":"Handwriting"},{"f":"Encode Sans Semi Expanded","c":"Sans Serif"},{"f":"Libre Barcode 39 Extended Text","c":"Display"},{"f":"Bungee Spice","c":"Display"},{"f":"Zalando Sans","c":"Sans Serif"},{"f":"Mukta Mahee","c":"Sans Serif"},{"f":"Zalando Sans SemiExpanded","c":"Sans Serif"},{"f":"Mallanna","c":"Sans Serif"},{"f":"Cambo","c":"Serif"},{"f":"Mukta Vaani","c":"Sans Serif"},{"f":"Sansita Swashed","c":"Display"},{"f":"Averia Sans Libre","c":"Display"},{"f":"Fauna One","c":"Serif"},{"f":"Comic Relief","c":"Display"},{"f":"Rubik Doodle Shadow","c":"Display"},{"f":"Noto Serif Khojki","c":"Serif"},{"f":"Sail","c":"Display"},{"f":"Harmattan","c":"Sans Serif"},{"f":"Buenard","c":"Serif"},{"f":"Agdasima","c":"Sans Serif"},{"f":"Molengo","c":"Sans Serif"},{"f":"Fanwood Text","c":"Serif"},{"f":"Tenali Ramakrishna","c":"Sans Serif"},{"f":"Arima","c":"Display"},{"f":"Euphoria Script","c":"Handwriting"},{"f":"Expletus Sans","c":"Display"},{"f":"Noto Serif Thai","c":"Serif"},{"f":"Julee","c":"Handwriting"},{"f":"Sunflower","c":"Sans Serif"},{"f":"Allan","c":"Display"},{"f":"Oleo Script Swash Caps","c":"Display"},{"f":"Frijole","c":"Display"},{"f":"Shantell Sans","c":"Display"},{"f":"Cutive","c":"Serif"},{"f":"Phudu","c":"Display"},{"f":"Rubik Glitch","c":"Display"},{"f":"Asta Sans","c":"Sans Serif"},{"f":"League Script","c":"Handwriting"},{"f":"Poly","c":"Serif"},{"f":"Amarante","c":"Display"},{"f":"Teachers","c":"Sans Serif"},{"f":"Square Peg","c":"Handwriting"},{"f":"Jomhuria","c":"Display"},{"f":"Montez","c":"Handwriting"},{"f":"Prosto One","c":"Display"},{"f":"Denk One","c":"Sans Serif"},{"f":"Annapurna SIL","c":"Serif"},{"f":"McLaren","c":"Display"},{"f":"MonteCarlo","c":"Handwriting"},{"f":"Pompiere","c":"Display"},{"f":"Redressed","c":"Handwriting"},{"f":"Zain","c":"Sans Serif"},{"f":"Hi Melody","c":"Handwriting"},{"f":"Brawler","c":"Serif"},{"f":"Capriola","c":"Sans Serif"},{"f":"Thasadith","c":"Sans Serif"},{"f":"Ysabeau Office","c":"Sans Serif"},{"f":"Reggae One","c":"Display"},{"f":"Shippori Antique","c":"Sans Serif"},{"f":"Grape Nuts","c":"Handwriting"},{"f":"Happy Monkey","c":"Display"},{"f":"Playpen Sans Deva","c":"Handwriting"},{"f":"Shojumaru","c":"Display"},{"f":"Patrick Hand SC","c":"Handwriting"},{"f":"Nata Sans","c":"Sans Serif"},{"f":"Road Rage","c":"Display"},{"f":"Dokdo","c":"Display"},{"f":"Metal Mania","c":"Display"},{"f":"Waterfall","c":"Handwriting"},{"f":"Licorice","c":"Handwriting"},{"f":"Henny Penny","c":"Display"},{"f":"Noto Sans Lao","c":"Sans Serif"},{"f":"Stick No Bills","c":"Sans Serif"},{"f":"Unkempt","c":"Display"},{"f":"Orelega One","c":"Display"},{"f":"The Girl Next Door","c":"Handwriting"},{"f":"Artifika","c":"Serif"},{"f":"Kalnia","c":"Serif"},{"f":"Kufam","c":"Sans Serif"},{"f":"Anek Malayalam","c":"Sans Serif"},{"f":"IM Fell Double Pica","c":"Serif"},{"f":"Delicious Handrawn","c":"Handwriting"},{"f":"Crafty Girls","c":"Handwriting"},{"f":"Numans","c":"Sans Serif"},{"f":"Kaisei Tokumin","c":"Serif"},{"f":"Bigshot One","c":"Display"},{"f":"Noto Sans Symbols 2","c":"Sans Serif"},{"f":"Moon Dance","c":"Handwriting"},{"f":"Kablammo","c":"Display"},{"f":"Charmonman","c":"Handwriting"},{"f":"Kelly Slab","c":"Display"},{"f":"Amiri Quran","c":"Serif"},{"f":"Sunshiney","c":"Handwriting"},{"f":"Cherry Cream Soda","c":"Display"},{"f":"Bitcount Grid Double","c":"Display"},{"f":"Voces","c":"Sans Serif"},{"f":"Codystar","c":"Display"},{"f":"Meie Script","c":"Handwriting"},{"f":"STIX Two Math","c":"Serif"},{"f":"Nokora","c":"Sans Serif"},{"f":"Inder","c":"Sans Serif"},{"f":"Moul","c":"Display"},{"f":"Fresca","c":"Sans Serif"},{"f":"Prociono","c":"Serif"},{"f":"Lily Script One","c":"Display"},{"f":"Federo","c":"Sans Serif"},{"f":"Kranky","c":"Display"},{"f":"Bakbak One","c":"Display"},{"f":"Oregano","c":"Display"},{"f":"Aladin","c":"Display"},{"f":"Just Me Again Down Here","c":"Handwriting"},{"f":"Carattere","c":"Handwriting"},{"f":"Rubik Bubbles","c":"Display"},{"f":"Redacted","c":"Display"},{"f":"Bona Nova","c":"Serif"},{"f":"Aoboshi One","c":"Serif"},{"f":"New Rocker","c":"Display"},{"f":"Train One","c":"Display"},{"f":"Poor Story","c":"Display"},{"f":"Madimi One","c":"Sans Serif"},{"f":"Puritan","c":"Sans Serif"},{"f":"Wendy One","c":"Sans Serif"},{"f":"IBM Plex Sans Devanagari","c":"Sans Serif"},{"f":"Balthazar","c":"Serif"},{"f":"Asset","c":"Display"},{"f":"Freehand","c":"Display"},{"f":"Playpen Sans Arabic","c":"Handwriting"},{"f":"Gluten","c":"Display"},{"f":"Modak","c":"Display"},{"f":"Salsa","c":"Display"},{"f":"Anta","c":"Sans Serif"},{"f":"Iceberg","c":"Display"},{"f":"Gulzar","c":"Serif"},{"f":"Port Lligat Sans","c":"Sans Serif"},{"f":"Zhi Mang Xing","c":"Handwriting"},{"f":"Grenze","c":"Serif"},{"f":"Atma","c":"Display"},{"f":"Arya","c":"Sans Serif"},{"f":"Esteban","c":"Serif"},{"f":"Wire One","c":"Sans Serif"},{"f":"East Sea Dokdo","c":"Handwriting"},{"f":"Holtwood One SC","c":"Serif"},{"f":"Beiruti","c":"Sans Serif"},{"f":"Goblin One","c":"Display"},{"f":"Dynalight","c":"Display"},{"f":"Hubot Sans","c":"Sans Serif"},{"f":"Bonheur Royale","c":"Handwriting"},{"f":"Cherry Swash","c":"Display"},{"f":"Solway","c":"Serif"},{"f":"Yomogi","c":"Handwriting"},{"f":"Protest Riot","c":"Display"},{"f":"Mako","c":"Sans Serif"},{"f":"M PLUS 1 Code","c":"Monospace"},{"f":"Nosifer","c":"Display"},{"f":"Nova Round","c":"Display"},{"f":"Whisper","c":"Handwriting"},{"f":"Loved by the King","c":"Handwriting"},{"f":"Imprima","c":"Sans Serif"},{"f":"Nerko One","c":"Handwriting"},{"f":"Swanky and Moo Moo","c":"Handwriting"},{"f":"Stick","c":"Sans Serif"},{"f":"BIZ UDMincho","c":"Serif"},{"f":"Mochiy Pop P One","c":"Sans Serif"},{"f":"Reddit Mono","c":"Monospace"},{"f":"Alan Sans","c":"Sans Serif"},{"f":"Elsie","c":"Display"},{"f":"IBM Plex Sans Thai Looped","c":"Sans Serif"},{"f":"WindSong","c":"Handwriting"},{"f":"Doto","c":"Sans Serif"},{"f":"Ribeye","c":"Display"},{"f":"Sarpanch","c":"Sans Serif"},{"f":"Monofett","c":"Monospace"},{"f":"Suranna","c":"Serif"},{"f":"Alike Angular","c":"Serif"},{"f":"Odibee Sans","c":"Display"},{"f":"Sansation","c":"Sans Serif"},{"f":"NTR","c":"Sans Serif"},{"f":"Shanti","c":"Sans Serif"},{"f":"Clicker Script","c":"Handwriting"},{"f":"Atomic Age","c":"Display"},{"f":"Ledger","c":"Serif"},{"f":"Bellota","c":"Display"},{"f":"Sancreek","c":"Display"},{"f":"Sedgwick Ave","c":"Handwriting"},{"f":"Bagel Fat One","c":"Display"},{"f":"Protest Strike","c":"Display"},{"f":"Trade Winds","c":"Display"},{"f":"Maiden Orange","c":"Serif"},{"f":"Modern Antiqua","c":"Display"},{"f":"Mina","c":"Sans Serif"},{"f":"IM Fell DW Pica SC","c":"Serif"},{"f":"Crushed","c":"Display"},{"f":"The Nautigal","c":"Handwriting"},{"f":"Baloo Paaji 2","c":"Display"},{"f":"Abyssinica SIL","c":"Serif"},{"f":"Parastoo","c":"Serif"},{"f":"IM Fell French Canon","c":"Serif"},{"f":"Freeman","c":"Display"},{"f":"Tiny5","c":"Sans Serif"},{"f":"Fascinate Inline","c":"Display"},{"f":"Aref Ruqaa Ink","c":"Serif"},{"f":"Peralta","c":"Serif"},{"f":"IM Fell Great Primer","c":"Serif"},{"f":"Anaheim","c":"Sans Serif"},{"f":"Jaro","c":"Sans Serif"},{"f":"Yeon Sung","c":"Display"},{"f":"Truculenta","c":"Sans Serif"},{"f":"Edu SA Beginner","c":"Handwriting"},{"f":"Noto Serif Tamil","c":"Serif"},{"f":"Cute Font","c":"Display"},{"f":"Qahiri","c":"Sans Serif"},{"f":"Sour Gummy","c":"Sans Serif"},{"f":"Griffy","c":"Display"},{"f":"IM Fell Double Pica SC","c":"Serif"},{"f":"Alkatra","c":"Display"},{"f":"Tai Heritage Pro","c":"Serif"},{"f":"Science Gothic","c":"Sans Serif"},{"f":"Rosarivo","c":"Serif"},{"f":"Noto Serif HK","c":"Serif"},{"f":"Iceland","c":"Display"},{"f":"Sumana","c":"Serif"},{"f":"UnifrakturCook","c":"Display"},{"f":"Mozilla Text","c":"Sans Serif"},{"f":"Poltawski Nowy","c":"Serif"},{"f":"Birthstone Bounce","c":"Handwriting"},{"f":"Orienta","c":"Sans Serif"},{"f":"Sulphur Point","c":"Sans Serif"},{"f":"Luxurious Script","c":"Handwriting"},{"f":"Chicle","c":"Display"},{"f":"Nova Flat","c":"Display"},{"f":"Life Savers","c":"Display"},{"f":"Spicy Rice","c":"Display"},{"f":"Gasoek One","c":"Sans Serif"},{"f":"Long Cang","c":"Handwriting"},{"f":"Song Myung","c":"Serif"},{"f":"Amethysta","c":"Serif"},{"f":"Liter","c":"Sans Serif"},{"f":"Baloo Tammudu 2","c":"Display"},{"f":"Mooli","c":"Sans Serif"},{"f":"Manuale","c":"Serif"},{"f":"Galindo","c":"Display"},{"f":"Diplomata","c":"Display"},{"f":"Scope One","c":"Serif"},{"f":"Smythe","c":"Display"},{"f":"Trispace","c":"Sans Serif"},{"f":"Gayathri","c":"Sans Serif"},{"f":"Cairo Play","c":"Sans Serif"},{"f":"Noto Sans Ethiopic","c":"Sans Serif"},{"f":"Nova Oval","c":"Display"},{"f":"Kavoon","c":"Display"},{"f":"Alyamama","c":"Serif"},{"f":"Genos","c":"Sans Serif"},{"f":"Lemon","c":"Display"},{"f":"Lexend Mega","c":"Sans Serif"},{"f":"Ysabeau SC","c":"Sans Serif"},{"f":"Fasthand","c":"Display"},{"f":"Gugi","c":"Display"},{"f":"Karantina","c":"Display"},{"f":"Nova Slim","c":"Display"},{"f":"Baumans","c":"Display"},{"f":"New Tegomin","c":"Serif"},{"f":"Montaga","c":"Serif"},{"f":"Bitcount Single","c":"Display"},{"f":"Comme","c":"Sans Serif"},{"f":"Habibi","c":"Serif"},{"f":"Anek Tamil","c":"Sans Serif"},{"f":"Overlock SC","c":"Display"},{"f":"Gemunu Libre","c":"Sans Serif"},{"f":"Mynerve","c":"Handwriting"},{"f":"Fuggles","c":"Handwriting"},{"f":"IM Fell Great Primer SC","c":"Serif"},{"f":"Gentium Book Plus","c":"Serif"},{"f":"Kenia","c":"Display"},{"f":"Chau Philomene One","c":"Sans Serif"},{"f":"Victor Mono","c":"Monospace"},{"f":"Ranchers","c":"Display"},{"f":"Lavishly Yours","c":"Handwriting"},{"f":"Carme","c":"Sans Serif"},{"f":"Raleway Dots","c":"Display"},{"f":"Duru Sans","c":"Sans Serif"},{"f":"LXGW WenKai TC","c":"Handwriting"},{"f":"Kode Mono","c":"Monospace"},{"f":"Miltonian","c":"Display"},{"f":"Kaisei HarunoUmi","c":"Serif"},{"f":"Kulim Park","c":"Sans Serif"},{"f":"Edu TAS Beginner","c":"Handwriting"},{"f":"Imbue","c":"Serif"},{"f":"Eagle Lake","c":"Handwriting"},{"f":"Akronim","c":"Display"},{"f":"Varta","c":"Sans Serif"},{"f":"Tauri","c":"Sans Serif"},{"f":"Sevillana","c":"Display"},{"f":"Gafata","c":"Sans Serif"},{"f":"IM Fell French Canon SC","c":"Serif"},{"f":"Stack Sans Text","c":"Sans Serif"},{"f":"Libre Barcode 128 Text","c":"Display"},{"f":"Noto Sans Mende Kikakui","c":"Sans Serif"},{"f":"Miniver","c":"Display"},{"f":"Kdam Thmor Pro","c":"Sans Serif"},{"f":"Astloch","c":"Display"},{"f":"Baskervville SC","c":"Serif"},{"f":"Baloo Bhaina 2","c":"Display"},{"f":"Mozilla Headline","c":"Sans Serif"},{"f":"Medula One","c":"Display"},{"f":"Caesar Dressing","c":"Display"},{"f":"Noto Serif Malayalam","c":"Serif"},{"f":"Sigmar","c":"Display"},{"f":"Noto Sans Tai Viet","c":"Sans Serif"},{"f":"Jersey 10","c":"Display"},{"f":"Miltonian Tattoo","c":"Display"},{"f":"Badeen Display","c":"Display"},{"f":"Nova Cut","c":"Display"},{"f":"Khmer","c":"Sans Serif"},{"f":"Emilys Candy","c":"Display"},{"f":"BhuTuka Expanded One","c":"Serif"},{"f":"Notable","c":"Sans Serif"},{"f":"Ruthie","c":"Handwriting"},{"f":"Headland One","c":"Serif"},{"f":"Homenaje","c":"Sans Serif"},{"f":"Kavivanar","c":"Handwriting"},{"f":"Pavanam","c":"Sans Serif"},{"f":"Cantora One","c":"Sans Serif"},{"f":"Fascinate","c":"Display"},{"f":"Jolly Lodger","c":"Display"},{"f":"Fenix","c":"Serif"},{"f":"Stylish","c":"Sans Serif"},{"f":"Londrina Outline","c":"Display"},{"f":"Short Stack","c":"Handwriting"},{"f":"Hibur Mono","c":"Monospace"},{"f":"Yuji Boku","c":"Serif"},{"f":"Ceviche One","c":"Display"},{"f":"Freckle Face","c":"Display"},{"f":"Nova Script","c":"Display"},{"f":"Cactus Classical Serif","c":"Serif"},{"f":"Hedvig Letters Sans","c":"Sans Serif"},{"f":"Faculty Glyphic","c":"Sans Serif"},{"f":"Timmana","c":"Sans Serif"},{"f":"Convergence","c":"Sans Serif"},{"f":"Belgrano","c":"Serif"},{"f":"TASA Orbiter","c":"Sans Serif"},{"f":"Rationale","c":"Sans Serif"},{"f":"Comforter","c":"Handwriting"},{"f":"Delius Swash Caps","c":"Handwriting"},{"f":"Macondo Swash Caps","c":"Display"},{"f":"Ysabeau","c":"Sans Serif"},{"f":"Akaya Kanadaka","c":"Display"},{"f":"Jomolhari","c":"Serif"},{"f":"Anek Gujarati","c":"Sans Serif"},{"f":"Solitreo","c":"Handwriting"},{"f":"Tourney","c":"Display"},{"f":"Beau Rivage","c":"Handwriting"},{"f":"Island Moments","c":"Handwriting"},{"f":"Imperial Script","c":"Handwriting"},{"f":"Erica One","c":"Display"},{"f":"Liu Jian Mao Cao","c":"Handwriting"},{"f":"Devonshire","c":"Handwriting"},{"f":"Vampiro One","c":"Display"},{"f":"Smooch","c":"Handwriting"},{"f":"Handjet","c":"Display"},{"f":"Odor Mean Chey","c":"Serif"},{"f":"Barrio","c":"Display"},{"f":"Ballet","c":"Handwriting"},{"f":"Geomini","c":"Sans Serif"},{"f":"Underdog","c":"Display"},{"f":"Dangrek","c":"Display"},{"f":"Joan","c":"Serif"},{"f":"WDXL Lubrifont JP N","c":"Sans Serif"},{"f":"Zilla Slab Highlight","c":"Serif"},{"f":"Katibeh","c":"Display"},{"f":"Margarine","c":"Display"},{"f":"Srisakdi","c":"Display"},{"f":"Noto Music","c":"Sans Serif"},{"f":"Lugrasimo","c":"Handwriting"},{"f":"Suwannaphum","c":"Serif"},{"f":"Alkalami","c":"Serif"},{"f":"Stack Sans Headline","c":"Sans Serif"},{"f":"Engagement","c":"Handwriting"},{"f":"Zen Tokyo Zoo","c":"Display"},{"f":"Mystery Quest","c":"Display"},{"f":"Rum Raisin","c":"Sans Serif"},{"f":"Stoke","c":"Serif"},{"f":"Akaya Telivigala","c":"Display"},{"f":"Kapakana","c":"Handwriting"},{"f":"Rubik Scribble","c":"Display"},{"f":"Braah One","c":"Sans Serif"},{"f":"Sree Krushnadevaraya","c":"Serif"},{"f":"Borel","c":"Handwriting"},{"f":"Playwrite NO","c":"Handwriting"},{"f":"Gupter","c":"Serif"},{"f":"Mate SC","c":"Serif"},{"f":"Edu NSW ACT Cursive","c":"Handwriting"},{"f":"Strait","c":"Sans Serif"},{"f":"Noto Sans Math","c":"Sans Serif"},{"f":"Jersey 15","c":"Display"},{"f":"Sura","c":"Serif"},{"f":"Shippori Antique B1","c":"Sans Serif"},{"f":"Anek Kannada","c":"Sans Serif"},{"f":"Single Day","c":"Display"},{"f":"Tac One","c":"Sans Serif"},{"f":"Stalemate","c":"Handwriting"},{"f":"Mea Culpa","c":"Handwriting"},{"f":"Noto Sans Linear A","c":"Sans Serif"},{"f":"Flamenco","c":"Display"},{"f":"Paprika","c":"Display"},{"f":"Bilbo","c":"Handwriting"},{"f":"Passions Conflict","c":"Handwriting"},{"f":"Noto Serif Telugu","c":"Serif"},{"f":"Seymour One","c":"Sans Serif"},{"f":"Marhey","c":"Display"},{"f":"Sono","c":"Sans Serif"},{"f":"Gorditas","c":"Display"},{"f":"Averia Gruesa Libre","c":"Display"},{"f":"Carrois Gothic SC","c":"Sans Serif"},{"f":"Playwrite US Trad","c":"Handwriting"},{"f":"Tillana","c":"Display"},{"f":"Noto Sans Buhid","c":"Sans Serif"},{"f":"Winky Sans","c":"Sans Serif"},{"f":"Cagliostro","c":"Sans Serif"},{"f":"Noto Serif Kannada","c":"Serif"},{"f":"Chocolate Classical Sans","c":"Sans Serif"},{"f":"Bruno Ace","c":"Display"},{"f":"Noto Sans Thaana","c":"Sans Serif"},{"f":"Playwrite CU","c":"Handwriting"},{"f":"Sonsie One","c":"Display"},{"f":"Manufacturing Consent","c":"Display"},{"f":"Moderustic","c":"Sans Serif"},{"f":"Bodoni Moda SC","c":"Serif"},{"f":"Englebert","c":"Sans Serif"},{"f":"Lovers Quarrel","c":"Handwriting"},{"f":"Chathura","c":"Sans Serif"},{"f":"Akt","c":"Sans Serif"},{"f":"Montserrat Underline","c":"Sans Serif"},{"f":"Ramaraja","c":"Serif"},{"f":"Stint Ultra Condensed","c":"Serif"},{"f":"Nabla","c":"Display"},{"f":"Castoro Titling","c":"Display"},{"f":"Benne","c":"Serif"},{"f":"Noto Sans Tagalog","c":"Sans Serif"},{"f":"Risque","c":"Display"},{"f":"Dorsa","c":"Sans Serif"},{"f":"Gentium Plus","c":"Serif"},{"f":"Geom","c":"Sans Serif"},{"f":"Junge","c":"Serif"},{"f":"Foldit","c":"Display"},{"f":"Ravi Prakash","c":"Display"},{"f":"Caramel","c":"Handwriting"},{"f":"National Park","c":"Sans Serif"},{"f":"Playwrite DE Grund","c":"Handwriting"},{"f":"Spirax","c":"Display"},{"f":"Shalimar","c":"Handwriting"},{"f":"Port Lligat Slab","c":"Serif"},{"f":"Climate Crisis","c":"Display"},{"f":"Sahitya","c":"Serif"},{"f":"Content","c":"Display"},{"f":"Text Me One","c":"Sans Serif"},{"f":"Playwrite ID","c":"Handwriting"},{"f":"Girassol","c":"Display"},{"f":"Unlock","c":"Display"},{"f":"Playwrite IS","c":"Handwriting"},{"f":"Water Brush","c":"Handwriting"},{"f":"Encode Sans SC","c":"Sans Serif"},{"f":"Huninn","c":"Sans Serif"},{"f":"Stint Ultra Expanded","c":"Serif"},{"f":"Alumni Sans Pinstripe","c":"Sans Serif"},{"f":"Keania One","c":"Display"},{"f":"Bruno Ace SC","c":"Display"},{"f":"Sassy Frass","c":"Handwriting"},{"f":"Texturina","c":"Serif"},{"f":"Chilanka","c":"Handwriting"},{"f":"Wittgenstein","c":"Serif"},{"f":"Playwrite IN","c":"Handwriting"},{"f":"Elms Sans","c":"Sans Serif"},{"f":"Galdeano","c":"Sans Serif"},{"f":"Mogra","c":"Display"},{"f":"Festive","c":"Handwriting"},{"f":"Yaldevi","c":"Sans Serif"},{"f":"Momo Trust Display","c":"Sans Serif"},{"f":"Siemreap","c":"Sans Serif"},{"f":"Simonetta","c":"Display"},{"f":"Condiment","c":"Handwriting"},{"f":"Monomakh","c":"Display"},{"f":"Ysabeau Infant","c":"Sans Serif"},{"f":"Kotta One","c":"Serif"},{"f":"Glass Antiqua","c":"Display"},{"f":"Send Flowers","c":"Handwriting"},{"f":"Farsan","c":"Display"},{"f":"Piedra","c":"Display"},{"f":"Comforter Brush","c":"Handwriting"},{"f":"Rubik Moonrocks","c":"Display"},{"f":"Linden Hill","c":"Serif"},{"f":"Almendra SC","c":"Serif"},{"f":"Arbutus","c":"Serif"},{"f":"My Soul","c":"Handwriting"},{"f":"Buda","c":"Display"},{"f":"Offside","c":"Display"},{"f":"Mrs Sheppards","c":"Handwriting"},{"f":"Darumadrop One","c":"Display"},{"f":"Jacques Francois","c":"Serif"},{"f":"Dekko","c":"Handwriting"},{"f":"Geist Pixel","c":"Display"},{"f":"Libre Barcode EAN13 Text","c":"Display"},{"f":"Autour One","c":"Display"},{"f":"Chiron Sung HK","c":"Serif"},{"f":"Inika","c":"Serif"},{"f":"Gwendolyn","c":"Handwriting"},{"f":"Noto Serif Ahom","c":"Serif"},{"f":"Rubik Wet Paint","c":"Display"},{"f":"SN Pro","c":"Sans Serif"},{"f":"Reem Kufi Fun","c":"Sans Serif"},{"f":"Koh Santepheap","c":"Serif"},{"f":"Jim Nightshade","c":"Handwriting"},{"f":"Tilt Prism","c":"Display"},{"f":"Wellfleet","c":"Serif"},{"f":"Tiro Gurmukhi","c":"Serif"},{"f":"Inspiration","c":"Handwriting"},{"f":"Geostar Fill","c":"Display"},{"f":"Cascadia Code","c":"Sans Serif"},{"f":"Momo Signature","c":"Sans Serif"},{"f":"Story Script","c":"Sans Serif"},{"f":"Romanesco","c":"Handwriting"},{"f":"Kite One","c":"Sans Serif"},{"f":"Noto Sans Sora Sompeng","c":"Sans Serif"},{"f":"Ewert","c":"Display"},{"f":"GFS Neohellenic","c":"Sans Serif"},{"f":"Sixtyfour","c":"Monospace"},{"f":"Plaster","c":"Display"},{"f":"Noto Serif Lao","c":"Serif"},{"f":"Momo Trust Sans","c":"Sans Serif"},{"f":"Lexend Tera","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Canadian Aboriginal","c":"Sans Serif"},{"f":"Jacques Francois Shadow","c":"Display"},{"f":"BBH Bartle","c":"Sans Serif"},{"f":"Sirin Stencil","c":"Display"},{"f":"Smokum","c":"Display"},{"f":"Milonga","c":"Display"},{"f":"Emblema One","c":"Display"},{"f":"Jacquard 12","c":"Display"},{"f":"Bungee Hairline","c":"Display"},{"f":"Anek Odia","c":"Sans Serif"},{"f":"Fruktur","c":"Display"},{"f":"Libertinus Sans","c":"Sans Serif"},{"f":"Donegal One","c":"Serif"},{"f":"Londrina Shadow","c":"Display"},{"f":"Orbit","c":"Sans Serif"},{"f":"Trykker","c":"Serif"},{"f":"Vend Sans","c":"Sans Serif"},{"f":"Anek Gurmukhi","c":"Sans Serif"},{"f":"Miss Fajardose","c":"Handwriting"},{"f":"Intel One Mono","c":"Monospace"},{"f":"Libre Barcode 39 Extended","c":"Display"},{"f":"Noto Sans Samaritan","c":"Sans Serif"},{"f":"Noto Sans Gothic","c":"Sans Serif"},{"f":"Ruluko","c":"Sans Serif"},{"f":"Sofadi One","c":"Display"},{"f":"Praise","c":"Handwriting"},{"f":"Marko One","c":"Serif"},{"f":"Ranga","c":"Display"},{"f":"Meera Inimai","c":"Sans Serif"},{"f":"Nuosu SIL","c":"Sans Serif"},{"f":"Oi","c":"Display"},{"f":"Kumar One","c":"Display"},{"f":"Lakki Reddy","c":"Handwriting"},{"f":"Babylonica","c":"Handwriting"},{"f":"Big Shoulders Stencil","c":"Display"},{"f":"Ancizar Serif","c":"Serif"},{"f":"Noto Sans Osmanya","c":"Sans Serif"},{"f":"Luxurious Roman","c":"Display"},{"f":"Dhurjati","c":"Sans Serif"},{"f":"Almendra Display","c":"Display"},{"f":"Bigelow Rules","c":"Display"},{"f":"Noto Serif Gujarati","c":"Serif"},{"f":"Dr Sugiyama","c":"Handwriting"},{"f":"Butcherman","c":"Display"},{"f":"Stalinist One","c":"Display"},{"f":"Playwrite US Modern","c":"Handwriting"},{"f":"Elsie Swash Caps","c":"Display"},{"f":"Joti One","c":"Display"},{"f":"Purple Purse","c":"Display"},{"f":"Neonderthaw","c":"Handwriting"},{"f":"Felipa","c":"Handwriting"},{"f":"Bungee Outline","c":"Display"},{"f":"Federant","c":"Display"},{"f":"Noto Sans Bhaiksuki","c":"Sans Serif"},{"f":"Noto Serif Khmer","c":"Serif"},{"f":"Noto Serif Armenian","c":"Serif"},{"f":"Bubbler One","c":"Sans Serif"},{"f":"Metal","c":"Display"},{"f":"Edu AU VIC WA NT Guides","c":"Handwriting"},{"f":"Rubik Distressed","c":"Display"},{"f":"Fleur De Leah","c":"Handwriting"},{"f":"Reem Kufi Ink","c":"Sans Serif"},{"f":"Bacasime Antique","c":"Serif"},{"f":"Atkinson Hyperlegible Mono","c":"Sans Serif"},{"f":"Grey Qo","c":"Handwriting"},{"f":"Alumni Sans SC","c":"Sans Serif"},{"f":"Diplomata SC","c":"Display"},{"f":"Matemasie","c":"Sans Serif"},{"f":"Hubballi","c":"Sans Serif"},{"f":"Updock","c":"Handwriting"},{"f":"Lunasima","c":"Sans Serif"},{"f":"Mr Bedfort","c":"Handwriting"},{"f":"Ribeye Marrow","c":"Display"},{"f":"Noto Serif Sinhala","c":"Serif"},{"f":"Princess Sofia","c":"Handwriting"},{"f":"Ojuju","c":"Sans Serif"},{"f":"Tiro Kannada","c":"Serif"},{"f":"Kirang Haerang","c":"Display"},{"f":"Alumni Sans Inline One","c":"Display"},{"f":"Uchen","c":"Serif"},{"f":"Revalia","c":"Display"},{"f":"Micro 5","c":"Display"},{"f":"Tulpen One","c":"Display"},{"f":"Playwrite VN Guides","c":"Handwriting"},{"f":"Jersey 20","c":"Display"},{"f":"New Amsterdam","c":"Sans Serif"},{"f":"Alumni Sans Collegiate One","c":"Sans Serif"},{"f":"Ancizar Sans","c":"Sans Serif"},{"f":"Londrina Sketch","c":"Display"},{"f":"Ubuntu Sans Mono","c":"Monospace"},{"f":"Sedan SC","c":"Serif"},{"f":"Gideon Roman","c":"Display"},{"f":"Passero One","c":"Display"},{"f":"Libertinus Serif","c":"Serif"},{"f":"Playwrite AU NSW","c":"Handwriting"},{"f":"BioRhyme Expanded","c":"Serif"},{"f":"Lancelot","c":"Display"},{"f":"Rhodium Libre","c":"Serif"},{"f":"Konkhmer Sleokchher","c":"Display"},{"f":"Arsenal SC","c":"Sans Serif"},{"f":"Sedan","c":"Serif"},{"f":"Epunda Sans","c":"Sans Serif"},{"f":"Chela One","c":"Display"},{"f":"Noto Sans Lao Looped","c":"Sans Serif"},{"f":"Love Light","c":"Handwriting"},{"f":"Pliant","c":"Sans Serif"},{"f":"Playwrite IE","c":"Handwriting"},{"f":"Ole","c":"Handwriting"},{"f":"Peddana","c":"Serif"},{"f":"Bahiana","c":"Display"},{"f":"Ponomar","c":"Display"},{"f":"TASA Explorer","c":"Sans Serif"},{"f":"Gidugu","c":"Sans Serif"},{"f":"Triodion","c":"Display"},{"f":"Playwrite GB S","c":"Handwriting"},{"f":"Playwrite AU SA","c":"Handwriting"},{"f":"Edu NSW ACT Foundation","c":"Handwriting"},{"f":"Noto Sans Anatolian Hieroglyphs","c":"Sans Serif"},{"f":"Diphylleia","c":"Serif"},{"f":"Chiron Hei HK","c":"Sans Serif"},{"f":"Rubik Gemstones","c":"Display"},{"f":"Tiro Telugu","c":"Serif"},{"f":"Winky Rough","c":"Sans Serif"},{"f":"Noto Sans Tangsa","c":"Sans Serif"},{"f":"Rubik Spray Paint","c":"Display"},{"f":"Edu VIC WA NT Beginner","c":"Handwriting"},{"f":"Rubik 80s Fade","c":"Display"},{"f":"Preahvihear","c":"Sans Serif"},{"f":"Tsukimi Rounded","c":"Sans Serif"},{"f":"Rubik Pixels","c":"Display"},{"f":"Iosevka Charon","c":"Monospace"},{"f":"Flavors","c":"Display"},{"f":"Hanalei Fill","c":"Display"},{"f":"Oldenburg","c":"Display"},{"f":"Bonbon","c":"Handwriting"},{"f":"Lumanosimo","c":"Handwriting"},{"f":"Rubik Iso","c":"Display"},{"f":"Yuyu Short","c":"Handwriting"},{"f":"Stack Sans Notch","c":"Sans Serif"},{"f":"Bitcount Prop Single","c":"Display"},{"f":"Snippet","c":"Sans Serif"},{"f":"Cascadia Mono","c":"Sans Serif"},{"f":"WDXL Lubrifont SC","c":"Sans Serif"},{"f":"Grechen Fuemen","c":"Handwriting"},{"f":"Agu Display","c":"Display"},{"f":"Libertinus Math","c":"Display"},{"f":"Bungee Tint","c":"Display"},{"f":"Shizuru","c":"Display"},{"f":"Noto Rashi Hebrew","c":"Serif"},{"f":"Zen Loop","c":"Display"},{"f":"Trochut","c":"Display"},{"f":"Ga Maamli","c":"Display"},{"f":"Cherish","c":"Handwriting"},{"f":"Molle","c":"Handwriting"},{"f":"Rubik Vinyl","c":"Display"},{"f":"Kumar One Outline","c":"Display"},{"f":"Noto Sans Javanese","c":"Sans Serif"},{"f":"Cossette Texte","c":"Sans Serif"},{"f":"Rubik Maze","c":"Display"},{"f":"Noto Sans Adlam","c":"Sans Serif"},{"f":"SUSE Mono","c":"Sans Serif"},{"f":"Cause","c":"Handwriting"},{"f":"Playwrite RO","c":"Handwriting"},{"f":"Kolker Brush","c":"Handwriting"},{"f":"Blaka","c":"Display"},{"f":"Montenegrin Gothic One","c":"Serif"},{"f":"Langar","c":"Display"},{"f":"Protest Guerrilla","c":"Display"},{"f":"Twinkle Star","c":"Handwriting"},{"f":"Bitcount Grid Single","c":"Display"},{"f":"Gidole","c":"Sans Serif"},{"f":"Sixtyfour Convergence","c":"Monospace"},{"f":"Rubik Puddles","c":"Display"},{"f":"Cossette Titre","c":"Sans Serif"},{"f":"Playwrite AU QLD","c":"Handwriting"},{"f":"Splash","c":"Handwriting"},{"f":"Tiro Tamil","c":"Serif"},{"f":"Chenla","c":"Display"},{"f":"Flow Rounded","c":"Display"},{"f":"Datatype","c":"Monospace"},{"f":"Playwrite CA","c":"Handwriting"},{"f":"Noto Sans Old Persian","c":"Sans Serif"},{"f":"Kings","c":"Handwriting"},{"f":"Amarna","c":"Sans Serif"},{"f":"Butterfly Kids","c":"Handwriting"},{"f":"Playwrite AT","c":"Handwriting"},{"f":"Estonia","c":"Handwriting"},{"f":"Explora","c":"Handwriting"},{"f":"Danfo","c":"Serif"},{"f":"Rubik Burned","c":"Display"},{"f":"Are You Serious","c":"Handwriting"},{"f":"Suravaram","c":"Serif"},{"f":"Noto Serif Vithkuqi","c":"Serif"},{"f":"Noto Sans Pahawh Hmong","c":"Sans Serif"},{"f":"Noto Serif Tibetan","c":"Serif"},{"f":"M PLUS U","c":"Sans Serif"},{"f":"Playwrite HR","c":"Handwriting"},{"f":"Tagesschrift","c":"Display"},{"f":"Jersey 10 Charted","c":"Display"},{"f":"Black And White Picture","c":"Display"},{"f":"Workbench","c":"Monospace"},{"f":"Combo","c":"Display"},{"f":"Tapestry","c":"Handwriting"},{"f":"Playwrite NZ Basic","c":"Handwriting"},{"f":"Jacquard 24","c":"Display"},{"f":"Rubik Beastly","c":"Display"},{"f":"Noto Sans Carian","c":"Sans Serif"},{"f":"LXGW WenKai Mono TC","c":"Monospace"},{"f":"Big Shoulders Inline","c":"Display"},{"f":"Libertinus Mono","c":"Monospace"},{"f":"Playwrite PL","c":"Handwriting"},{"f":"Yuyu","c":"Handwriting"},{"f":"Noto Serif Tangut","c":"Serif"},{"f":"Noto Serif Ethiopic","c":"Serif"},{"f":"Iansui","c":"Handwriting"},{"f":"Taprom","c":"Display"},{"f":"Moulpali","c":"Sans Serif"},{"f":"Rubik Doodle Triangles","c":"Display"},{"f":"Noto Sans Multani","c":"Sans Serif"},{"f":"Aubrey","c":"Display"},{"f":"Narnoor","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Dots","c":"Handwriting"},{"f":"Labrada","c":"Serif"},{"f":"Bahianita","c":"Display"},{"f":"Vibes","c":"Display"},{"f":"Geostar","c":"Display"},{"f":"Snowburst One","c":"Display"},{"f":"Noto Sans Kaithi","c":"Sans Serif"},{"f":"Noto Sans Batak","c":"Sans Serif"},{"f":"Noto Sans Runic","c":"Sans Serif"},{"f":"Petemoss","c":"Handwriting"},{"f":"Rubik Glitch Pop","c":"Display"},{"f":"Noto Sans Coptic","c":"Sans Serif"},{"f":"BBH Bogle","c":"Sans Serif"},{"f":"Noto Sans Hanunoo","c":"Sans Serif"},{"f":"Moo Lah Lah","c":"Display"},{"f":"Flow Block","c":"Display"},{"f":"Ruwudu","c":"Serif"},{"f":"Noto Serif Dogra","c":"Serif"},{"f":"Playwrite DK Loopet","c":"Handwriting"},{"f":"M PLUS Code Latin","c":"Sans Serif"},{"f":"Noto Sans Glagolitic","c":"Sans Serif"},{"f":"Redacted Script","c":"Display"},{"f":"Dai Banna SIL","c":"Serif"},{"f":"Lilex","c":"Monospace"},{"f":"Noto Sans Shavian","c":"Sans Serif"},{"f":"BJCree","c":"Serif"},{"f":"Sekuya","c":"Display"},{"f":"Noto Sans Cypro Minoan","c":"Sans Serif"},{"f":"WDXL Lubrifont TC","c":"Sans Serif"},{"f":"Wavefont","c":"Display"},{"f":"Kalnia Glaze","c":"Display"},{"f":"Palette Mosaic","c":"Display"},{"f":"Iosevka Charon Mono","c":"Monospace"},{"f":"Bitcount","c":"Display"},{"f":"Rock 3D","c":"Display"},{"f":"Noto Sans Cherokee","c":"Sans Serif"},{"f":"Noto Sans Hanifi Rohingya","c":"Sans Serif"},{"f":"Syne Tactile","c":"Display"},{"f":"Noto Sans Nag Mundari","c":"Sans Serif"},{"f":"Blaka Hollow","c":"Display"},{"f":"Asimovian","c":"Sans Serif"},{"f":"Playwrite NZ Guides","c":"Handwriting"},{"f":"Moirai One","c":"Display"},{"f":"Rubik Microbe","c":"Display"},{"f":"Ingrid Darling","c":"Handwriting"},{"f":"Rubik Marker Hatch","c":"Display"},{"f":"Ruge Boogie","c":"Handwriting"},{"f":"Noto Sans Yi","c":"Sans Serif"},{"f":"Karla Tamil Inclined","c":"Sans Serif"},{"f":"Grandiflora One","c":"Serif"},{"f":"Playwrite PE","c":"Handwriting"},{"f":"Noto Sans Nandinagari","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9","c":"Display"},{"f":"Noto Sans Syriac","c":"Sans Serif"},{"f":"Playwrite BE VLG","c":"Handwriting"},{"f":"Noto Sans Balinese","c":"Sans Serif"},{"f":"Noto Sans Mongolian","c":"Sans Serif"},{"f":"Noto Serif Toto","c":"Serif"},{"f":"Noto Sans Vithkuqi","c":"Sans Serif"},{"f":"Savate","c":"Sans Serif"},{"f":"Edu SA Hand","c":"Handwriting"},{"f":"Playwrite HU","c":"Handwriting"},{"f":"Gajraj One","c":"Display"},{"f":"BBH Hegarty","c":"Sans Serif"},{"f":"Puppies Play","c":"Handwriting"},{"f":"Epunda Slab","c":"Serif"},{"f":"Kedebideri","c":"Sans Serif"},{"f":"Hanalei","c":"Display"},{"f":"Chokokutai","c":"Display"},{"f":"Menbere","c":"Sans Serif"},{"f":"Saira Stencil","c":"Display"},{"f":"Namdhinggo","c":"Serif"},{"f":"Playwrite NL","c":"Handwriting"},{"f":"Noto Sans Marchen","c":"Sans Serif"},{"f":"Bpmf Zihi Kai Std","c":"Sans Serif"},{"f":"Gveret Levin","c":"Handwriting"},{"f":"Noto Serif Myanmar","c":"Serif"},{"f":"LXGW Marker Gothic","c":"Sans Serif"},{"f":"Hind Mysuru","c":"Sans Serif"},{"f":"Tirra","c":"Sans Serif"},{"f":"Edu QLD Beginner","c":"Handwriting"},{"f":"Noto Sans Sunuwar","c":"Sans Serif"},{"f":"Phetsarath","c":"Sans Serif"},{"f":"Noto Sans NKo","c":"Sans Serif"},{"f":"Edu AU VIC WA NT Pre","c":"Handwriting"},{"f":"UoqMunThenKhung","c":"Serif"},{"f":"Playwrite ZA","c":"Handwriting"},{"f":"Noto Serif Balinese","c":"Serif"},{"f":"Slackside One","c":"Handwriting"},{"f":"Noto Sans Brahmi","c":"Sans Serif"},{"f":"Sankofa Display","c":"Sans Serif"},{"f":"Noto Sans Old Permic","c":"Sans Serif"},{"f":"Noto Sans Duployan","c":"Sans Serif"},{"f":"Jaini","c":"Display"},{"f":"Noto Sans Takri","c":"Sans Serif"},{"f":"Playwrite IT Moderna","c":"Handwriting"},{"f":"Exile","c":"Display"},{"f":"Bytesized","c":"Sans Serif"},{"f":"Lisu Bosa","c":"Serif"},{"f":"Noto Sans Old Turkic","c":"Sans Serif"},{"f":"Noto Serif Yezidi","c":"Serif"},{"f":"Playwrite NZ","c":"Handwriting"},{"f":"Noto Traditional Nushu","c":"Sans Serif"},{"f":"Sirivennela","c":"Sans Serif"},{"f":"Miranda Sans","c":"Sans Serif"},{"f":"Bpmf Huninn","c":"Sans Serif"},{"f":"Playwrite MX Guides","c":"Handwriting"},{"f":"Playwrite DE SAS","c":"Handwriting"},{"f":"Noto Sans Old North Arabian","c":"Sans Serif"},{"f":"Rubik Broken Fax","c":"Display"},{"f":"Mingzat","c":"Sans Serif"},{"f":"Rubik Lines","c":"Display"},{"f":"Libertinus Serif Display","c":"Display"},{"f":"Noto Serif Oriya","c":"Serif"},{"f":"Edu NSW ACT Hand Pre","c":"Handwriting"},{"f":"Playwrite GB J","c":"Handwriting"},{"f":"Coral Pixels","c":"Display"},{"f":"Playwrite FR Moderne","c":"Handwriting"},{"f":"Noto Sans Indic Siyaq Numbers","c":"Sans Serif"},{"f":"Shafarik","c":"Display"},{"f":"Padyakke Expanded One","c":"Serif"},{"f":"Estedad","c":"Sans Serif"},{"f":"Noto Sans Old Italic","c":"Sans Serif"},{"f":"Maname","c":"Serif"},{"f":"Bitcount Prop Double Ink","c":"Display"},{"f":"Playwrite ES","c":"Handwriting"},{"f":"Tuffy","c":"Sans Serif"},{"f":"Noto Sans Adlam Unjoined","c":"Sans Serif"},{"f":"Noto Serif Makasar","c":"Serif"},{"f":"Bpmf Iansui","c":"Handwriting"},{"f":"Rubik Maps","c":"Display"},{"f":"Yuji Hentaigana Akari","c":"Handwriting"},{"f":"Noto Sans New Tai Lue","c":"Sans Serif"},{"f":"Playpen Sans Thai","c":"Handwriting"},{"f":"Noto Sans Bamum","c":"Sans Serif"},{"f":"Noto Znamenny Musical Notation","c":"Sans Serif"},{"f":"Noto Sans Medefaidrin","c":"Sans Serif"},{"f":"Noto Sans Egyptian Hieroglyphs","c":"Sans Serif"},{"f":"Kanchenjunga","c":"Sans Serif"},{"f":"Playwrite MX","c":"Handwriting"},{"f":"Matangi","c":"Sans Serif"},{"f":"Linefont","c":"Display"},{"f":"Karla Tamil Upright","c":"Sans Serif"},{"f":"Ponnala","c":"Display"},{"f":"Noto Sans Inscriptional Parthian","c":"Sans Serif"},{"f":"Betania Patmos","c":"Handwriting"},{"f":"Playwrite AU TAS","c":"Handwriting"},{"f":"Playwrite PT","c":"Handwriting"},{"f":"Noto Sans Syriac Eastern","c":"Sans Serif"},{"f":"Edu QLD Hand","c":"Handwriting"},{"f":"Jaini Purva","c":"Display"},{"f":"Noto Sans Avestan","c":"Sans Serif"},{"f":"Noto Sans Old Hungarian","c":"Sans Serif"},{"f":"Playwrite AR","c":"Handwriting"},{"f":"Finlandica Text","c":"Sans Serif"},{"f":"Noto Sans Tifinagh","c":"Sans Serif"},{"f":"Noto Sans Grantha","c":"Sans Serif"},{"f":"Idiqlat","c":"Serif"},{"f":"Playwrite VN","c":"Handwriting"},{"f":"Playwrite DK Uloopet","c":"Handwriting"},{"f":"Noto Serif Dives Akuru","c":"Serif"},{"f":"Noto Sans Nabataean","c":"Sans Serif"},{"f":"Jacquard 12 Charted","c":"Display"},{"f":"Noto Sans Palmyrene","c":"Sans Serif"},{"f":"Bitcount Grid Single Ink","c":"Display"},{"f":"Bitcount Ink","c":"Display"},{"f":"Playwrite HR Lijeva","c":"Handwriting"},{"f":"Bitcount Single Ink","c":"Display"},{"f":"Noto Serif Gurmukhi","c":"Serif"},{"f":"Edu VIC WA NT Hand","c":"Handwriting"},{"f":"Noto Sans Osage","c":"Sans Serif"},{"f":"Noto Sans Syloti Nagri","c":"Sans Serif"},{"f":"Noto Sans Elbasan","c":"Sans Serif"},{"f":"Rubik Storm","c":"Display"},{"f":"Pochaevsk","c":"Display"},{"f":"Betania Patmos In","c":"Handwriting"},{"f":"Edu VIC WA NT Hand Pre","c":"Handwriting"},{"f":"Noto Sans Wancho","c":"Sans Serif"},{"f":"Noto Serif Khitan Small Script","c":"Serif"},{"f":"Noto Sans Lisu","c":"Sans Serif"},{"f":"Allkin","c":"Display"},{"f":"Warnes","c":"Display"},{"f":"Blaka Ink","c":"Display"},{"f":"Noto Sans Newa","c":"Sans Serif"},{"f":"Noto Sans Tai Le","c":"Sans Serif"},{"f":"Playwrite SK","c":"Handwriting"},{"f":"Noto Serif Ottoman Siyaq","c":"Serif"},{"f":"Playwrite AU VIC","c":"Handwriting"},{"f":"Noto Sans Sundanese","c":"Sans Serif"},{"f":"Noto Sans Lydian","c":"Sans Serif"},{"f":"Noto Sans Mahajani","c":"Sans Serif"},{"f":"Bitcount Prop Double","c":"Display"},{"f":"Noto Sans Cuneiform","c":"Sans Serif"},{"f":"Noto Sans Khojki","c":"Sans Serif"},{"f":"Alien Block","c":"Display"},{"f":"Playwrite NG Modern","c":"Handwriting"},{"f":"Noto Serif NP Hmong","c":"Serif"},{"f":"Ramsina","c":"Serif"},{"f":"Noto Sans NKo Unjoined","c":"Sans Serif"},{"f":"Playwrite DE LA","c":"Handwriting"},{"f":"Noto Serif Todhri","c":"Serif"},{"f":"Playwrite BE WAL","c":"Handwriting"},{"f":"Bitcount Prop Single Ink","c":"Display"},{"f":"Libertinus Keyboard","c":"Display"},{"f":"Noto Serif Hentaigana","c":"Serif"},{"f":"Finlandica Headline","c":"Sans Serif"},{"f":"Playwrite CL","c":"Handwriting"},{"f":"Playwrite CO","c":"Handwriting"},{"f":"Noto Sans Cham","c":"Sans Serif"},{"f":"Bitcount Grid Double Ink","c":"Display"},{"f":"Edu AU VIC WA NT Arrows","c":"Handwriting"},{"f":"Noto Sans Meroitic","c":"Sans Serif"},{"f":"Kay Pho Du","c":"Serif"},{"f":"Noto Sans Tagbanwa","c":"Sans Serif"},{"f":"Noto Serif Old Uyghur","c":"Serif"},{"f":"Strichpunkt Sans","c":"Sans Serif"},{"f":"Noto Sans Imperial Aramaic","c":"Sans Serif"},{"f":"Noto Sans Buginese","c":"Sans Serif"},{"f":"Noto Sans Zanabazar Square","c":"Sans Serif"},{"f":"Noto Serif Grantha","c":"Serif"},{"f":"Jacquard 24 Charted","c":"Display"},{"f":"Noto Sans Old South Arabian","c":"Sans Serif"},{"f":"Playwrite CZ","c":"Handwriting"},{"f":"Noto Sans Tai Tham","c":"Sans Serif"},{"f":"Noto Sans Sharada","c":"Sans Serif"},{"f":"Micro 5 Charted","c":"Display"},{"f":"Playwrite TZ","c":"Handwriting"},{"f":"Noto Sans Inscriptional Pahlavi","c":"Sans Serif"},{"f":"Playwrite AU VIC Guides","c":"Handwriting"},{"f":"Noto Sans Miao","c":"Sans Serif"},{"f":"Playwrite CO Guides","c":"Handwriting"},{"f":"Jersey 15 Charted","c":"Display"},{"f":"Noto Sans Chakma","c":"Sans Serif"},{"f":"Noto Sans Kawi","c":"Sans Serif"},{"f":"Yarndings 20 Charted","c":"Display"},{"f":"Noto Sans Tirhuta","c":"Sans Serif"},{"f":"Noto Sans Hatran","c":"Sans Serif"},{"f":"Noto Sans Mayan Numerals","c":"Sans Serif"},{"f":"Noto Sans Sogdian","c":"Sans Serif"},{"f":"Noto Sans SignWriting","c":"Sans Serif"},{"f":"Noto Sans Caucasian Albanian","c":"Sans Serif"},{"f":"Noto Sans Tamil Supplement","c":"Sans Serif"},{"f":"Noto Sans Linear B","c":"Sans Serif"},{"f":"Jersey 25 Charted","c":"Display"},{"f":"Noto Sans Phoenician","c":"Sans Serif"},{"f":"Noto Sans Vai","c":"Sans Serif"},{"f":"Noto Sans Ugaritic","c":"Sans Serif"},{"f":"Noto Sans Cypriot","c":"Sans Serif"},{"f":"Noto Sans Bassa Vah","c":"Sans Serif"},{"f":"Playwrite ES Deco","c":"Handwriting"},{"f":"Noto Sans Limbu","c":"Sans Serif"},{"f":"Noto Sans Gunjala Gondi","c":"Sans Serif"},{"f":"Noto Sans Syriac Western","c":"Sans Serif"},{"f":"Noto Sans Nushu","c":"Sans Serif"},{"f":"Jersey 20 Charted","c":"Display"},{"f":"Yuji Hentaigana Akebono","c":"Handwriting"},{"f":"Noto Sans Rejang","c":"Sans Serif"},{"f":"Yarndings 20","c":"Display"},{"f":"Noto Sans Elymaic","c":"Sans Serif"},{"f":"Jacquarda Bastarda 9 Charted","c":"Display"},{"f":"Noto Sans Khudawadi","c":"Sans Serif"},{"f":"Noto Sans Psalter Pahlavi","c":"Sans Serif"},{"f":"Noto Sans Ogham","c":"Sans Serif"},{"f":"Noto Sans Old Sogdian","c":"Sans Serif"},{"f":"Playwrite IN Guides","c":"Handwriting"},{"f":"Yarndings 12","c":"Display"},{"f":"Noto Sans Manichaean","c":"Sans Serif"},{"f":"Noto Sans Chorasmian","c":"Sans Serif"},{"f":"Betania Patmos In GDL","c":"Handwriting"},{"f":"Betania Patmos GDL","c":"Handwriting"},{"f":"Noto Sans Mro","c":"Sans Serif"},{"f":"Noto Sans Kayah Li","c":"Sans Serif"},{"f":"Noto Sans Pau Cin Hau","c":"Sans Serif"},{"f":"Noto Sans Mandaic","c":"Sans Serif"},{"f":"Noto Sans Modi","c":"Sans Serif"},{"f":"Playwrite US Trad Guides","c":"Handwriting"},{"f":"Noto Sans Masaram Gondi","c":"Sans Serif"},{"f":"Noto Sans PhagsPa","c":"Sans Serif"},{"f":"Noto Sans Deseret","c":"Sans Serif"},{"f":"Noto Sans Soyombo","c":"Sans Serif"},{"f":"Noto Sans Kharoshthi","c":"Sans Serif"},{"f":"Noto Sans Lepcha","c":"Sans Serif"},{"f":"Noto Sans Saurashtra","c":"Sans Serif"},{"f":"Playwrite NZ Basic Guides","c":"Handwriting"},{"f":"Playwrite PT Guides","c":"Handwriting"},{"f":"Playwrite PL Guides","c":"Handwriting"},{"f":"Playwrite IE Guides","c":"Handwriting"},{"f":"Noto Sans Siddham","c":"Sans Serif"},{"f":"Playwrite DE VA","c":"Handwriting"},{"f":"Playwrite TZ Guides","c":"Handwriting"},{"f":"Playwrite CU Guides","c":"Handwriting"},{"f":"Playwrite PE Guides","c":"Handwriting"},{"f":"Playwrite FR Trad","c":"Handwriting"},{"f":"Playwrite BR","c":"Handwriting"},{"f":"Yarndings 12 Charted","c":"Display"},{"f":"Playwrite IT Moderna Guides","c":"Handwriting"},{"f":"Playwrite GB J Guides","c":"Handwriting"},{"f":"Playwrite IT Trad","c":"Handwriting"},{"f":"Playwrite GB S Guides","c":"Handwriting"},{"f":"Noto Sans Lycian","c":"Sans Serif"},{"f":"Playwrite DE Grund Guides","c":"Handwriting"},{"f":"Playwrite AR Guides","c":"Handwriting"},{"f":"Playwrite DK Uloopet Guides","c":"Handwriting"},{"f":"Playwrite BE WAL Guides","c":"Handwriting"},{"f":"Playwrite DE VA Guides","c":"Handwriting"},{"f":"Playwrite DE LA Guides","c":"Handwriting"},{"f":"Playwrite FR Moderne Guides","c":"Handwriting"},{"f":"Playwrite BR Guides","c":"Handwriting"},{"f":"Playwrite ES Deco Guides","c":"Handwriting"},{"f":"Playwrite FR Trad Guides","c":"Handwriting"},{"f":"Playwrite US Modern Guides","c":"Handwriting"},{"f":"Playwrite IT Trad Guides","c":"Handwriting"},{"f":"Playwrite AU SA Guides","c":"Handwriting"},{"f":"Playwrite DK Loopet Guides","c":"Handwriting"},{"f":"Playwrite CL Guides","c":"Handwriting"},{"f":"Playwrite IS Guides","c":"Handwriting"},{"f":"Playwrite HR Lijeva Guides","c":"Handwriting"},{"f":"Playwrite HU Guides","c":"Handwriting"},{"f":"Playwrite ZA Guides","c":"Handwriting"},{"f":"Playwrite AT Guides","c":"Handwriting"},{"f":"Playwrite ID Guides","c":"Handwriting"},{"f":"Playwrite NG Modern Guides","c":"Handwriting"},{"f":"Playwrite AU NSW Guides","c":"Handwriting"},{"f":"Playwrite NL Guides","c":"Handwriting"},{"f":"Playwrite ES Guides","c":"Handwriting"},{"f":"Playwrite AU QLD Guides","c":"Handwriting"},{"f":"Playwrite AU TAS Guides","c":"Handwriting"},{"f":"Playwrite NO Guides","c":"Handwriting"},{"f":"Playwrite BE VLG Guides","c":"Handwriting"},{"f":"Playwrite SK Guides","c":"Handwriting"},{"f":"Playwrite HR Guides","c":"Handwriting"},{"f":"Playwrite RO Guides","c":"Handwriting"},{"f":"Playwrite DE SAS Guides","c":"Handwriting"},{"f":"Playwrite CA Guides","c":"Handwriting"},{"f":"Playwrite CZ Guides","c":"Handwriting"}]`),_p=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer transition-colors">reset</button>`),vp=G(`<button> </button>`),yp=G(`<div class="group"><div class="flex items-center justify-between mb-1.5"><span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!></div> <div class="flex gap-1"></div></div>`),bp=G(`<option> </option>`),xp=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Sp=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-14 shrink-0"> </span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select> <!></div>`),Cp=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),wp=G(`<!> <div class="rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 p-3 space-y-2"><div class="flex items-baseline justify-between"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Google Font</div> <div class="text-[9px] text-slate-400 dark:text-slate-600"> </div></div> <input type="text" list="sf-google-fonts" aria-label="Google font name" placeholder="Type to search all Google Fonts…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <datalist id="sf-google-fonts"></datalist> <div class="flex gap-1"></div> <button class="w-full py-1.5 rounded-lg bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 text-[11px] font-bold cursor-pointer hover:bg-indigo-600/30 transition-all"> </button></div> <div class="pt-1 space-y-3"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">OpenType</div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Numeric figures</div> <div class="flex gap-1"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-lg border border-black/8 dark:border-white/8 px-3 py-2"><div class="flex flex-col items-end gap-0.5 text-[12px] text-slate-700 dark:text-slate-300"><span>1,204.05</span> <span>98.10</span> <span>13,760.75</span></div></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Optical sizing</div> <div class="flex gap-1"></div></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Font features</span> <input type="text" aria-label="Font features" placeholder="normal" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Variation</span> <input type="text" aria-label="Font variation settings" placeholder="normal" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div></div>`,1),Tp=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Utopia-style fluid scale. Two inputs are <strong class="text-slate-500 dark:text-slate-400">shared</strong> by both scales — the viewport range and the modular ratio — so headlines stay
       in tune with body copy. Each scale then adds only its own <strong class="text-slate-500 dark:text-slate-400">base size</strong> and a <strong class="text-slate-500 dark:text-slate-400">scale multiplier</strong>.</p> <!>  <div class="flex items-baseline gap-2 pt-1"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300">Body type scale</span> <span class="text-[9px] text-slate-400 dark:text-slate-600">base size + shared ratio</span></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">The modular ratio set here is <strong class="text-slate-500 dark:text-slate-400">shared with the display scale below</strong>.</p> <!> <!> <div class="flex items-baseline gap-2 pt-1"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300">Display scale</span> <span class="text-[9px] rounded-full px-1.5 py-0.5 bg-indigo-500/12 text-indigo-700 dark:text-indigo-300">headlines / hero</span></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">Its own base size + multiplier. The modular <strong class="text-slate-500 dark:text-slate-400">ratio is inherited from the body type scale above</strong> —
-      change it there and both move together.</p> <!> <div class="flex items-center justify-between rounded-lg bg-black/4 dark:bg-white/4 border border-dashed border-black/10 dark:border-white/10 px-2.5 py-1.5"><span class="text-[9px] text-slate-500 dark:text-slate-400">Modular ratio <span class="text-slate-400 dark:text-slate-600">(inherited from body scale)</span></span> <span class="text-[10px] font-mono text-slate-700 dark:text-slate-300"> <span class="text-slate-400 dark:text-slate-600">→</span> </span></div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1 max-h-96 overflow-y-auto"><div class="text-[9px] font-semibold text-slate-500 mb-1">Text</div> <!> <div class="text-[9px] font-semibold text-slate-500 mt-3 mb-1">Display</div> <!></div>`,1),Ep=G(`<div><span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span> <p class="text-[11px] text-slate-700 dark:text-slate-300 m-0">The quick brown fox jumps over the lazy dog while the rhythm of these lines shifts with the leading.</p></div>`),Dp=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Leading scale</div> <div class="space-y-2"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2.5"></div> <!> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Display line heights</div> <div class="space-y-2"></div></div>`,1),Op=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer ">reset</button>`),kp=G(`<div class="group"><div class="flex items-center justify-between mb-1"><span class="text-[10px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!></div> <!></div>`),Ap=G(`<div class="flex items-baseline gap-2"><span class="text-[8px] font-mono text-slate-400 dark:text-slate-600 w-10 shrink-0"> </span> <span class="text-[13px] text-slate-800 dark:text-slate-200 truncate">Typography</span></div>`),jp=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 mb-2">Overriding these propagates to heading sizes that reference them.</p> <div class="space-y-2"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1.5"></div>`,1),Mp=G(`<div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Weight scale</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">Named weight tokens. Override if your font uses non-standard axis values.</p> <!> <!> <!> <!> <!> <div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 pt-2">Role weights</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">Semantic defaults the elements build on — reweight the whole site from here.</p> <!> <!> <!> <!>`,1),Np=G(`<span class="absolute top-0.5 right-0.5 w-1 h-1 rounded-full bg-indigo-400"></span>`),Pp=G(`<button> <!></button>`),Fp=G(`<option>custom</option>`),Ip=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Tracking</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div>`),Lp=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Max width</span> <input type="text" placeholder="none" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Rp=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer"> </button>`),zp=G(`<button><span> </span></button>`),Bp=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5"> </div> <div class="flex gap-1"></div></div>`),Vp=G(`<div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 px-3 py-3 overflow-hidden"><div class="text-slate-900/85 dark:text-white/85 truncate">The quick brown fox</div></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Size</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Line height</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div> <div><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Weight</span> <div class="flex gap-1 mt-1"></div></div> <!> <!> <div class="flex justify-end"><!></div> <div class="pt-2 space-y-4 border-t border-black/6 dark:border-white/6"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Body &amp; prose details</div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Emphasis style</div> <div class="flex gap-1"></div></div> <!> <!> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">External marker</span> <input type="text" aria-label="External link marker" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">External label</span> <input type="text" aria-label="External link label" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div></div>`,1),Hp=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-600 dark:text-slate-400 w-6 shrink-0"> </span> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Up=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">Per-text-size max-width caps on <span class="font-mono text-slate-600 dark:text-slate-400">.sf-text-*</span> elements. Set to <span class="font-mono text-slate-600 dark:text-slate-400">none</span> to remove the constraint; use <span class="font-mono text-slate-600 dark:text-slate-400">ch</span> units for character-based measures.</p> <div class="space-y-1.5"></div>`,1),Wp=G(`<div class="p-4 space-y-6"><!> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function Gp(e,t){Ve(t,!0);let n=(e,n=f,r=f,i=f)=>{let a=I(()=>t.overrides[r()]??i()),o=I(()=>r()in t.overrides);var s=yp(),c=z(s),l=z(c),d=z(l,!0);F(l);var p=V(l,2),m=e=>{var n=_p();W(`click`,n,()=>t.onReset(r())),K(e,n)};J(p,e=>{U(o)&&e(m)}),F(c);var h=V(c,2);Y(h,20,()=>u,e=>e,(e,n)=>{var o=vp(),s=z(o,!0);F(o),H(e=>{Z(o,e),X(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(a)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(s,n)},[()=>`font-weight: ${parseInt(n)}`]),W(`click`,o,()=>n===i()?r()in t.overrides?t.onReset(r()):void 0:t.onSet(r(),n)),K(e,o)}),F(h),F(s),H(()=>q(d,n())),K(e,s)},r=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),i=[{label:`Minor Second — 1.067`,value:1.067},{label:`Major Second — 1.125`,value:1.125},{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],a=[{label:`System sans-serif`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`'Avenir', 'Montserrat', 'Corbel', 'URW Gothic', source-sans-pro, sans-serif`},{label:`Humanist (Seravek, Gill Sans…)`,value:`'Seravek', 'Gill Sans Nova', 'Ubuntu', 'Calibri', 'DejaVu Sans', source-sans-pro, sans-serif`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`'Rockwell', 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Merriweather (serif)`,value:`'Merriweather', Georgia, serif`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`}],o=[{label:`Same as body`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`'Avenir', 'Montserrat', 'Corbel', 'URW Gothic', source-sans-pro, sans-serif`},{label:`Humanist (Seravek, Gill Sans…)`,value:`'Seravek', 'Gill Sans Nova', 'Ubuntu', 'Calibri', 'DejaVu Sans', source-sans-pro, sans-serif`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`'Rockwell', 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Impact / condensed`,value:`Impact, 'Arial Narrow', sans-serif`}],s=[{label:`System mono`,value:`ui-monospace, monospace`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`},{label:`Source Code Pro`,value:`'Source Code Pro', 'Courier New', monospace`}],c=gp,l=[{label:`balance`,value:`balance`},{label:`pretty`,value:`pretty`},{label:`normal`,value:`normal`}],u=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],d={"--sf-font-weight-body":`400`,"--sf-font-weight-heading":`600`,"--sf-font-weight-display":`700`,"--sf-font-weight-interactive":`600`},p=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],m=[{label:`Tight`,token:`--sf-tracking-tight`,default:-.025},{label:`Normal`,token:`--sf-tracking-normal`,default:0},{label:`Wide`,token:`--sf-tracking-wide`,default:.025},{label:`Wider`,token:`--sf-tracking-wider`,default:.05},{label:`Widest`,token:`--sf-tracking-widest`,default:.1}],g=[{label:`Tight`,token:`--sf-leading-tight`,default:1.1},{label:`Snug`,token:`--sf-leading-snug`,default:1.3},{label:`Normal`,token:`--sf-leading-normal`,default:1.5},{label:`Relaxed`,token:`--sf-leading-relaxed`,default:1.625}],_=[{label:`Display S`,token:`--sf-display-s-line-height`,def:1.1},{label:`Display M`,token:`--sf-display-m-line-height`,def:1.05},{label:`Display L`,token:`--sf-display-l-line-height`,def:1}],v=[{label:`2xs`,value:`var(--sf-text-2xs)`},{label:`xs`,value:`var(--sf-text-xs)`},{label:`s`,value:`var(--sf-text-s)`},{label:`m`,value:`var(--sf-text-m)`},{label:`l`,value:`var(--sf-text-l)`},{label:`xl`,value:`var(--sf-text-xl)`},{label:`2xl`,value:`var(--sf-text-2xl)`},{label:`3xl`,value:`var(--sf-text-3xl)`},{label:`4xl`,value:`var(--sf-text-4xl)`},{label:`display-s`,value:`var(--sf-text-display-s)`},{label:`display-m`,value:`var(--sf-text-display-m)`},{label:`display-l`,value:`var(--sf-text-display-l)`}],y=g.map(e=>({label:e.label,value:`var(${e.token})`,num:e.default})),b=m.map(e=>({label:e.label,value:`var(${e.token})`,em:e.default})),x=[{id:`body`,label:`Body`,size:`--sf-body-font-size`,lh:`--sf-body-line-height`,wt:`--sf-body-font-weight`,ls:null,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`400`,dLs:``},{id:`h1`,label:`H1`,size:`--sf-h1-size`,lh:`--sf-h1-line-height`,wt:`--sf-h1-font-weight`,ls:`--sf-h1-letter-spacing`,dSize:`var(--sf-text-4xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h2`,label:`H2`,size:`--sf-h2-size`,lh:`--sf-h2-line-height`,wt:`--sf-h2-font-weight`,ls:`--sf-h2-letter-spacing`,dSize:`var(--sf-text-3xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h3`,label:`H3`,size:`--sf-h3-size`,lh:`--sf-h3-line-height`,wt:`--sf-h3-font-weight`,ls:`--sf-h3-letter-spacing`,dSize:`var(--sf-text-2xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h4`,label:`H4`,size:`--sf-h4-size`,lh:`--sf-h4-line-height`,wt:`--sf-h4-font-weight`,ls:`--sf-h4-letter-spacing`,dSize:`var(--sf-text-xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h5`,label:`H5`,size:`--sf-h5-size`,lh:`--sf-h5-line-height`,wt:`--sf-h5-font-weight`,ls:`--sf-h5-letter-spacing`,dSize:`var(--sf-text-l)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h6`,label:`H6`,size:`--sf-h6-size`,lh:`--sf-h6-line-height`,wt:`--sf-h6-font-weight`,ls:`--sf-h6-letter-spacing`,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-wide)`}],S=L(`h1`),C=I(()=>x.find(e=>e.id===U(S))),w=I(()=>Ce(U(S)));function T(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let E=I(()=>T(`--sf-text-ratio-min`,1.25)),D=I(()=>T(`--sf-text-ratio-max`,1.333)),O=I(()=>T(`--sf-text-base-min`,1)),k=I(()=>T(`--sf-text-base-max`,1.25)),A=I(()=>T(`--sf-text-display-base-min`,2.4)),j=I(()=>T(`--sf-text-display-base-max`,3)),M=I(()=>T(`--sf-leading-taper`,0)),ee=I(()=>T(`--sf-text-scale`,1)),te=I(()=>T(`--sf-text-display-scale`,1)),ne=I(()=>T(`--sf-fluid-min-vw`,22.5)),re=I(()=>T(`--sf-fluid-max-vw`,90)),ie=I(()=>[...hp(t.overrides,pp),...hp(t.overrides,mp)]),ae=L(!1),oe=L(!1),N=L(!1),se=L(!1),ce=L(!1),le=L(!1),ue=L(!1),de=I(()=>t.overrides[`--sf-font-body`]??``),fe=I(()=>t.overrides[`--sf-font-heading`]??``),pe=I(()=>t.overrides[`--sf-font-mono`]??`ui-monospace, monospace`),me=L(``),he=L(`body`);function ge(e){let n=t.overrides[e.token];return n?parseFloat(n.replace(`em`,``)):e.default}function _e(e){return T(e.token,e.default)}function ve(e){if(!e.trim())return;let t=`gf-${e.replace(/\s+/g,`-`)}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.rel=`stylesheet`,n.href=`https://fonts.googleapis.com/css2?family=${encodeURIComponent(e)}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(n)}}let ye=[{id:`body`,label:`Body`,token:`--sf-font-body`,fallback:`sans-serif`},{id:`heading`,label:`Heading`,token:`--sf-font-heading`,fallback:`sans-serif`},{id:`mono`,label:`Mono`,token:`--sf-font-mono`,fallback:`monospace`}];function be(e,n){if(!e.trim())return;ve(e);let r=ye.find(e=>e.id===n);t.onSet(r.token,`'${e}', ${r.fallback}`)}function xe(e,n){return e?t.overrides[e]??n:n}function Se(e,n,r){e&&(n===r?t.onReset(e):t.onSet(e,n))}function Ce(e){return e.startsWith(`h`)?`--sf-${e}-max-width`:null}var we=Wp(),Te=z(we);dp(Te,{get tokens(){return U(ie)},scaleLabel:`type`,onClear:()=>U(ie).forEach(e=>t.onReset(e))});var Ee=V(Te,2);cf(Ee,{title:`Fonts`,spacing:`space-y-4`,get open(){return U(ae)},set open(e){R(ae,e,!0)},children:(e,n)=>{var i=wp(),l=B(i);Y(l,17,()=>[{label:`Body`,token:`--sf-font-body`,current:U(de),opts:a},{label:`Heading`,token:`--sf-font-heading`,current:U(fe),opts:o},{label:`Mono`,token:`--sf-font-mono`,current:U(pe),opts:s}],e=>e.token,(e,n)=>{var i=Sp(),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=z(s);Y(c,17,()=>U(n).opts,e=>e.label,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`font-family:inherit;background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var l=V(c),u=e=>{var t=bp(),i=z(t);F(t);var a={};H(e=>{Z(t,`background:${U(r)};`),q(i,`Custom: ${e??``}`),a!==(a=U(n).current)&&(t.value=(t.__value=U(n).current)??``)},[()=>U(n).current.split(`,`)[0].replace(/['"]/g,``)]),K(e,t)},d=I(()=>U(n).current&&!U(n).opts.some(e=>e.value===U(n).current));J(l,e=>{U(d)&&e(u)}),F(s);var f;Ei(s);var p=V(s,2),m=e=>{var r=xp();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(p,e=>{U(n).token in t.overrides&&e(m)}),F(i),H(()=>{q(o,U(n).label),Z(s,`font-family: ${U(n).current||`inherit`}`),f!==(f=U(n).current)&&(s.value=(s.__value=U(n).current)??``,Ti(s,U(n).current))}),W(`change`,s,e=>{let r=e.target.value;r?t.onSet(U(n).token,r):t.onReset(U(n).token)}),K(e,i)});var u=V(l,2),d=z(u),f=V(z(d),2),p=z(f);F(f),F(d);var m=V(d,2);Ri(m);var g=V(m,2);Y(g,21,()=>c,e=>e.f,(e,t)=>{var n=bp(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).c),i!==(i=U(t).f)&&(n.value=(n.__value=U(t).f)??``)}),K(e,n)}),F(g);var _=V(g,2);Y(_,21,()=>ye,e=>e.id,(e,t)=>{var n=vp(),r=z(n,!0);F(n),H(()=>{X(n,1,`flex-1 py-1.5 rounded text-[10px] border transition-all cursor-pointer ${U(he)===U(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400`}`),q(r,U(t).label)}),W(`click`,n,()=>{R(he,U(t).id,!0)}),K(e,n)}),F(_);var v=V(_,2),y=z(v);F(v),F(u);var b=V(u,2),x=V(z(b),2),S=V(z(x),2);Y(S,20,()=>[[`tabular-nums`,`tabular-nums (default)`],[`proportional-nums`,`proportional-nums`],[`normal`,`normal`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-font-numeric`]??`tabular-nums`);var s=vp(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`tabular-nums`?t.onReset(`--sf-font-numeric`):t.onSet(`--sf-font-numeric`,i())),K(e,s)}),F(S),F(x);var C=V(x,2);Z(C,`font-variant-numeric:var(--sf-font-numeric, tabular-nums)`);var w=V(C,2),T=V(z(w),2);Y(T,20,()=>[[`auto`,`auto (default)`],[`none`,`none`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-optical-sizing`]??`auto`);var s=vp(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`auto`?t.onReset(`--sf-optical-sizing`):t.onSet(`--sf-optical-sizing`,i())),K(e,s)}),F(T),F(w);var E=V(w,2),D=V(z(E),2);Ri(D);var O=V(D,2),k=e=>{var n=Cp();W(`click`,n,()=>t.onReset(`--sf-font-features`)),K(e,n)};J(O,e=>{`--sf-font-features`in t.overrides&&e(k)}),F(E);var A=V(E,2),j=V(z(A),2);Ri(j);var M=V(j,2),ee=e=>{var n=Cp();W(`click`,n,()=>t.onReset(`--sf-font-variation`)),K(e,n)};J(M,e=>{`--sf-font-variation`in t.overrides&&e(ee)}),F(A),F(b),H(()=>{q(p,`${c.length??``} fonts`),zi(m,U(me)),q(y,`Load & apply to ${U(he)??``}`),zi(D,t.overrides[`--sf-font-features`]??``),zi(j,t.overrides[`--sf-font-variation`]??``)}),W(`input`,m,e=>{R(me,e.target.value,!0)}),W(`click`,v,()=>be(U(me),U(he))),W(`input`,D,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-features`,n):t.onReset(`--sf-font-features`)}),W(`input`,j,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-variation`,n):t.onReset(`--sf-font-variation`)}),K(e,i)},$$slots:{default:!0}});var De=V(Ee,4);cf(De,{title:`Fluid scale — body text & display`,spacing:`space-y-4`,get open(){return U(oe)},set open(e){R(oe,e,!0)},children:(e,n)=>{var r=Tp(),a=V(B(r),2);{let e=I(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);ap(a,{title:`Viewport range (shared)`,get minValue(){return U(ne)},get maxValue(){return U(re)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var o=V(a,6);{let e=I(()=>`--sf-text-base-min`in t.overrides||`--sf-text-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);ap(o,{title:`Base size & ratio`,get minValue(){return U(O)},get maxValue(){return U(k)},min:.7,max:2,step:.01,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-text-base-min`),t.onReset(`--sf-text-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return U(E)},get ratioMax(){return U(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var s=V(o,2);{let e=I(()=>`--sf-text-scale`in t.overrides);$(s,{label:`Text scale multiplier`,get value(){return U(ee)},min:.5,max:2,step:.05,help:`--sf-text-scale — multiplies every body text size at once.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-text-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-scale`)})}var c=V(s,6);{let e=I(()=>`--sf-text-display-base-min`in t.overrides||`--sf-text-display-base-max`in t.overrides);ap(c,{title:`Display base size`,get minValue(){return U(A)},get maxValue(){return U(j)},min:1.5,max:6,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-text-display-base-min`),t.onReset(`--sf-text-display-base-max`)},onMinChange:e=>t.onSet(`--sf-text-display-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-display-base-max`,String(e))})}var l=V(c,2),u=V(z(l),2),d=z(u),f=V(d,2);F(u),F(l);var m=V(l,2);{let e=I(()=>`--sf-text-display-scale`in t.overrides);$(m,{label:`Display scale multiplier`,get value(){return U(te)},min:.5,max:2,step:.05,help:`--sf-text-display-scale — multiplies every display size at once.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-text-display-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-display-scale`)})}var h=V(m,2),g=V(z(h),2);Y(g,16,()=>[...p].reverse(),e=>e,(e,t)=>{{let n=I(()=>`--sf-text-${t}`);sp(e,{get label(){return t},get varName(){return U(n)},family:`--sf-font-body`})}}),Y(V(g,4),16,()=>[`l`,`m`,`s`],e=>e,(e,t)=>{{let n=I(()=>`--sf-text-display-${t}`);sp(e,{get label(){return t},get varName(){return U(n)},family:`--sf-font-heading`})}}),F(h),H(()=>{q(d,`${U(E)??``} `),q(f,` ${U(D)??``}`)}),K(e,r)},$$slots:{default:!0}});var P=V(De,4);cf(P,{title:`Line heights`,spacing:`space-y-4`,get open(){return U(N)},set open(e){R(N,e,!0)},children:(e,n)=>{var r=Dp(),i=B(r),a=V(z(i),2);Y(a,21,()=>g,e=>e.token,(e,n)=>{{let r=I(()=>_e(U(n))),i=I(()=>`${U(n).token} — ${U(n).label.toLowerCase()} line height`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:1,max:2.2,step:.05,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(a),F(i);var o=V(i,2);Y(o,21,()=>g,e=>e.token,(e,t)=>{var n=Ep(),r=z(n),i=z(r,!0);F(r);var a=V(r,2);F(n),H(()=>{q(i,U(t).label),Z(a,`line-height:var(${U(t).token})`)}),K(e,n)}),F(o);var s=V(o,2);{let e=I(()=>`--sf-leading-taper`in t.overrides);$(s,{label:`Leading taper`,get value(){return U(M)},min:0,max:.5,step:.01,help:`--sf-leading-taper — how aggressively large sizes shrink their line-height.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-leading-taper`,String(e)),onReset:()=>t.onReset(`--sf-leading-taper`)})}var c=V(s,2),l=V(z(c),2);Y(l,21,()=>_,e=>e.token,(e,n)=>{{let r=I(()=>T(U(n).token,U(n).def)),i=I(()=>`${U(n).token}`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:.8,max:1.5,step:.025,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(l),F(c),K(e,r)},$$slots:{default:!0}});var Oe=V(P,4);cf(Oe,{title:`Letter spacing`,get open(){return U(se)},set open(e){R(se,e,!0)},children:(e,n)=>{var r=jp(),i=V(B(r),2);Y(i,21,()=>m,e=>e.token,(e,n)=>{var r=kp(),i=z(r),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=e=>{var r=Op();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(s,e=>{U(n).token in t.overrides&&e(c)}),F(i);var l=V(i,2);{let e=I(()=>ge(U(n)));xd(l,{get value(){return U(e)},min:-.1,max:.2,step:.005,unit:`em`,onChange:e=>t.onSet(U(n).token,`${e}em`)})}F(r),H(()=>q(o,U(n).label)),K(e,r)}),F(i);var a=V(i,2);Y(a,21,()=>m,e=>e.token,(e,t)=>{var n=Ap(),r=z(n),i=z(r,!0);F(r);var a=V(r,2);F(n),H(()=>{q(i,U(t).label),Z(a,`letter-spacing:var(${U(t).token})`)}),K(e,n)}),F(a),K(e,r)},$$slots:{default:!0}});var ke=V(Oe,4);cf(ke,{title:`Font weights`,spacing:`space-y-4`,get open(){return U(ce)},set open(e){R(ce,e,!0)},children:(e,t)=>{var r=Mp(),i=V(B(r),4);n(i,()=>`Light`,()=>`--sf-font-weight-light`,()=>`300`);var a=V(i,2);n(a,()=>`Normal`,()=>`--sf-font-weight-normal`,()=>`400`);var o=V(a,2);n(o,()=>`Medium`,()=>`--sf-font-weight-medium`,()=>`500`);var s=V(o,2);n(s,()=>`Semibold`,()=>`--sf-font-weight-semibold`,()=>`600`);var c=V(s,2);n(c,()=>`Bold`,()=>`--sf-font-weight-bold`,()=>`700`);var l=V(c,6);n(l,()=>`Heading`,()=>`--sf-font-weight-heading`,()=>d[`--sf-font-weight-heading`]??`600`);var u=V(l,2);n(u,()=>`Display`,()=>`--sf-font-weight-display`,()=>d[`--sf-font-weight-display`]??`700`);var f=V(u,2);n(f,()=>`Body strong`,()=>`--sf-font-weight-strong`,()=>`700`);var p=V(f,2);n(p,()=>`Interactive`,()=>`--sf-font-weight-interactive`,()=>d[`--sf-font-weight-interactive`]??`600`),K(e,r)},$$slots:{default:!0}});var Ae=V(ke,4);cf(Ae,{title:`Elements (body, h1–h6)`,get open(){return U(le)},set open(e){R(le,e,!0)},children:(e,n)=>{var i=Vp(),a=B(i);Y(a,21,()=>x,e=>e.id,(e,n)=>{let r=I(()=>Ce(U(n).id)),i=I(()=>U(n).size in t.overrides||U(n).lh in t.overrides||U(n).wt in t.overrides||!!U(n).ls&&U(n).ls in t.overrides||!!U(r)&&U(r)in t.overrides);var a=Pp(),o=z(a),s=V(o),c=e=>{K(e,Np())};J(s,e=>{U(i)&&e(c)}),F(a),H(()=>{X(a,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold transition-all cursor-pointer ${U(S)===U(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(o,`${U(n).label??``} `)}),W(`click`,a,()=>{R(S,U(n).id,!0)}),K(e,a)}),F(a);var o=V(a,2),s=z(o);F(o);var c=V(o,2),d=V(z(c),2),f=z(d);Y(f,17,()=>v,e=>e.value,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var p=V(f),m=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).size,U(C).dSize)]),K(e,t)},g=I(()=>!v.some(e=>e.value===xe(U(C).size,U(C).dSize)));J(p,e=>{U(g)&&e(m)}),F(d);var _;Ei(d),F(c);var E=V(c,2),D=V(z(E),2),O=z(D);Y(O,17,()=>y,e=>e.value,(e,t)=>{var n=bp(),i=z(n);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,`${U(t).label??``} · ${U(t).num??``}`),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var k=V(O),A=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).lh,U(C).dLh)]),K(e,t)},j=I(()=>!y.some(e=>e.value===xe(U(C).lh,U(C).dLh)));J(k,e=>{U(j)&&e(A)}),F(D);var M;Ei(D),F(E);var ee=V(E,2),te=V(z(ee),2);Y(te,20,()=>u,e=>e,(e,t)=>{let n=I(()=>xe(U(C).wt,U(C).dWt));var r=vp(),i=z(r,!0);F(r),H(e=>{Z(r,e),X(r,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(i,t)},[()=>`font-weight:${parseInt(t)}`]),W(`click`,r,()=>Se(U(C).wt,t,U(C).dWt)),K(e,r)}),F(te),F(ee);var ne=V(ee,2),re=e=>{var t=Ip(),n=V(z(t),2),i=z(n);Y(i,17,()=>b,e=>e.value,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var a=V(i),o=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).ls,U(C).dLs)]),K(e,t)},s=I(()=>!b.some(e=>e.value===xe(U(C).ls,U(C).dLs)));J(a,e=>{U(s)&&e(o)}),F(n);var c;Ei(n),F(t),H(e=>{c!==(c=e)&&(n.value=(n.__value=e)??``,Ti(n,e))},[()=>xe(U(C).ls,U(C).dLs)]),W(`change`,n,e=>Se(U(C).ls,e.target.value,U(C).dLs)),K(e,t)};J(ne,e=>{U(C).ls&&e(re)});var ie=V(ne,2),ae=e=>{let n=I(()=>`--sf-${U(C).id}-max-width`);var r=Lp(),i=V(z(r),2);Ri(i);var a=V(i,2),o=e=>{var r=xp();W(`click`,r,()=>t.onReset(U(n))),K(e,r)};J(a,e=>{U(n)in t.overrides&&e(o)}),F(r),H(()=>{zi(i,t.overrides[U(n)]??``),Q(i,`aria-label`,`${U(C).label} max width`)}),W(`input`,i,e=>{let r=e.target.value.trim();r?t.onSet(U(n),r):t.onReset(U(n))}),K(e,r)},oe=I(()=>U(C).id.startsWith(`h`));J(ie,e=>{U(oe)&&e(ae)});var N=V(ie,2),se=z(N),ce=e=>{var n=Rp(),r=z(n);F(n),H(()=>q(r,`reset ${U(C).label??``}`)),W(`click`,n,()=>{let e={[U(C).size]:null,[U(C).lh]:null,[U(C).wt]:null};U(C).ls&&(e[U(C).ls]=null),U(w)&&(e[U(w)]=null),t.onBulkChange(e)}),K(e,n)};J(se,e=>{(U(C).size in t.overrides||U(C).lh in t.overrides||U(C).wt in t.overrides||U(C).ls&&U(C).ls in t.overrides||U(w)&&U(w)in t.overrides)&&e(ce)}),F(N);var le=V(N,2),ue=V(z(le),2),de=V(z(ue),2);Y(de,20,()=>[[`Italic`,`italic`],[`Normal`,`normal`]],([e,t])=>t,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-body-em-style`]??`italic`);var s=zp(),c=z(s),l=z(c,!0);F(c),F(s),H(()=>{X(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),Z(c,`font-style: ${a()}`),q(l,i())}),W(`click`,s,()=>a()===`italic`?t.onReset(`--sf-body-em-style`):t.onSet(`--sf-body-em-style`,a())),K(e,s)}),F(de),F(ue);var fe=V(ue,2);{let e=I(()=>T(`--sf-code-font-size`,.875)),n=I(()=>`--sf-code-font-size`in t.overrides);$(fe,{label:`Code font size`,get value(){return U(e)},min:.7,max:1.1,step:.005,unit:`em`,help:`--sf-code-font-size — size of inline code relative to surrounding text`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-code-font-size`,`${e}em`),onReset:()=>t.onReset(`--sf-code-font-size`)})}var pe=V(fe,2);Y(pe,16,()=>[{label:`Heading wrap`,token:`--sf-heading-text-wrap`,defaultVal:`balance`},{label:`Body wrap`,token:`--sf-body-text-wrap`,defaultVal:`pretty`}],e=>e.token,(e,n)=>{let r=I(()=>t.overrides[n.token]??n.defaultVal);var i=Bp(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,21,()=>l,e=>e.value,(e,i)=>{var a=vp(),o=z(a,!0);F(a),H(()=>{X(a,1,`flex-1 px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===U(i).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(o,U(i).label)}),W(`click`,a,()=>U(i).value===n.defaultVal&&!(n.token in t.overrides)?void 0:U(i).value===n.defaultVal?t.onReset(n.token):t.onSet(n.token,U(i).value)),K(e,a)}),F(s),F(i),H(()=>q(o,n.label)),K(e,i)});var me=V(pe,2),he=V(z(me),2);Ri(he),Q(he,`placeholder`,`" ↗"`);var ge=V(he,2),_e=e=>{var n=xp();W(`click`,n,()=>t.onReset(`--sf-link-external-marker`)),K(e,n)};J(ge,e=>{`--sf-link-external-marker`in t.overrides&&e(_e)}),F(me);var ve=V(me,2),ye=V(z(ve),2);Ri(ye),Q(ye,`placeholder`,`"opens in a new window or external site"`);var be=V(ye,2),we=e=>{var n=xp();W(`click`,n,()=>t.onReset(`--sf-link-external-label`)),K(e,n)};J(be,e=>{`--sf-link-external-label`in t.overrides&&e(we)}),F(ve),F(le),H((e,n)=>{Z(s,`font-size:var(${U(C).size}, ${U(C).dSize}); font-weight:var(${U(C).wt}, ${U(C).dWt}); letter-spacing:${U(C).ls?`var(${U(C).ls}, normal)`:`normal`}; line-height:var(${U(C).lh}, ${U(C).dLh}); font-family:var(${U(C).id===`body`?`--sf-font-body`:`--sf-font-heading`})`),_!==(_=e)&&(d.value=(d.__value=e)??``,Ti(d,e)),M!==(M=n)&&(D.value=(D.__value=n)??``,Ti(D,n)),zi(he,t.overrides[`--sf-link-external-marker`]??``),zi(ye,t.overrides[`--sf-link-external-label`]??``)},[()=>xe(U(C).size,U(C).dSize),()=>xe(U(C).lh,U(C).dLh)]),W(`change`,d,e=>Se(U(C).size,e.target.value,U(C).dSize)),W(`change`,D,e=>Se(U(C).lh,e.target.value,U(C).dLh)),W(`input`,he,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-marker`,n):t.onReset(`--sf-link-external-marker`)}),W(`input`,ye,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-label`,n):t.onReset(`--sf-link-external-label`)}),K(e,i)},$$slots:{default:!0}}),cf(V(Ae,4),{title:`Line lengths (max-width)`,get open(){return U(ue)},set open(e){R(ue,e,!0)},children:(e,n)=>{var r=Up(),i=V(B(r),2);Y(i,20,()=>[{label:`2xs`,token:`--sf-text-2xs-max-width`,def:`55ch`},{label:`xs`,token:`--sf-text-xs-max-width`,def:`60ch`},{label:`s`,token:`--sf-text-s-max-width`,def:`65ch`},{label:`m`,token:`--sf-text-m-max-width`,def:`65ch`},{label:`l`,token:`--sf-text-l-max-width`,def:`none`},{label:`xl`,token:`--sf-text-xl-max-width`,def:`none`},{label:`2xl`,token:`--sf-text-2xl-max-width`,def:`none`},{label:`3xl`,token:`--sf-text-3xl-max-width`,def:`none`},{label:`4xl`,token:`--sf-text-4xl-max-width`,def:`none`}],e=>e.token,(e,n)=>{var r=Hp(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Cp();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`aria-label`,`${n.label} max width`),Q(o,`placeholder`,n.def)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(i),K(e,r)},$$slots:{default:!0}}),F(we),K(e,we),He()}Rr([`click`,`change`,`input`]);function Kp(e,t){return t.map(t=>({label:`${e}-${t}`,value:`var(--sf-${e}-${t})`}))}var qp=Kp(`space`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`]),Jp=Kp(`radius`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`,`full`]),Yp=Kp(`border-width`,[`1`,`2`,`3`,`4`]),Xp=Kp(`container`,[`narrow`,`prose`,`default`,`wide`,`full`]),Zp=Kp(`size`,[`xs`,`s`,`m`,`l`,`xl`]),Qp=Kp(`shadow`,[`xs`,`s`,`m`,`l`,`xl`]);function $p(e){if(!e)return null;let t=e.trim().match(/^var\(\s*--sf-(space|radius|border-width|container|size|shadow)-[a-z0-9]+\s*\)$/);if(!t)return null;switch(t[1]){case`space`:return qp;case`radius`:return Jp;case`border-width`:return Yp;case`container`:return Xp;case`size`:return Zp;case`shadow`:return Qp;default:return null}}var em=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-6 text-right shrink-0"> </span> <div class="bg-indigo-500/50 rounded shrink-0 h-3"></div> <span class="text-[9px] font-mono text-slate-500 shrink-0"> </span></div>`),tm=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">The two most-referenced spacing tokens. Referenced by every layout primitive (cluster, grid, stack, bento…).</p> <!> <!> <!>`,1),nm=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Utopia-style fluid scale — viewport width, base unit and ratio per endpoint.
-        The viewport range is shared with the type scale.</p> <!> <!>`,1),rm=G(`<div class="space-y-4"></div>`),im=G(`<div class="p-4 space-y-6"><!> <section><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-2">Space scale preview</div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function am(e,t){Ve(t,!0);let n=[{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],r=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],i=fd.spacing??[];function a(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let o=I(()=>a(`--sf-space-ratio-min`,1.25)),s=I(()=>a(`--sf-space-ratio-max`,1.333)),c=I(()=>a(`--sf-space-base-min`,1)),l=I(()=>a(`--sf-space-base-max`,2)),u=I(()=>a(`--sf-space-scale`,1)),d=I(()=>a(`--sf-gap`,1)),f=I(()=>a(`--sf-gutter`,1.5)),p=I(()=>a(`--sf-content-gap`,.5)),m=I(()=>a(`--sf-fluid-min-vw`,22.5)),h=I(()=>a(`--sf-fluid-max-vw`,90)),g=I(()=>(U(c)+U(l))/2*((U(o)+U(s))/2)**5*U(u)),_=I(()=>hp(t.overrides,fp)),v=L(!1),y=L(!1),b=L(!1);var x=im(),S=z(x);dp(S,{get tokens(){return U(_)},scaleLabel:`spacing`,onClear:()=>U(_).forEach(e=>t.onReset(e))});var C=V(S,2),w=V(z(C),2);Y(w,22,()=>r,e=>e,(e,t,n)=>{let r=I(()=>(U(c)+U(l))/2),i=I(()=>(U(o)+U(s))/2),a=I(()=>U(n)-3),d=I(()=>U(a)>=0?U(r)*U(i)**+U(a):U(r)/U(i)**+-U(a)),f=I(()=>U(d)*U(u)),p=I(()=>U(g)>0?U(f)/U(g)*240:0);var m=em(),h=z(m),_=z(h,!0);F(h);var v=V(h,2),y=V(v,2),b=z(y);F(y),F(m),H(e=>{q(_,t),Z(v,`width: ${U(p)}px; min-width: 3px`),q(b,`${e??``}rem`)},[()=>U(f).toFixed(2)]),K(e,m)}),F(w),F(C);var T=V(C,4);cf(T,{title:`Layout gap`,get open(){return U(v)},set open(e){R(v,e,!0)},children:(e,n)=>{var r=tm(),i=V(B(r),2);{let e=I(()=>`--sf-gap`in t.overrides);$(i,{label:`Gap`,get value(){return U(d)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-gap — spacing between layout items (cluster, grid, reel, stack, sidebar, bento)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-gap`]},onRawSet:e=>t.onSet(`--sf-gap`,e)})}var a=V(i,2);{let e=I(()=>`--sf-content-gap`in t.overrides);$(a,{label:`Content gap`,get value(){return U(p)},min:0,max:2,step:.0625,unit:`rem`,help:`--sf-content-gap — tighter gap within components (defaults to space-s)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-content-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-gap`),rawDefault:`var(--sf-space-s)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-content-gap`]},onRawSet:e=>t.onSet(`--sf-content-gap`,e)})}var o=V(a,2);{let e=I(()=>`--sf-gutter`in t.overrides);$(o,{label:`Gutter`,get value(){return U(f)},min:0,max:6,step:.0625,unit:`rem`,help:`--sf-gutter — wide page/section side gutter (containers, .sf-section--guttered)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-gutter`),rawDefault:`var(--sf-space-l)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-gutter`]},onRawSet:e=>t.onSet(`--sf-gutter`,e)})}K(e,r)},$$slots:{default:!0}});var E=V(T,4);cf(E,{title:`Modular scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,r)=>{var i=nm(),a=V(B(i),2);{let e=I(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);ap(a,{title:`Viewport range`,get minValue(){return U(m)},get maxValue(){return U(h)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var u=V(a,2);{let e=I(()=>`--sf-space-base-min`in t.overrides||`--sf-space-base-max`in t.overrides||`--sf-space-ratio-min`in t.overrides||`--sf-space-ratio-max`in t.overrides);ap(u,{title:`Base unit & ratio`,get minValue(){return U(c)},get maxValue(){return U(l)},min:.5,max:4,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`space`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-space-base-min`),t.onReset(`--sf-space-base-max`),t.onReset(`--sf-space-ratio-min`),t.onReset(`--sf-space-ratio-max`)},onMinChange:e=>t.onSet(`--sf-space-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-space-base-max`,String(e)),get ratioPresets(){return n},get ratioMin(){return U(o)},get ratioMax(){return U(s)},ratioMin_bound:1.1,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-space-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-space-ratio-max`,String(e))})}K(e,i)},$$slots:{default:!0}}),cf(V(E,4),{title:`Advanced`,variant:`advanced`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=rm();Y(r,21,()=>i,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(r),K(e,r)},$$slots:{default:!0}}),F(x),K(e,x),He()}var om=G(`<button> </button>`),sm=G(`<div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex justify-center mt-2"><div class="bg-indigo-500/30 border border-indigo-500/30 rounded-lg flex items-center justify-center text-[9px] font-mono text-indigo-800 dark:text-indigo-200"> </div></div>`),cm=G(`<div></div> <!>`,1);function lm(e,t){Ve(t,!0);let n=na(t,`columns`,3,3),r=na(t,`dense`,3,!1),i=na(t,`showPreview`,3,!1),a={2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`},o=e=>e.replace(/\s/g,``),s=I(()=>t.presets.map(e=>typeof e==`string`?{label:e,value:e}:e)),c=I(()=>a[n()]??`grid-cols-3`);var l=cm(),u=B(l);Y(u,21,()=>U(s),e=>e.value,(e,n)=>{var i=om(),a=z(i,!0);F(i),H(e=>{X(i,1,e),q(a,U(n).label)},[()=>`${r()?`py-1 text-[9px]`:`py-1.5 text-[10px]`} rounded-lg border transition-all cursor-pointer font-mono ${o(t.value)===o(U(n).value)?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`]),W(`click`,i,()=>U(n).value===t.defaultValue?t.onReset(t.token):t.onSet(t.token,U(n).value)),K(e,i)}),F(u);var d=V(u,2),f=e=>{var n=sm(),r=z(n),i=z(r,!0);F(r),F(n),H(()=>{Z(r,`aspect-ratio:${t.value};max-height:120px;max-width:100%;width:auto;height:120px`),q(i,t.value)}),K(e,n)};J(d,e=>{i()&&e(f)}),H(()=>X(u,1,`grid ${U(c)} ${r()?`gap-1`:`gap-1.5`}`)),K(e,l),He()}Rr([`click`]);var um=G(`<span> </span>`),dm=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),fm=G(`<div class="flex items-center gap-2"><!> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`);function pm(e,t){Ve(t,!0);let n=na(t,`labelWidth`,3,`w-20`);var r=fm(),i=z(r),a=e=>{var r=um(),i=z(r,!0);F(r),H(()=>{X(r,1,`text-[10px] font-semibold text-slate-600 dark:text-slate-400 ${n()} shrink-0`),q(i,t.label)}),K(e,r)};J(i,e=>{t.label&&e(a)});var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var n=dm();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(s,e=>{t.overridden&&e(c)}),F(r),H(()=>{zi(o,t.value),Q(o,`placeholder`,t.placeholder)}),W(`input`,o,e=>{let n=e.target.value;n.trim()?t.onSet(n):t.onReset()}),K(e,r),He()}Rr([`input`,`click`]);var mm=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-12 text-right shrink-0"> </span> <div class="flex-1 h-4 bg-black/5 dark:bg-white/5 rounded overflow-hidden"><div class="h-full bg-indigo-500/30 border-r border-indigo-400/40 rounded"></div></div> <span class="text-[9px] font-mono text-slate-500 w-14 shrink-0"> </span></div>`),hm=G(`<div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Narrow</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Prose</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Default</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Wide</div> <!></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),gm=G(`<!> <!>`,1),_m=G(`<div class="h-8 bg-indigo-500/20 border border-indigo-500/20 rounded text-[8px] font-mono text-indigo-600/60 dark:text-indigo-400/60 flex items-center justify-center">col</div>`),vm=G(`<!> <!> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1.5">Named sizes (grid-min-xs → 2xl)</div> <div class="space-y-1.5"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-2 font-mono">Preview at 360px panel width</div> <div class="grid"></div></div>`,1),ym=G(`<div class="w-8 h-1.5 bg-slate-400/60 dark:bg-slate-600/60 rounded"></div>`),bm=G(`<div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Mobile</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Desktop</div> <!></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 overflow-hidden"><div class="flex items-center px-3 bg-indigo-500/10 border-b border-black/8 dark:border-white/8"><div class="w-16 h-2 bg-indigo-400/40 rounded"></div> <div class="ml-auto flex gap-2"></div></div> <div class="p-2 text-[9px] text-slate-400 dark:text-slate-600 font-mono"> </div></div>`,1),xm=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Offsets position:sticky elements below a fixed header. Defaults to header heights.</p> <div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Mobile</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Desktop</div> <!></div></div> <div class="pt-1"><!></div>`,1),Sm=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex gap-2 items-stretch" style="height: 60px"><div class="bg-indigo-500/15 border border-indigo-500/20 rounded flex-shrink-0 flex items-center justify-center"><span class="text-[8px] font-mono text-indigo-600/60 dark:text-indigo-400/60 rotate-90 whitespace-nowrap"> </span></div> <div class="flex-1 bg-black/4 dark:bg-white/4 rounded"></div></div>`,1),Cm=G(`<div class="mt-2 space-y-2"></div>`),wm=G(`<option> </option>`),Tm=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Em=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0"> </span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <!></div>`),Dm=G(`<span class="flex items-center justify-center text-white text-[9px] font-bold"></span>`),Om=G(`<button> </button>`),km=G(`<div class="flex items-center justify-center text-white text-[10px] font-bold"> </div>`),Am=G(`<div id="more-layout-primitives" class="mt-3 space-y-5"><section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Switcher</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Sidebar content</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Cluster</div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-cluster" style="min-height:3rem"></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Equal columns (flowing)</div> <div class="text-[9px] text-slate-400 dark:text-slate-600">Content flows between columns like a newspaper — use .sf-grid for discrete grid cells instead.</div> <!> <!> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Rule style</span> <div class="flex-1 grid grid-cols-3 gap-1"></div></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Rule color</span> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-equal text-[9px] text-slate-600 dark:text-slate-300"><p style="margin:0">SLASHED flows this text across as many equal columns as fit the box, divided by the column rule. Lower the min column width to pack in more, narrower columns; raise it for fewer, roomier ones. The rule width, style and colour draw the divider.</p></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Cover</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Frame ratio</div> <p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-frame-ratio — aspect ratio for .sf-frame</p> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Reel</div> <p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-reel-item-width — width of each item in a horizontal .sf-reel</p> <div class="grid grid-cols-4 gap-1"></div> <div class="flex items-center gap-2 pt-0.5"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Height</span> <input type="text" placeholder="auto" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-reel"></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Imposter</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Content grid (breakout)</div> <!> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Alternate (zigzag)</div> <!></section></div>`),jm=G(`<div class="mt-2 space-y-2"><p class="text-[9px] text-slate-400 dark:text-slate-600">Override the built-in named aspect ratios used by <span class="font-mono text-slate-600 dark:text-slate-400">.sf-ratio-*</span> utilities.</p> <!></div>`),Mm=G(`<div class="mt-2 space-y-3"><p class="text-[9px] text-slate-400 dark:text-slate-600">Default values for the <span class="font-mono text-slate-600 dark:text-slate-400">.sf-bg-layer</span> full-bleed background utility.</p> <!> <!> <!> <!></div>`),Nm=G(`<div class="p-4 space-y-6"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Bento grid</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button aria-controls="more-layout-primitives" class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">More layout primitives</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Named ratios</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Background layer (.sf-bg-layer)</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div></div>`);function Pm(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`],r=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`);function i(e,t){if(!e)return t;let n=parseFloat(e);return isNaN(n)?t:n}let a=I(()=>i(t.overrides[`--sf-container-narrow`],38)),o=I(()=>i(t.overrides[`--sf-container-prose`],65)),s=I(()=>i(t.overrides[`--sf-container-default`],75)),c=I(()=>i(t.overrides[`--sf-container-wide`],90)),l=I(()=>i(t.overrides[`--sf-center-max`],75)),u=I(()=>i(t.overrides[`--sf-center-gutter`],1)),d=I(()=>i(t.overrides[`--sf-grid-min`],16)),f=I(()=>i(t.overrides[`--sf-grid-gap`],1)),p=I(()=>i(t.overrides[`--sf-header-height-mobile`],3.5)),m=I(()=>i(t.overrides[`--sf-header-height-desktop`],5)),h=I(()=>i(t.overrides[`--sf-sidebar-width`],18)),g=I(()=>i(t.overrides[`--sf-sticky-offset-mobile`],3.5)),_=I(()=>i(t.overrides[`--sf-sticky-offset-desktop`],5)),v=I(()=>i(t.overrides[`--sf-scroll-offset-gap`],1)),y=[{label:`Columns`,token:`--sf-bento-cols-default`,min:1,max:12,step:1,unit:``,default:4},{label:`Row default`,token:`--sf-bento-row-default`,min:4,max:24,step:.5,unit:`rem`,default:10},{label:`Row compact`,token:`--sf-bento-row-compact`,min:2,max:16,step:.5,unit:`rem`,default:6},{label:`Row tall`,token:`--sf-bento-row-tall`,min:8,max:32,step:.5,unit:`rem`,default:16}],b=L(!1),x=L(!1),S=L(!1),C=L(!1),w=L(!1),T=L(!1),E=L(!1),D=L(!1),O=L(!1),k=L(!1);function A(e){let n=t.overrides[e.token];return n?parseFloat(n):e.default}let j=I(()=>i(t.overrides[`--sf-switcher-threshold`],30)),M=I(()=>i(t.overrides[`--sf-sidebar-min-width`],50)),ee=I(()=>i(t.overrides[`--sf-equal-min-col`],16)),te=I(()=>i(t.overrides[`--sf-equal-rule-width`],0)),ne=I(()=>t.overrides[`--sf-equal-rule-color`]??``),re=I(()=>i(t.overrides[`--sf-cover-min-height`],100)),ie=I(()=>i(t.overrides[`--sf-imposter-margin`],1)),ae=I(()=>i(t.overrides[`--sf-breakout-width`],90)),oe=I(()=>i(t.overrides[`--sf-content-width`],75)),N=I(()=>i(t.overrides[`--sf-alternate-inner-gap`],1)),se=I(()=>t.overrides[`--sf-frame-ratio`]??`16 / 9`),ce=I(()=>t.overrides[`--sf-reel-item-width`]??`max-content`),le=[`16 / 9`,`4 / 3`,`3 / 2`,`1 / 1`,`21 / 9`],ue=[{label:`auto`,value:`max-content`},{label:`12rem`,value:`12rem`},{label:`16rem`,value:`16rem`},{label:`20rem`,value:`20rem`}];var de=Nm(),fe=z(de);cf(fe,{title:`Container widths`,spacing:`space-y-4`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=hm(),i=B(r),l=z(i),u=V(z(l),2);{let e=I(()=>`--sf-container-narrow`in t.overrides);$(u,{label:``,get value(){return U(a)},min:20,max:60,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-narrow`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-narrow`)})}F(l);var d=V(l,2),f=V(z(d),2);{let e=I(()=>`--sf-container-prose`in t.overrides);$(f,{label:``,get value(){return U(o)},min:40,max:90,step:1,unit:`ch`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-prose`,`${e}ch`),onReset:()=>t.onReset(`--sf-container-prose`)})}F(d);var p=V(d,2),m=V(z(p),2);{let e=I(()=>`--sf-container-default`in t.overrides);$(m,{label:``,get value(){return U(s)},min:50,max:120,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-default`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-default`)})}F(p);var h=V(p,2),g=V(z(h),2);{let e=I(()=>`--sf-container-wide`in t.overrides);$(g,{label:``,get value(){return U(c)},min:60,max:160,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-wide`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-wide`)})}F(h),F(i);var _=V(i,2);Y(_,21,()=>[{label:`narrow`,value:U(a),max:U(c),unit:`rem`},{label:`prose`,value:U(o),max:U(c)*1.5,unit:`ch`},{label:`default`,value:U(s),max:U(c),unit:`rem`},{label:`wide`,value:U(c),max:U(c),unit:`rem`}],e=>e.label,(e,t)=>{var n=mm(),r=z(n),i=z(r,!0);F(r);var a=V(r,2),o=z(a);F(a);var s=V(a,2),c=z(s);F(s),F(n),H(e=>{q(i,U(t).label),Z(o,e),q(c,`${U(t).value??``}${U(t).unit??``}`)},[()=>`width: ${Math.min(U(t).value/U(t).max*100,100)}%`]),K(e,n)}),F(_),K(e,r)},$$slots:{default:!0}});var pe=V(fe,4);cf(pe,{title:`Center wrapper`,get open(){return U(x)},set open(e){R(x,e,!0)},children:(e,n)=>{var r=gm(),i=B(r);{let e=I(()=>`--sf-center-max`in t.overrides);$(i,{label:`Max width`,get value(){return U(l)},min:30,max:160,step:1,unit:`rem`,help:`--sf-center-max — max-width of the .sf-center centering wrapper`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-center-max`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-max`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-center-max`]},onRawSet:e=>t.onSet(`--sf-center-max`,e)})}var a=V(i,2);{let e=I(()=>`--sf-center-gutter`in t.overrides);$(a,{label:`Gutter`,get value(){return U(u)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-center-gutter — minimum side padding inside the center wrapper`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-center-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-gutter`),rawDefault:`var(--sf-gutter)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-center-gutter`]},onRawSet:e=>t.onSet(`--sf-center-gutter`,e)})}K(e,r)},$$slots:{default:!0}});var me=V(pe,4);cf(me,{title:`Auto grid`,spacing:`space-y-4`,get open(){return U(S)},set open(e){R(S,e,!0)},children:(e,n)=>{var r=vm(),a=B(r);{let e=I(()=>`--sf-grid-gap`in t.overrides);$(a,{label:`Grid gap`,get value(){return U(f)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-grid-gap — gap between grid cells (.sf-grid, .sf-grid-flex, .sf-grid-cols-*); defaults to --sf-gap`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-grid-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-grid-gap`]},onRawSet:e=>t.onSet(`--sf-grid-gap`,e)})}var o=V(a,2);{let e=I(()=>`--sf-grid-min`in t.overrides);$(o,{label:`Grid min cell width`,get value(){return U(d)},min:8,max:40,step:.5,unit:`rem`,help:`sf-grid minimum column width — browser auto-fills columns`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-grid-min`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-min`)})}var s=V(o,2),c=V(z(s),2);Y(c,20,()=>[{label:`xs`,token:`--sf-grid-min-xs`,def:10},{label:`s`,token:`--sf-grid-min-s`,def:13},{label:`m`,token:`--sf-grid-min-m`,def:16},{label:`l`,token:`--sf-grid-min-l`,def:20},{label:`xl`,token:`--sf-grid-min-xl`,def:24},{label:`2xl`,token:`--sf-grid-min-2xl`,def:28}],e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[n.token],n.def)),a=I(()=>n.token in t.overrides);$(e,{get label(){return n.label},get value(){return U(r)},min:6,max:40,step:.5,unit:`rem`,get overridden(){return U(a)},onChange:e=>t.onSet(n.token,`${e}rem`),onReset:()=>t.onReset(n.token)})}}),F(c),F(s);var l=V(s,2),u=V(z(l),2);Y(u,20,()=>Array.from({length:8}),ni,(e,t)=>{K(e,_m())}),F(u),F(l),H(e=>Z(u,e),[()=>`grid-template-columns: repeat(auto-fill, minmax(${Math.min(U(d)*16*(360/1200),120)}px, 1fr)); gap: ${U(f)*16*(360/1200)}px`]),K(e,r)},$$slots:{default:!0}});var he=V(me,4);cf(he,{title:`Header height`,spacing:`space-y-4`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,n)=>{var r=bm(),i=B(r),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-header-height-mobile`in t.overrides);$(o,{label:``,get value(){return U(p)},min:2,max:8,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-header-height-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-mobile`)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-header-height-desktop`in t.overrides);$(c,{label:``,get value(){return U(m)},min:3,max:10,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-header-height-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-desktop`)})}F(s),F(i);var l=V(i,2),u=z(l),d=V(z(u),2);Y(d,20,()=>[1,2,3],e=>e,(e,t)=>{K(e,ym())}),F(d),F(u);var f=V(u,2),h=z(f);F(f),F(l),H(e=>{Z(u,e),q(h,`${U(p)??``}rem mobile · ${U(m)??``}rem desktop`)},[()=>`height: ${Math.min(U(p)*12,64)}px`]),K(e,r)},$$slots:{default:!0}});var ge=V(he,4);cf(ge,{title:`Sticky offset`,get open(){return U(w)},set open(e){R(w,e,!0)},children:(e,n)=>{var r=xm(),i=V(B(r),2),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-sticky-offset-mobile`in t.overrides);$(o,{label:``,get value(){return U(g)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sticky-offset-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-mobile`),rawDefault:`var(--sf-header-height-mobile)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-mobile`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-mobile`,e)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-sticky-offset-desktop`in t.overrides);$(c,{label:``,get value(){return U(_)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sticky-offset-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-desktop`),rawDefault:`var(--sf-header-height-desktop)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-desktop`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-desktop`,e)})}F(s),F(i);var l=V(i,2),u=z(l);{let e=I(()=>`--sf-scroll-offset-gap`in t.overrides);$(u,{label:`Scroll-to-anchor gap`,get value(){return U(v)},min:0,max:6,step:.25,unit:`rem`,help:`--sf-scroll-offset-gap — breathing room below the header when scrolling to an in-page anchor; 0 = heading flush under the header.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-scroll-offset-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-scroll-offset-gap`),rawDefault:`var(--sf-space-m)`,get currentRaw(){return t.overrides[`--sf-scroll-offset-gap`]},onRawSet:e=>t.onSet(`--sf-scroll-offset-gap`,e)})}F(l),K(e,r)},$$slots:{default:!0}});var _e=V(ge,4);cf(_e,{title:`Sidebar`,spacing:`space-y-4`,get open(){return U(T)},set open(e){R(T,e,!0)},children:(e,n)=>{var r=Sm(),i=B(r);{let e=I(()=>`--sf-sidebar-width`in t.overrides);$(i,{label:`Sidebar width`,get value(){return U(h)},min:10,max:32,step:.5,unit:`rem`,help:`--sf-sidebar-width — default sidebar / drawer width`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sidebar-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-sidebar-width`)})}var a=V(i,2),o=z(a),s=z(o),c=z(s);F(s),F(o),Me(2),F(a),H(e=>{Z(o,e),q(c,`${U(h)??``}rem`)},[()=>`width: ${Math.min(U(h)*3.5,100)}px`]),K(e,r)},$$slots:{default:!0}});var ve=V(_e,4),ye=z(ve),be=V(z(ye),2),xe=z(be,!0);F(be),F(ye);var Se=V(ye,2),Ce=e=>{var n=Cm();Y(n,21,()=>y,e=>e.token,(e,n)=>{{let r=I(()=>A(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,U(n).unit?`${e}${U(n).unit}`:String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(n),K(e,n)};J(Se,e=>{U(E)&&e(Ce)}),F(ve);var we=V(ve,4),Te=z(we),Ee=V(z(Te),2),De=z(Ee,!0);F(Ee),F(Te);var P=V(Te,2),Oe=e=>{var i=Am(),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-switcher-threshold`in t.overrides);$(o,{label:`Threshold`,get value(){return U(j)},min:10,max:60,step:1,unit:`rem`,help:`--sf-switcher-threshold — width below which .sf-switcher stacks vertically`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-switcher-threshold`,`${e}rem`),onReset:()=>t.onReset(`--sf-switcher-threshold`)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-sidebar-min-width`in t.overrides);$(c,{label:`Content min width`,get value(){return U(M)},min:20,max:80,step:1,unit:`%`,help:`--sf-sidebar-min-width — minimum width of the .sf-sidebar content column before it wraps`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sidebar-min-width`,`${e}%`),onReset:()=>t.onReset(`--sf-sidebar-min-width`)})}F(s);var l=V(s,2),u=V(z(l),2);Y(u,16,()=>[{label:`Align`,token:`--sf-cluster-align`,def:`center`,opts:[`flex-start`,`center`,`flex-end`,`stretch`,`baseline`]},{label:`Justify`,token:`--sf-cluster-justify`,def:`flex-start`,opts:[`flex-start`,`center`,`flex-end`,`space-between`,`space-around`]}],e=>e.token,(e,n)=>{var i=Em(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n.opts,e=>e,(e,t)=>{var n=wm(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),K(e,n)}),F(s);var c;Ei(s);var l=V(s,2),u=e=>{var r=Tm();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(l,e=>{n.token in t.overrides&&e(u)}),F(i),H(()=>{q(o,n.label),c!==(c=t.overrides[n.token]??n.def)&&(s.value=(s.__value=t.overrides[n.token]??n.def)??``,Ti(s,t.overrides[n.token]??n.def))}),W(`change`,s,e=>{let r=e.target.value;r===n.def?t.onReset(n.token):t.onSet(n.token,r)}),K(e,i)});var d=V(u,2),f=z(d);Y(f,20,()=>[1.75,1,2.25,1.25],ni,(e,t,n)=>{var r=Dm();r.textContent=n+1,H(()=>Z(r,`min-height:${t}rem;min-width:1.75rem;background:var(--sf-color-primary-400,#818cf8);border-radius:var(--sf-radius-s,4px)`)),K(e,r)}),F(f),F(d),F(l);var p=V(l,2),m=V(z(p),4);{let e=I(()=>`--sf-equal-min-col`in t.overrides);$(m,{label:`Min column width`,get value(){return U(ee)},min:6,max:36,step:.5,unit:`rem`,help:`--sf-equal-min-col — column-width floor for .sf-equal`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-equal-min-col`,`${e}rem`),onReset:()=>t.onReset(`--sf-equal-min-col`)})}var h=V(m,2);{let e=I(()=>`--sf-equal-rule-width`in t.overrides);$(h,{label:`Rule width`,get value(){return U(te)},min:0,max:4,step:.5,unit:`px`,help:`--sf-equal-rule-width — column-rule width between flowing columns, 0 = off`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-equal-rule-width`,`${e}px`),onReset:()=>t.onReset(`--sf-equal-rule-width`)})}var g=V(h,2),_=V(z(g),2);Y(_,20,()=>n,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-equal-rule-style`]??`solid`);var i=Om(),a=z(i,!0);F(i),H(()=>{X(i,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,n)}),W(`click`,i,()=>n===`solid`?t.onReset(`--sf-equal-rule-style`):t.onSet(`--sf-equal-rule-style`,n)),K(e,i)}),F(_),F(g);var v=V(g,2),y=V(z(v),2);{let e=I(()=>`--sf-equal-rule-color`in t.overrides);of(y,{token:`--sf-equal-rule-color`,get value(){return U(ne)},placeholder:`inherits border`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-equal-rule-color`,e),onReset:()=>t.onReset(`--sf-equal-rule-color`)})}F(v),Me(2),F(p);var b=V(p,2),x=V(z(b),2);{let e=I(()=>`--sf-cover-min-height`in t.overrides);$(x,{label:`Min height`,get value(){return U(re)},min:20,max:100,step:1,unit:`dvh`,help:`--sf-cover-min-height — minimum height of the .sf-cover layout`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-cover-min-height`,`${e}dvh`),onReset:()=>t.onReset(`--sf-cover-min-height`)})}F(b);var S=V(b,2);lm(V(z(S),4),{token:`--sf-frame-ratio`,get value(){return U(se)},defaultValue:`16 / 9`,get presets(){return le},columns:5,dense:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),F(S);var C=V(S,2),w=V(z(C),4);Y(w,21,()=>ue,e=>e.value,(e,n)=>{var r=Om(),i=z(r,!0);F(r),H(()=>{X(r,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${U(ce)===U(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(i,U(n).label)}),W(`click`,r,()=>U(n).value===`max-content`?t.onReset(`--sf-reel-item-width`):t.onSet(`--sf-reel-item-width`,U(n).value)),K(e,r)}),F(w);var T=V(w,2),E=V(z(T),2);Ri(E);var D=V(E,2),O=e=>{var n=Tm();W(`click`,n,()=>t.onReset(`--sf-reel-height`)),K(e,n)};J(D,e=>{`--sf-reel-height`in t.overrides&&e(O)}),F(T);var k=V(T,2),A=z(k);Y(A,20,()=>[1,2,3,4,5,6],e=>e,(e,t)=>{var n=km();Z(n,`height:2.5rem;background:var(--sf-color-primary-400,#818cf8);border-radius:var(--sf-radius-s,4px)`);var r=z(n,!0);F(n),H(()=>q(r,t)),K(e,n)}),F(A),F(k),F(C);var de=V(C,2),fe=V(z(de),2);{let e=I(()=>`--sf-imposter-margin`in t.overrides);$(fe,{label:`Margin`,get value(){return U(ie)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-imposter-margin — viewport inset for the centered .sf-imposter overlay`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-imposter-margin`,`${e}rem`),onReset:()=>t.onReset(`--sf-imposter-margin`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-imposter-margin`]},onRawSet:e=>t.onSet(`--sf-imposter-margin`,e)})}F(de);var pe=V(de,2),me=V(z(pe),2);{let e=I(()=>`--sf-content-width`in t.overrides);$(me,{label:`Content width`,get value(){return U(oe)},min:40,max:120,step:1,unit:`rem`,help:`--sf-content-width — default reading column width in .sf-content-grid`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-content-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-width`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-content-width`]},onRawSet:e=>t.onSet(`--sf-content-width`,e)})}var he=V(me,2);{let e=I(()=>`--sf-breakout-width`in t.overrides);$(he,{label:`Breakout width`,get value(){return U(ae)},min:50,max:160,step:1,unit:`rem`,help:`--sf-breakout-width — wide breakout column width in .sf-content-grid`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-breakout-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-breakout-width`),rawDefault:`var(--sf-container-wide)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-breakout-width`]},onRawSet:e=>t.onSet(`--sf-breakout-width`,e)})}F(pe);var ge=V(pe,2),_e=V(z(ge),2);{let e=I(()=>`--sf-alternate-inner-gap`in t.overrides);$(_e,{label:`Inner gap`,get value(){return U(N)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-alternate-inner-gap — gap between media and text within an .sf-alternate row`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-alternate-inner-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-alternate-inner-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-alternate-inner-gap`]},onRawSet:e=>t.onSet(`--sf-alternate-inner-gap`,e)})}F(ge),F(i),H(()=>zi(E,t.overrides[`--sf-reel-height`]??``)),W(`input`,E,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-reel-height`,n):t.onReset(`--sf-reel-height`)}),K(e,i)};J(P,e=>{U(D)&&e(Oe)}),F(we);var ke=V(we,4),Ae=z(ke),je=V(z(Ae),2),Ne=z(je,!0);F(je),F(Ae);var Pe=V(Ae,2),Fe=e=>{var n=jm();Y(V(z(n),2),16,()=>[{label:`Square`,token:`--sf-ratio-square`,def:`1`},{label:`Portrait`,token:`--sf-ratio-portrait`,def:`3 / 4`},{label:`3:2`,token:`--sf-ratio-3-2`,def:`3 / 2`},{label:`4:3`,token:`--sf-ratio-4-3`,def:`4 / 3`},{label:`Video`,token:`--sf-ratio-video`,def:`16 / 9`},{label:`Cinema`,token:`--sf-ratio-cinema`,def:`21 / 9`},{label:`Golden`,token:`--sf-ratio-golden`,def:`1.618 / 1`}],e=>e.token,(e,n)=>{{let r=I(()=>t.overrides[n.token]??``),i=I(()=>n.token in t.overrides);pm(e,{get label(){return n.label},labelWidth:`w-16`,get value(){return U(r)},get placeholder(){return n.def},get overridden(){return U(i)},onSet:e=>t.onSet(n.token,e),onReset:()=>t.onReset(n.token)})}}),F(n),K(e,n)};J(Pe,e=>{U(k)&&e(Fe)}),F(ke);var Ie=V(ke,4),Le=z(Ie),Re=V(z(Le),2),ze=z(Re,!0);F(Re),F(Le);var Be=V(Le,2),Ue=e=>{var n=Mm(),a=V(z(n),2);Y(a,16,()=>[{label:`Fit`,token:`--sf-bg-layer-fit`,placeholder:`cover`,opts:[`cover`,`contain`,`fill`,`none`,`scale-down`]},{label:`Position`,token:`--sf-bg-layer-position`,placeholder:`50% 50%`,opts:[`50% 50%`,`top`,`bottom`,`left`,`right`,`center`]}],e=>e.token,(e,n)=>{var i=Em(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n.opts,e=>e,(e,t)=>{var n=wm(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),K(e,n)}),F(s);var c;Ei(s);var l=V(s,2),u=e=>{var r=Tm();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(l,e=>{n.token in t.overrides&&e(u)}),F(i),H(()=>{q(o,n.label),c!==(c=t.overrides[n.token]??n.placeholder)&&(s.value=(s.__value=t.overrides[n.token]??n.placeholder)??``,Ti(s,t.overrides[n.token]??n.placeholder))}),W(`change`,s,e=>{let r=e.target.value;r===n.placeholder?t.onReset(n.token):t.onSet(n.token,r)}),K(e,i)});var o=V(a,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-inset`],0)),n=I(()=>`--sf-bg-layer-inset`in t.overrides);$(o,{label:`Inset`,get value(){return U(e)},min:0,max:4,step:.25,unit:`rem`,help:`--sf-bg-layer-inset — inset the background from the container edges`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-inset`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-inset`)})}var s=V(o,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-radius`],0)),n=I(()=>`--sf-bg-layer-radius`in t.overrides);$(s,{label:`Radius`,get value(){return U(e)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-bg-layer-radius — corner radius of the background element`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-radius`)})}var c=V(s,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-z`],-2)),n=I(()=>`--sf-bg-layer-z`in t.overrides);$(c,{label:`Z-index`,get value(){return U(e)},min:-10,max:0,step:1,help:`--sf-bg-layer-z — stack order of the background pseudo-element (typically negative)`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-z`,String(e)),onReset:()=>t.onReset(`--sf-bg-layer-z`)})}F(n),K(e,n)};J(Be,e=>{U(O)&&e(Ue)}),F(Ie),F(de),H(()=>{Q(ye,`aria-expanded`,U(E)),q(xe,U(E)?`▲`:`▼`),Q(Te,`aria-expanded`,U(D)),q(De,U(D)?`▲`:`▼`),Q(Ae,`aria-expanded`,U(k)),q(Ne,U(k)?`▲`:`▼`),Q(Le,`aria-expanded`,U(O)),q(ze,U(O)?`▲`:`▼`)}),W(`click`,ye,()=>{R(E,!U(E))}),W(`click`,Te,()=>{R(D,!U(D))}),W(`click`,Ae,()=>{R(k,!U(k))}),W(`click`,Le,()=>{R(O,!U(O))}),K(e,de),He()}Rr([`click`,`change`,`input`]);var Fm=/var\(\s*(--sf-[\w-]+)/g,Im=/^var\(\s*(--sf-[\w-]+)\s*(?:,[\s\S]*)?\)$/;function Lm(e){let t=0;for(let n of e)if(n===`(`&&(t+=1),n===`)`&&--t<0)return!1;return t===0}function Rm(e){if(!e)return[];let t=new Set,n;for(Fm.lastIndex=0;(n=Fm.exec(e))!==null;)t.add(n[1]);return[...t]}function zm(e){if(!e||!Lm(e))return null;let t=e.trim(),n=Im.exec(t);if(!n)return null;let r=0;for(let e=0;e<t.length;e++)if(t[e]===`(`)r+=1;else if(t[e]===`)`&&--r===0)return e===t.length-1?n[1]:null;return n[1]}function Bm(e){return e.aliasOf?e.aliasOf:zm(e.value)}function Vm(e){return Bm(e)?`alias`:e.role===`consumption`?`output`:`source`}var Hm={source:`Source`,alias:`Alias`,output:`Output`};function Um(e){let t=new Set(e.map(e=>e.name)),n={},r={};for(let i of e){let e=Rm(i.value).filter(e=>e!==i.name&&t.has(e));n[i.name]=e;for(let t of e)(r[t]??=[]).push(i.name)}for(let e of Object.keys(r))r[e].sort();return{dependsOn:n,usedBy:r}}var Wm=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],Gm=e=>Wm.map(t=>`--sf-${e}-${t}`),Km=[{id:`text`,label:`Type scale`,sources:[`--sf-text-base-min`,`--sf-text-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:Gm(`text`)},{id:`display`,label:`Display scale`,sources:[`--sf-text-display-base-min`,`--sf-text-display-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-display-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:[`--sf-text-display-s`,`--sf-text-display-m`,`--sf-text-display-l`]},{id:`space`,label:`Spacing scale`,sources:[`--sf-space-base-min`,`--sf-space-base-max`,`--sf-space-ratio-min`,`--sf-space-ratio-max`,`--sf-space-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:Gm(`space`)},{id:`radius`,label:`Radius scale`,sources:[`--sf-radius-scale`],steps:[...Gm(`radius`),`--sf-radius-none`,`--sf-radius-full`,`--sf-radius-pill`,`--sf-radius-outer`]},{id:`border-width`,label:`Border-width scale`,sources:[`--sf-border-scale`],steps:[`--sf-border-width-1`,`--sf-border-width-2`,`--sf-border-width-3`,`--sf-border-width-4`]},{id:`motion`,label:`Duration scale`,sources:[`--sf-motion-scale`],steps:[`--sf-duration-instant`,`--sf-duration-fast`,`--sf-duration-normal`,`--sf-duration-slow`,`--sf-duration-slower`,`--sf-duration-none`,`--sf-theme-transition-duration`]}],qm=new Set(Km.flatMap(e=>e.steps)),Jm={};for(let e of Km)for(let t of e.steps)Jm[t]=e;function Ym(e){return qm.has(e)}function Xm(e){let t=[];for(let n of Km){let r=n.steps.filter(t=>{let r=e[t];return r!==void 0&&!Rm(r).some(e=>n.sources.includes(e))});if(r.length===0)continue;let i=n.sources.filter(t=>t in e);t.push({family:n,shadowedSteps:r,overriddenSources:i})}return t}var Zm=/[;{}]|\/\*|\*\//,Qm=/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/,$m=65535;function eh(e){if(typeof e!=`string`)return!1;let t=e.trim();return t===``||Zm.test(t)||Qm.test(t)?!1:new TextEncoder().encode(t).byteLength<=$m}function th(e,t){let n=t[e.name];if(n===void 0)return`default`;let r=(e.syntax??``).toLowerCase(),i=(r.includes(`<number>`)||r.includes(`<integer>`))&&n.trim().toLowerCase()===`auto`;if(!eh(n)||!Lm(n)||i)return`invalid`;if(zm(n))return`relinked`;let a=Vm(e);return a===`output`||a===`alias`||Ym(e.name)?`detached`:`custom`}var nh=()=>({invalid:[],detached:[],relinked:[],custom:[],unknown:[]});function rh(e,t){let n=new Map(e.map(e=>[e.name,e])),r=nh();for(let[e,i]of Object.entries(t)){let a=n.get(e)??null;if(!a){r.unknown.push({name:e,token:null,value:i,state:`unknown`});continue}let o=th(a,t),s={name:e,token:a,value:i,state:o};o!=="default"&&r[o].push(s)}for(let e of Object.keys(r))r[e].sort((e,t)=>e.name.localeCompare(t.name));let i=r.invalid.length+r.detached.length+r.relinked.length+r.custom.length+r.unknown.length;return{...r,total:i}}var ih=G(`<!> <p class="text-[9px] text-slate-400 dark:text-slate-600">Drives --sf-color-border--strong, --subtle, --translucent automatically.</p>`,1),ah=G(`<div class="flex items-center gap-3"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-14"> </span> <div class="flex-1 bg-indigo-400/50 rounded"></div></div>`),oh=G(`<!> <!> <!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),sh=G(`<button><span class="block mx-auto mb-0.5"></span> </button>`),ch=G(`<div><div class="text-[9px] text-slate-500 mb-1.5"> </div> <div class="flex flex-col gap-1"></div></div>`),lh=G(`<div class="grid grid-cols-2 gap-3"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center gap-3"><div class="px-4 py-2 rounded-lg text-[11px] text-slate-700 dark:text-slate-300 bg-black/4 dark:bg-white/4">Border sample</div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`,1),uh=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Color</div> <!></div> <!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[10px] text-slate-600 dark:text-slate-400 m-0">Content above</p> <hr/> <p class="text-[10px] text-slate-600 dark:text-slate-400 m-0">Content below</p></div>`,1),dh=G(`<div class="mt-2 space-y-2 pl-2 border-l border-black/10 dark:border-white/10"></div>`),fh=G(`<div class="flex flex-col items-center gap-1"><div class="w-10 h-10 bg-indigo-500/40 border border-indigo-500/30"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),ph=G(`<div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4"><div class="flex gap-3 flex-wrap"></div></div>`),mh=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-media-radius — 0 by default (off). Rounds every &lt;img&gt;/&lt;figure&gt; globally via a
-        zero-specificity :where() rule; .sf-bg-layer and component-level radii still win.</p> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><div class="w-16 h-16 bg-indigo-500/40 border border-indigo-500/30"></div></div>`,1),hh=G(`<div class="mt-2 space-y-2"><!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><input type="text" disabled="" placeholder="Sample field" class="w-full text-[11px] text-slate-600 dark:text-slate-300 bg-white/70 dark:bg-white/5 outline-none placeholder:text-slate-500"/></div></div>`),gh=G(`<div class="mt-3 space-y-4"></div>`),_h=G(`<div class="p-4 space-y-5"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div>  <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Radius</div> <!> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span>Fine-tune radius steps</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div><button class="w-full flex items-center justify-between cursor-pointer mb-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Radius preview</div> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Field shape</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400 transition-colors cursor-pointer"><div class="text-[10px] font-semibold uppercase tracking-widest">Advanced</div> <span class="text-[10px]"> </span></button> <!></div></div>`);function vh(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`,`full`],i=[{step:`xs`,name:`--sf-radius-xs`,default:2,max:16,step_size:.5,rawDefault:`calc(2px * var(--sf-radius-scale))`},{step:`s`,name:`--sf-radius-s`,default:4,max:24,step_size:.5,rawDefault:`calc(4px * var(--sf-radius-scale))`},{step:`m`,name:`--sf-radius-m`,default:8,max:32,step_size:1,rawDefault:`calc(8px * var(--sf-radius-scale))`},{step:`l`,name:`--sf-radius-l`,default:12,max:48,step_size:1,rawDefault:`calc(12px * var(--sf-radius-scale))`},{step:`xl`,name:`--sf-radius-xl`,default:16,max:64,step_size:1,rawDefault:`calc(16px * var(--sf-radius-scale))`},{step:`2xl`,name:`--sf-radius-2xl`,default:24,max:80,step_size:2,rawDefault:`calc(24px * var(--sf-radius-scale))`}],a=[{label:`Field radius`,token:`--sf-field-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,help:`--sf-field-radius`,variableOptions:Jp},{label:`Field padding block`,token:`--sf-field-padding-block`,unit:`rem`,min:0,max:1,step:.025,default:.375,rawDefault:`var(--sf-space-xs)`,help:`--sf-field-padding-block`,variableOptions:qp},{label:`Field padding inline`,token:`--sf-field-padding-inline`,unit:`rem`,min:0,max:2,step:.025,default:.75,rawDefault:`var(--sf-space-s)`,help:`--sf-field-padding-inline`,variableOptions:qp}],o=fd.borders??[],s=L(!1),c=L(!1),l=L(!1),u=L(!1),d=L(!1),f=L(!1),p=L(!1),m=L(!1),h=L(!1);function g(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let _=I(()=>g(t.overrides[`--sf-border-scale`],1)),v=I(()=>g(t.overrides[`--sf-divider-width`]?.replace(`px`,``),1)),y=I(()=>g(t.overrides[`--sf-divider-gap`]?.replace(`rem`,``),1)),b=I(()=>t.overrides[`--sf-color-border`]??``),x=I(()=>t.overrides[`--sf-border-style`]??`solid`),S=I(()=>t.overrides[`--sf-divider-color`]??``),C=I(()=>g(t.overrides[`--sf-media-radius`]?.replace(`rem`,``),0)),w=I(()=>Xm(t.overrides).find(e=>e.family.id===`radius`)?.shadowedSteps??[]),T=I(()=>Xm(t.overrides).find(e=>e.family.id===`border-width`)?.shadowedSteps??[]),E=e=>e.forEach(t.onReset);function D(e,n){return t.overrides[e]??n}function O(e){let n=t.overrides[e.name];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function k(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}var A=_h(),j=z(A);cf(j,{title:`Border color`,get open(){return U(s)},set open(e){R(s,e,!0)},children:(e,n)=>{var r=ih(),i=B(r);{let e=I(()=>`--sf-color-border`in t.overrides);of(i,{token:`--sf-color-border`,get value(){return U(b)},placeholder:`auto-derived`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-color-border`,e),onReset:()=>t.onReset(`--sf-color-border`)})}Me(2),K(e,r)},$$slots:{default:!0}});var M=V(j,4);cf(M,{title:`Border widths`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,n)=>{var r=oh(),i=B(r);dp(i,{get tokens(){return U(T)},scaleLabel:`border-width`,onClear:()=>E(U(T))});var a=V(i,2);{let e=I(()=>`--sf-border-scale`in t.overrides);$(a,{label:`Border scale`,get value(){return U(_)},min:0,max:4,step:.25,help:`Multiplier applied to all border widths. 0 hides all borders.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-border-scale`,String(e)),onReset:()=>t.onReset(`--sf-border-scale`)})}var o=V(a,2);{let e=I(()=>g(t.overrides[`--sf-border-width-hairline`]?.replace(`px`,``),.5)),n=I(()=>`--sf-border-width-hairline`in t.overrides);$(o,{label:`Hairline`,get value(){return U(e)},min:0,max:1,step:.25,unit:`px`,help:`--sf-border-width-hairline — ultra-thin border for retina displays`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-border-width-hairline`,`${e}px`),onReset:()=>t.onReset(`--sf-border-width-hairline`)})}var s=V(o,2);{let e=I(()=>g(t.overrides[`--sf-box-border-width`]?.replace(`px`,``),0)),n=I(()=>`--sf-box-border-width`in t.overrides);$(s,{label:`Box border`,get value(){return U(e)},min:0,max:4,step:.5,unit:`px`,help:`--sf-box-border-width — box-shadow border drawn without affecting layout`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-box-border-width`,`${e}px`),onReset:()=>t.onReset(`--sf-box-border-width`)})}var c=V(s,2);Y(c,20,()=>[1,2,3,4],e=>e,(e,t)=>{var n=ah(),r=z(n),i=z(r);F(r);var a=V(r,2);F(n),H(()=>{q(i,`width-${t??``}`),Z(a,`height: max(var(--sf-border-width-${t}, ${t}px), 0.5px)`)}),K(e,n)}),F(c),K(e,r)},$$slots:{default:!0}});var ee=V(M,4);cf(ee,{title:`Line styles`,spacing:`space-y-4`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,r)=>{var i=lh(),a=B(i);Y(a,20,()=>[{label:`Border`,token:`--sf-border-style`,default:`solid`},{label:`Divider`,token:`--sf-divider-style`,default:`solid`}],e=>e.token,(e,r)=>{var i=ch(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n,e=>e,(e,n)=>{let i=I(()=>D(r.token,r.default));var a=sh(),o=z(a),s=V(o);F(a),H(()=>{X(a,1,`px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer text-center ${U(i)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),Z(o,`width: 20px; height: 0; border-bottom: 2px ${n} currentColor; opacity: 0.7`),q(s,` ${n??``}`)}),W(`click`,a,()=>n===r.default?t.onReset(r.token):t.onSet(r.token,n)),K(e,a)}),F(s),F(i),H(()=>q(o,r.label)),K(e,i)}),F(a);var o=V(a,2),s=z(o),c=V(s,2),l=z(c);F(c),F(o),H(()=>{Z(s,`border: var(--sf-border-width-1, 1px) ${U(x)} ${U(b)||`var(--sf-color-border, #64748b)`}`),q(l,`width-1 · ${U(x)??``}`)}),K(e,i)},$$slots:{default:!0}});var te=V(ee,4);cf(te,{title:`Dividers`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var r=uh(),i=B(r),a=V(z(i),2);{let e=I(()=>`--sf-divider-color`in t.overrides);of(a,{token:`--sf-divider-color`,get value(){return U(S)},placeholder:`inherits border`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-divider-color`,e),onReset:()=>t.onReset(`--sf-divider-color`)})}F(i);var o=V(i,2);{let e=I(()=>`--sf-divider-width`in t.overrides);$(o,{label:`Width`,get value(){return U(v)},min:.5,max:4,step:.5,unit:`px`,help:`--sf-divider-width`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-divider-width`,`${e}px`),onReset:()=>t.onReset(`--sf-divider-width`),rawDefault:`var(--sf-border-width-1)`,get variableOptions(){return Yp},get currentRaw(){return t.overrides[`--sf-divider-width`]},onRawSet:e=>t.onSet(`--sf-divider-width`,e)})}var s=V(o,2);{let e=I(()=>`--sf-divider-gap`in t.overrides);$(s,{label:`Gap`,get value(){return U(y)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-divider-gap — spacing around divider lines`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-divider-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-divider-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-divider-gap`]},onRawSet:e=>t.onSet(`--sf-divider-gap`,e)})}var c=V(s,2);Z(V(z(c),2),`border:0;border-top:var(--sf-divider-width,1px) var(--sf-divider-style,solid) var(--sf-divider-color, var(--sf-color-border,#64748b));margin-block:var(--sf-divider-gap,1rem)`),Me(2),F(c),K(e,r)},$$slots:{default:!0}});var ne=V(te,6);dp(ne,{get tokens(){return U(w)},scaleLabel:`radius`,onClear:()=>E(U(w))});var re=V(ne,2),ie=z(re),ae=V(z(ie),2),oe=z(ae,!0);F(ae),F(ie);var N=V(ie,2),se=e=>{var n=dh();Y(n,21,()=>i,e=>e.name,(e,n)=>{{let r=I(()=>O(U(n))),i=I(()=>U(n).name in t.overrides);$(e,{get label(){return U(n).step},get value(){return U(r)},min:0,get max(){return U(n).max},get step(){return U(n).step_size},unit:`px`,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).name,`${e}px`),onReset:()=>t.onReset(U(n).name),get rawDefault(){return U(n).rawDefault},get currentRaw(){return t.overrides[U(n).name]},onRawSet:e=>t.onSet(U(n).name,e)})}}),F(n),K(e,n)};J(N,e=>{U(m)&&e(se)}),F(re);var ce=V(re,2),le=z(ce),ue=V(z(le),2),de=z(ue,!0);F(ue),F(le);var fe=V(le,2),pe=e=>{var t=ph(),n=z(t);Y(n,20,()=>r,e=>e,(e,t)=>{var n=fh(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(()=>{Z(r,`border-radius: var(--sf-radius-${t})`),q(a,t)}),K(e,n)}),F(n),F(t),K(e,t)};J(fe,e=>{U(f)&&e(pe)}),F(ce);var me=V(ce,4);cf(me,{title:`Global media radius`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,n)=>{var r=mh(),i=V(B(r),2);{let e=I(()=>`--sf-media-radius`in t.overrides);$(i,{label:`Radius`,get value(){return U(C)},min:0,max:2,step:.05,unit:`rem`,help:`--sf-media-radius`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-media-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-media-radius`),rawDefault:`0`,get variableOptions(){return Jp},get currentRaw(){return t.overrides[`--sf-media-radius`]},onRawSet:e=>t.onSet(`--sf-media-radius`,e)})}var a=V(i,2);Z(z(a),`border-radius: var(--sf-media-radius, 0)`),F(a),K(e,r)},$$slots:{default:!0}});var he=V(me,4),ge=z(he),_e=V(z(ge),2),ve=z(_e,!0);F(_e),F(ge);var ye=V(ge,2),be=e=>{var n=hh(),r=z(n);Y(r,17,()=>a,e=>e.token,(e,n)=>{{let r=I(()=>k(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).help},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var i=V(r,2);Z(z(i),`border:var(--sf-border-width-1,1px) solid var(--sf-color-border,#64748b);border-radius:var(--sf-field-radius,0.5rem);padding-block:var(--sf-field-padding-block,0.375rem);padding-inline:var(--sf-field-padding-inline,0.75rem)`),F(i),F(n),K(e,n)};J(ye,e=>{U(h)&&e(be)}),F(he);var xe=V(he,4),Se=z(xe),Ce=V(z(Se),2),we=z(Ce,!0);F(Ce),F(Se);var Te=V(Se,2),Ee=e=>{var n=gh();Y(n,21,()=>o,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(n),K(e,n)};J(Te,e=>{U(d)&&e(Ee)}),F(xe),F(A),H(()=>{Q(ie,`aria-expanded`,U(m)),q(oe,U(m)?`▲`:`▼`),Q(le,`aria-expanded`,U(f)),q(de,U(f)?`▲`:`▼`),Q(ge,`aria-expanded`,U(h)),q(ve,U(h)?`▲`:`▼`),Q(Se,`aria-expanded`,U(d)),q(we,U(d)?`▲`:`▼`)}),W(`click`,ie,()=>{R(m,!U(m))}),W(`click`,le,()=>{R(f,!U(f))}),W(`click`,ge,()=>{R(h,!U(h))}),W(`click`,Se,()=>{R(d,!U(d))}),K(e,A),He()}Rr([`click`]);var yh=G(`<button type="button"><div></div></button>`);function bh(e,t){let n=na(t,`size`,3,`md`),r=I(()=>n()===`sm`?`w-8 h-4`:`w-9 h-5`),i=I(()=>n()===`sm`?`w-3 h-3`:`w-4 h-4`);var a=yh(),o=z(a);F(a),H(()=>{Q(a,`aria-label`,t.ariaLabel),Q(a,`aria-pressed`,t.checked),Q(a,`title`,t.title),X(a,1,`${U(r)} rounded-full transition-colors relative cursor-pointer shrink-0 ${t.checked?`bg-indigo-600`:`bg-black/10 dark:bg-white/10`}`),X(o,1,`absolute top-0.5 ${U(i)} bg-white rounded-full shadow transition-transform ${t.checked?`translate-x-4`:`translate-x-0.5`}`)}),W(`click`,a,function(...e){t.onToggle?.apply(this,e)}),K(e,a)}Rr([`click`]);var xh=G(`<div class="flex flex-col items-center gap-2"><div class="bg-white dark:bg-[#1a1a2e] border border-black/8 dark:border-white/8 rounded-lg"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Sh=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Shadow color</div> <!> <p class="text-[9px] text-slate-400 dark:text-slate-600 mt-1">Warm, cool or brand-tinted shadows. Default uses neutral hue.</p></div>`),Ch=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Glow color</div> <!> <p class="text-[9px] text-slate-400 dark:text-slate-600 mt-1">Which brand color radiates the glow. Defaults to primary.</p></div>`),wh=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 text-center">Glow disabled.</p>`),Th=G(`<div class="flex items-center justify-between p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Shadow glow</div> <div class="text-[9px] text-slate-500 mt-0.5">Ambient glow on elevated surfaces</div></div> <!></div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-6 flex items-center justify-center"><div class="w-16 h-16 bg-white dark:bg-[#1a1a2e] border border-black/8 dark:border-white/8 rounded-xl"></div></div> <!>`,1),Eh=G(`<div class="space-y-4"></div>`),Dh=G(`<div class="p-4 space-y-5"><div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-4 flex-wrap items-end justify-center"></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function Oh(e,t){Ve(t,!0);let n=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=fd.shadows??[],i=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-shadow-lightness`]??`0.15`);return isFinite(e)?e:.15})()),a=I(()=>t.overrides[`--sf-shadow-color`]??``),o=I(()=>t.overrides[`--sf-shadow-glow-color`]??``),s=I(()=>t.overrides[`--sf-shadow-glow`]===`none`),c=L(!1),l=L(!1),u=L(!1);var d=Dh(),f=z(d);Y(f,22,()=>n,e=>e,(e,t,n)=>{var r=xh(),i=z(r),a=V(i,2),o=z(a,!0);F(a),F(r),H(()=>{Z(i,`width: ${40+U(n)*4}px; height: ${40+U(n)*4}px; box-shadow: var(--sf-shadow-${t})`),q(o,t)}),K(e,r)}),F(f);var p=V(f,4);{let e=I(()=>`--sf-shadow-lightness`in t.overrides);$(p,{label:`Shadow lightness`,get value(){return U(i)},min:0,max:.5,step:.01,help:`--sf-shadow-lightness — OKLCH lightness of the shadow color. Lower = darker, more visible shadows.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-shadow-lightness`,String(e)),onReset:()=>t.onReset(`--sf-shadow-lightness`)})}var m=V(p,4);cf(m,{title:`Shadow color`,spacing:`space-y-4`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,n)=>{var r=Sh(),i=V(z(r),2);{let e=I(()=>`--sf-shadow-color`in t.overrides);of(i,{token:`--sf-shadow-color`,get value(){return U(a)},placeholder:`auto (neutral hue)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-shadow-color`,e),onReset:()=>t.onReset(`--sf-shadow-color`)})}Me(2),F(r),K(e,r)},$$slots:{default:!0}});var h=V(m,4);cf(h,{title:`Glow`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,n)=>{var r=Th(),i=B(r),a=V(z(i),2);{let e=I(()=>!U(s)),n=I(()=>U(s)?`Enable shadow glow`:`Disable shadow glow`);bh(a,{get checked(){return U(e)},get ariaLabel(){return U(n)},onToggle:()=>U(s)?t.onReset(`--sf-shadow-glow`):t.onSet(`--sf-shadow-glow`,`none`)})}F(i);var c=V(i,2),l=e=>{var n=Ch(),r=V(z(n),2);{let e=I(()=>`--sf-shadow-glow-color`in t.overrides);of(r,{token:`--sf-shadow-glow-color`,get value(){return U(o)},placeholder:`default (primary color)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-shadow-glow-color`,e),onReset:()=>t.onReset(`--sf-shadow-glow-color`)})}Me(2),F(n),K(e,n)};J(c,e=>{U(s)||e(l)});var u=V(c,2),d=z(u);F(u);var f=V(u,2),p=e=>{K(e,wh())};J(f,e=>{U(s)&&e(p)}),H(()=>Z(d,`box-shadow: ${U(s)?`none`:`var(--sf-shadow-glow)`}`)),K(e,r)},$$slots:{default:!0}}),cf(V(h,4),{title:`Advanced`,variant:`advanced`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var i=Eh();Y(i,21,()=>r,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(i),K(e,i)},$$slots:{default:!0}}),F(d),K(e,d),He()}var kh=G(`<div></div>`),Ah=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-3 items-center justify-center overflow-hidden relative"><div class="absolute inset-0 grid grid-cols-4 grid-rows-3 gap-px opacity-30"></div> <div class="relative z-10 w-20 h-12 rounded-lg border border-black/20 dark:border-white/20 bg-black/10 dark:bg-white/10 flex items-center justify-center"><span class="text-[9px] font-mono text-slate-900/70 dark:text-white/70"> </span></div></div>`,1),jh=G(`<div class="flex items-center gap-3"><span class="text-[9px] text-slate-400 dark:text-slate-600 w-14"> </span> <div class="flex-1 h-4 bg-indigo-400 rounded"></div> <span class="text-[9px] font-mono text-slate-500 w-8"> </span></div>`),Mh=G(`<!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),Nh=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0"> </div> <!></div>`),Ph=G(`<!> <div class="flex items-center gap-2 p-2 rounded-lg bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div class="w-16 h-3 rounded-full"><div class="w-6 h-3 rounded-full"></div></div> <span class="text-[9px] text-slate-400 dark:text-slate-600">Scrollbar preview</span></div>`,1),Fh=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Ih=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0"> </div> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Lh=G(`<div class="flex flex-col items-center gap-1"><span class="text-[22px] font-bold text-white leading-none">Aa</span> <span class="text-[8px] font-mono text-white/70"> </span></div>`),Rh=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Controls text legibility over images. Applied via <code class="text-slate-600 dark:text-slate-400">text-shadow: var(--sf-text-shadow-m)</code>.
+      change it there and both move together.</p> <!> <div class="flex items-center justify-between rounded-lg bg-black/4 dark:bg-white/4 border border-dashed border-black/10 dark:border-white/10 px-2.5 py-1.5"><span class="text-[9px] text-slate-500 dark:text-slate-400">Modular ratio <span class="text-slate-400 dark:text-slate-600">(inherited from body scale)</span></span> <span class="text-[10px] font-mono text-slate-700 dark:text-slate-300"> <span class="text-slate-400 dark:text-slate-600">→</span> </span></div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1 max-h-96 overflow-y-auto"><div class="text-[9px] font-semibold text-slate-500 mb-1">Text</div> <!> <div class="text-[9px] font-semibold text-slate-500 mt-3 mb-1">Display</div> <!></div>`,1),Ep=G(`<div><span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span> <p class="text-[11px] text-slate-700 dark:text-slate-300 m-0">The quick brown fox jumps over the lazy dog while the rhythm of these lines shifts with the leading.</p></div>`),Dp=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Leading scale</div> <div class="space-y-2"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2.5"></div> <!> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Display line heights</div> <div class="space-y-2"></div></div>`,1),Op=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer ">reset</button>`),kp=G(`<div class="group"><div class="flex items-center justify-between mb-1"><span class="text-[10px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!></div> <!></div>`),Ap=G(`<div class="flex items-baseline gap-2"><span class="text-[8px] font-mono text-slate-400 dark:text-slate-600 w-10 shrink-0"> </span> <span class="text-[13px] text-slate-800 dark:text-slate-200 truncate">Typography</span></div>`),jp=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 mb-2">Overriding these propagates to heading sizes that reference them.</p> <div class="space-y-2"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1.5"></div>`,1),Mp=G(`<div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Weight scale</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">Named weight tokens. Override if your font uses non-standard axis values.</p> <!> <!> <!> <!> <!> <div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 pt-2">Role weights</div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed -mt-2">Semantic defaults the elements build on — reweight the whole site from here.</p> <!> <!> <!> <!>`,1),Np=G(`<span class="absolute top-0.5 right-0.5 w-1 h-1 rounded-full bg-indigo-400"></span>`),Pp=G(`<button> <!></button>`),Fp=G(`<option>custom</option>`),Ip=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Tracking</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div>`),Lp=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Max width</span> <input type="text" placeholder="none" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Rp=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer"> </button>`),zp=G(`<button><span> </span></button>`),Bp=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5"> </div> <div class="flex gap-1"></div></div>`),Vp=G(`<div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 px-3 py-3 overflow-hidden"><div class="text-slate-900/85 dark:text-white/85 truncate">The quick brown fox</div></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Size</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Line height</span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"><!><!></select></div> <div><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Weight</span> <div class="flex gap-1 mt-1"></div></div> <!> <!> <div class="flex justify-end"><!></div> <div class="pt-2 space-y-4 border-t border-black/6 dark:border-white/6"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400">Body &amp; prose details</div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-2">Emphasis style</div> <div class="flex gap-1"></div></div> <!> <!> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">External marker</span> <input type="text" aria-label="External link marker" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">External label</span> <input type="text" aria-label="External link label" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div></div>`,1),Hp=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-600 dark:text-slate-400 w-6 shrink-0"> </span> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Up=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">Per-text-size max-width caps on <span class="font-mono text-slate-600 dark:text-slate-400">.sf-text-*</span> elements. Set to <span class="font-mono text-slate-600 dark:text-slate-400">none</span> to remove the constraint; use <span class="font-mono text-slate-600 dark:text-slate-400">ch</span> units for character-based measures.</p> <div class="space-y-1.5"></div>`,1),Wp=G(`<div class="p-4 space-y-6"><!> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function Gp(e,t){Ve(t,!0);let n=(e,n=f,r=f,i=f)=>{let a=I(()=>t.overrides[r()]??i()),o=I(()=>r()in t.overrides);var s=yp(),c=z(s),l=z(c),d=z(l,!0);F(l);var p=V(l,2),m=e=>{var n=_p();W(`click`,n,()=>t.onReset(r())),K(e,n)};J(p,e=>{U(o)&&e(m)}),F(c);var h=V(c,2);Y(h,20,()=>u,e=>e,(e,n)=>{var o=vp(),s=z(o,!0);F(o),H(e=>{Z(o,e),X(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(a)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(s,n)},[()=>`font-weight: ${parseInt(n)}`]),W(`click`,o,()=>n===i()?r()in t.overrides?t.onReset(r()):void 0:t.onSet(r(),n)),K(e,o)}),F(h),F(s),H(()=>q(d,n())),K(e,s)},r=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),i=[{label:`Minor Second — 1.067`,value:1.067},{label:`Major Second — 1.125`,value:1.125},{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],a=[{label:`System sans-serif`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`'Avenir', 'Montserrat', 'Corbel', 'URW Gothic', source-sans-pro, sans-serif`},{label:`Humanist (Seravek, Gill Sans…)`,value:`'Seravek', 'Gill Sans Nova', 'Ubuntu', 'Calibri', 'DejaVu Sans', source-sans-pro, sans-serif`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`'Rockwell', 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Merriweather (serif)`,value:`'Merriweather', Georgia, serif`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`}],o=[{label:`Same as body`,value:``},{label:`Geometric (Avenir, Montserrat…)`,value:`'Avenir', 'Montserrat', 'Corbel', 'URW Gothic', source-sans-pro, sans-serif`},{label:`Humanist (Seravek, Gill Sans…)`,value:`'Seravek', 'Gill Sans Nova', 'Ubuntu', 'Calibri', 'DejaVu Sans', source-sans-pro, sans-serif`},{label:`Slab serif (Rockwell, Roboto Slab…)`,value:`'Rockwell', 'Rockwell Nova', 'Roboto Slab', 'DejaVu Serif', 'Sitka Small', serif`},{label:`Inter`,value:`Inter, system-ui, sans-serif`},{label:`Georgia (serif)`,value:`Georgia, 'Times New Roman', serif`},{label:`Impact / condensed`,value:`Impact, 'Arial Narrow', sans-serif`}],s=[{label:`System mono`,value:`ui-monospace, monospace`},{label:`JetBrains Mono`,value:`'JetBrains Mono', 'Fira Code', monospace`},{label:`Source Code Pro`,value:`'Source Code Pro', 'Courier New', monospace`}],c=gp,l=[{label:`balance`,value:`balance`},{label:`pretty`,value:`pretty`},{label:`normal`,value:`normal`}],u=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],d={"--sf-font-weight-body":`400`,"--sf-font-weight-heading":`600`,"--sf-font-weight-display":`700`,"--sf-font-weight-interactive":`600`},p=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],m=[{label:`Tight`,token:`--sf-tracking-tight`,default:-.025},{label:`Normal`,token:`--sf-tracking-normal`,default:0},{label:`Wide`,token:`--sf-tracking-wide`,default:.025},{label:`Wider`,token:`--sf-tracking-wider`,default:.05},{label:`Widest`,token:`--sf-tracking-widest`,default:.1}],g=[{label:`Tight`,token:`--sf-leading-tight`,default:1.1},{label:`Snug`,token:`--sf-leading-snug`,default:1.3},{label:`Normal`,token:`--sf-leading-normal`,default:1.5},{label:`Relaxed`,token:`--sf-leading-relaxed`,default:1.625}],_=[{label:`Display S`,token:`--sf-display-s-line-height`,def:1.1},{label:`Display M`,token:`--sf-display-m-line-height`,def:1.05},{label:`Display L`,token:`--sf-display-l-line-height`,def:1}],v=[{label:`2xs`,value:`var(--sf-text-2xs)`},{label:`xs`,value:`var(--sf-text-xs)`},{label:`s`,value:`var(--sf-text-s)`},{label:`m`,value:`var(--sf-text-m)`},{label:`l`,value:`var(--sf-text-l)`},{label:`xl`,value:`var(--sf-text-xl)`},{label:`2xl`,value:`var(--sf-text-2xl)`},{label:`3xl`,value:`var(--sf-text-3xl)`},{label:`4xl`,value:`var(--sf-text-4xl)`},{label:`display-s`,value:`var(--sf-text-display-s)`},{label:`display-m`,value:`var(--sf-text-display-m)`},{label:`display-l`,value:`var(--sf-text-display-l)`}],y=g.map(e=>({label:e.label,value:`var(${e.token})`,num:e.default})),b=m.map(e=>({label:e.label,value:`var(${e.token})`,em:e.default})),x=[{id:`body`,label:`Body`,size:`--sf-body-font-size`,lh:`--sf-body-line-height`,wt:`--sf-body-font-weight`,ls:null,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`400`,dLs:``},{id:`h1`,label:`H1`,size:`--sf-h1-size`,lh:`--sf-h1-line-height`,wt:`--sf-h1-font-weight`,ls:`--sf-h1-letter-spacing`,dSize:`var(--sf-text-4xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h2`,label:`H2`,size:`--sf-h2-size`,lh:`--sf-h2-line-height`,wt:`--sf-h2-font-weight`,ls:`--sf-h2-letter-spacing`,dSize:`var(--sf-text-3xl)`,dLh:`var(--sf-leading-tight)`,dWt:`600`,dLs:`var(--sf-tracking-tight)`},{id:`h3`,label:`H3`,size:`--sf-h3-size`,lh:`--sf-h3-line-height`,wt:`--sf-h3-font-weight`,ls:`--sf-h3-letter-spacing`,dSize:`var(--sf-text-2xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h4`,label:`H4`,size:`--sf-h4-size`,lh:`--sf-h4-line-height`,wt:`--sf-h4-font-weight`,ls:`--sf-h4-letter-spacing`,dSize:`var(--sf-text-xl)`,dLh:`var(--sf-leading-snug)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h5`,label:`H5`,size:`--sf-h5-size`,lh:`--sf-h5-line-height`,wt:`--sf-h5-font-weight`,ls:`--sf-h5-letter-spacing`,dSize:`var(--sf-text-l)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-normal)`},{id:`h6`,label:`H6`,size:`--sf-h6-size`,lh:`--sf-h6-line-height`,wt:`--sf-h6-font-weight`,ls:`--sf-h6-letter-spacing`,dSize:`var(--sf-text-m)`,dLh:`var(--sf-leading-normal)`,dWt:`600`,dLs:`var(--sf-tracking-wide)`}],S=L(`h1`),C=I(()=>x.find(e=>e.id===U(S))),w=I(()=>Ce(U(S)));function T(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let E=I(()=>T(`--sf-text-ratio-min`,1.25)),D=I(()=>T(`--sf-text-ratio-max`,1.333)),O=I(()=>T(`--sf-text-base-min`,1)),k=I(()=>T(`--sf-text-base-max`,1.25)),A=I(()=>T(`--sf-text-display-base-min`,2.4)),j=I(()=>T(`--sf-text-display-base-max`,3)),M=I(()=>T(`--sf-leading-taper`,0)),N=I(()=>T(`--sf-text-scale`,1)),ee=I(()=>T(`--sf-text-display-scale`,1)),te=I(()=>T(`--sf-fluid-min-vw`,22.5)),ne=I(()=>T(`--sf-fluid-max-vw`,90)),re=I(()=>[...hp(t.overrides,pp),...hp(t.overrides,mp)]),ie=L(!1),ae=L(!1),oe=L(!1),se=L(!1),ce=L(!1),le=L(!1),ue=L(!1),de=I(()=>t.overrides[`--sf-font-body`]??``),fe=I(()=>t.overrides[`--sf-font-heading`]??``),pe=I(()=>t.overrides[`--sf-font-mono`]??`ui-monospace, monospace`),me=L(``),he=L(`body`);function ge(e){let n=t.overrides[e.token];return n?parseFloat(n.replace(`em`,``)):e.default}function _e(e){return T(e.token,e.default)}function ve(e){if(!e.trim())return;let t=`gf-${e.replace(/\s+/g,`-`)}`;if(!document.getElementById(t)){let n=document.createElement(`link`);n.id=t,n.rel=`stylesheet`,n.href=`https://fonts.googleapis.com/css2?family=${encodeURIComponent(e)}:wght@100;200;300;400;500;600;700;800;900&display=swap`,document.head.appendChild(n)}}let ye=[{id:`body`,label:`Body`,token:`--sf-font-body`,fallback:`sans-serif`},{id:`heading`,label:`Heading`,token:`--sf-font-heading`,fallback:`sans-serif`},{id:`mono`,label:`Mono`,token:`--sf-font-mono`,fallback:`monospace`}];function be(e,n){if(!e.trim())return;ve(e);let r=ye.find(e=>e.id===n);t.onSet(r.token,`'${e}', ${r.fallback}`)}function xe(e,n){return e?t.overrides[e]??n:n}function Se(e,n,r){e&&(n===r?t.onReset(e):t.onSet(e,n))}function Ce(e){return e.startsWith(`h`)?`--sf-${e}-max-width`:null}var we=Wp(),Te=z(we);dp(Te,{get tokens(){return U(re)},scaleLabel:`type`,onClear:()=>U(re).forEach(e=>t.onReset(e))});var Ee=V(Te,2);cf(Ee,{title:`Fonts`,spacing:`space-y-4`,get open(){return U(ie)},set open(e){R(ie,e,!0)},children:(e,n)=>{var i=wp(),l=B(i);Y(l,17,()=>[{label:`Body`,token:`--sf-font-body`,current:U(de),opts:a},{label:`Heading`,token:`--sf-font-heading`,current:U(fe),opts:o},{label:`Mono`,token:`--sf-font-mono`,current:U(pe),opts:s}],e=>e.token,(e,n)=>{var i=Sp(),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=z(s);Y(c,17,()=>U(n).opts,e=>e.label,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`font-family:inherit;background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var l=V(c),u=e=>{var t=bp(),i=z(t);F(t);var a={};H(e=>{Z(t,`background:${U(r)};`),q(i,`Custom: ${e??``}`),a!==(a=U(n).current)&&(t.value=(t.__value=U(n).current)??``)},[()=>U(n).current.split(`,`)[0].replace(/['"]/g,``)]),K(e,t)},d=I(()=>U(n).current&&!U(n).opts.some(e=>e.value===U(n).current));J(l,e=>{U(d)&&e(u)}),F(s);var f;Ei(s);var p=V(s,2),m=e=>{var r=xp();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(p,e=>{U(n).token in t.overrides&&e(m)}),F(i),H(()=>{q(o,U(n).label),Z(s,`font-family: ${U(n).current||`inherit`}`),f!==(f=U(n).current)&&(s.value=(s.__value=U(n).current)??``,Ti(s,U(n).current))}),W(`change`,s,e=>{let r=e.target.value;r?t.onSet(U(n).token,r):t.onReset(U(n).token)}),K(e,i)});var u=V(l,2),d=z(u),f=V(z(d),2),p=z(f);F(f),F(d);var m=V(d,2);Ri(m);var g=V(m,2);Y(g,21,()=>c,e=>e.f,(e,t)=>{var n=bp(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).c),i!==(i=U(t).f)&&(n.value=(n.__value=U(t).f)??``)}),K(e,n)}),F(g);var _=V(g,2);Y(_,21,()=>ye,e=>e.id,(e,t)=>{var n=vp(),r=z(n,!0);F(n),H(()=>{X(n,1,`flex-1 py-1.5 rounded text-[10px] border transition-all cursor-pointer ${U(he)===U(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400`}`),q(r,U(t).label)}),W(`click`,n,()=>{R(he,U(t).id,!0)}),K(e,n)}),F(_);var v=V(_,2),y=z(v);F(v),F(u);var b=V(u,2),x=V(z(b),2),S=V(z(x),2);Y(S,20,()=>[[`tabular-nums`,`tabular-nums (default)`],[`proportional-nums`,`proportional-nums`],[`normal`,`normal`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-font-numeric`]??`tabular-nums`);var s=vp(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`tabular-nums`?t.onReset(`--sf-font-numeric`):t.onSet(`--sf-font-numeric`,i())),K(e,s)}),F(S),F(x);var C=V(x,2);Z(C,`font-variant-numeric:var(--sf-font-numeric, tabular-nums)`);var w=V(C,2),T=V(z(w),2);Y(T,20,()=>[[`auto`,`auto (default)`],[`none`,`none`]],([e,t])=>e,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-optical-sizing`]??`auto`);var s=vp(),c=z(s,!0);F(s),H(()=>{X(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===i()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(c,a())}),W(`click`,s,()=>i()===`auto`?t.onReset(`--sf-optical-sizing`):t.onSet(`--sf-optical-sizing`,i())),K(e,s)}),F(T),F(w);var E=V(w,2),D=V(z(E),2);Ri(D);var O=V(D,2),k=e=>{var n=Cp();W(`click`,n,()=>t.onReset(`--sf-font-features`)),K(e,n)};J(O,e=>{`--sf-font-features`in t.overrides&&e(k)}),F(E);var A=V(E,2),j=V(z(A),2);Ri(j);var M=V(j,2),N=e=>{var n=Cp();W(`click`,n,()=>t.onReset(`--sf-font-variation`)),K(e,n)};J(M,e=>{`--sf-font-variation`in t.overrides&&e(N)}),F(A),F(b),H(()=>{q(p,`${c.length??``} fonts`),zi(m,U(me)),q(y,`Load & apply to ${U(he)??``}`),zi(D,t.overrides[`--sf-font-features`]??``),zi(j,t.overrides[`--sf-font-variation`]??``)}),W(`input`,m,e=>{R(me,e.target.value,!0)}),W(`click`,v,()=>be(U(me),U(he))),W(`input`,D,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-features`,n):t.onReset(`--sf-font-features`)}),W(`input`,j,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-font-variation`,n):t.onReset(`--sf-font-variation`)}),K(e,i)},$$slots:{default:!0}});var De=V(Ee,4);cf(De,{title:`Fluid scale — body text & display`,spacing:`space-y-4`,get open(){return U(ae)},set open(e){R(ae,e,!0)},children:(e,n)=>{var r=Tp(),a=V(B(r),2);{let e=I(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);ap(a,{title:`Viewport range (shared)`,get minValue(){return U(te)},get maxValue(){return U(ne)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var o=V(a,6);{let e=I(()=>`--sf-text-base-min`in t.overrides||`--sf-text-base-max`in t.overrides||`--sf-text-ratio-min`in t.overrides||`--sf-text-ratio-max`in t.overrides);ap(o,{title:`Base size & ratio`,get minValue(){return U(O)},get maxValue(){return U(k)},min:.7,max:2,step:.01,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-text-base-min`),t.onReset(`--sf-text-base-max`),t.onReset(`--sf-text-ratio-min`),t.onReset(`--sf-text-ratio-max`)},onMinChange:e=>t.onSet(`--sf-text-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-base-max`,String(e)),get ratioPresets(){return i},get ratioMin(){return U(E)},get ratioMax(){return U(D)},ratioMin_bound:1.05,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-text-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-text-ratio-max`,String(e))})}var s=V(o,2);{let e=I(()=>`--sf-text-scale`in t.overrides);$(s,{label:`Text scale multiplier`,get value(){return U(N)},min:.5,max:2,step:.05,help:`--sf-text-scale — multiplies every body text size at once.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-text-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-scale`)})}var c=V(s,6);{let e=I(()=>`--sf-text-display-base-min`in t.overrides||`--sf-text-display-base-max`in t.overrides);ap(c,{title:`Display base size`,get minValue(){return U(A)},get maxValue(){return U(j)},min:1.5,max:6,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`type`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-text-display-base-min`),t.onReset(`--sf-text-display-base-max`)},onMinChange:e=>t.onSet(`--sf-text-display-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-text-display-base-max`,String(e))})}var l=V(c,2),u=V(z(l),2),d=z(u),f=V(d,2);F(u),F(l);var m=V(l,2);{let e=I(()=>`--sf-text-display-scale`in t.overrides);$(m,{label:`Display scale multiplier`,get value(){return U(ee)},min:.5,max:2,step:.05,help:`--sf-text-display-scale — multiplies every display size at once.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-text-display-scale`,String(e)),onReset:()=>t.onReset(`--sf-text-display-scale`)})}var h=V(m,2),g=V(z(h),2);Y(g,16,()=>[...p].reverse(),e=>e,(e,t)=>{{let n=I(()=>`--sf-text-${t}`);sp(e,{get label(){return t},get varName(){return U(n)},family:`--sf-font-body`})}}),Y(V(g,4),16,()=>[`l`,`m`,`s`],e=>e,(e,t)=>{{let n=I(()=>`--sf-text-display-${t}`);sp(e,{get label(){return t},get varName(){return U(n)},family:`--sf-font-heading`})}}),F(h),H(()=>{q(d,`${U(E)??``} `),q(f,` ${U(D)??``}`)}),K(e,r)},$$slots:{default:!0}});var P=V(De,4);cf(P,{title:`Line heights`,spacing:`space-y-4`,get open(){return U(oe)},set open(e){R(oe,e,!0)},children:(e,n)=>{var r=Dp(),i=B(r),a=V(z(i),2);Y(a,21,()=>g,e=>e.token,(e,n)=>{{let r=I(()=>_e(U(n))),i=I(()=>`${U(n).token} — ${U(n).label.toLowerCase()} line height`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:1,max:2.2,step:.05,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(a),F(i);var o=V(i,2);Y(o,21,()=>g,e=>e.token,(e,t)=>{var n=Ep(),r=z(n),i=z(r,!0);F(r);var a=V(r,2);F(n),H(()=>{q(i,U(t).label),Z(a,`line-height:var(${U(t).token})`)}),K(e,n)}),F(o);var s=V(o,2);{let e=I(()=>`--sf-leading-taper`in t.overrides);$(s,{label:`Leading taper`,get value(){return U(M)},min:0,max:.5,step:.01,help:`--sf-leading-taper — how aggressively large sizes shrink their line-height.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-leading-taper`,String(e)),onReset:()=>t.onReset(`--sf-leading-taper`)})}var c=V(s,2),l=V(z(c),2);Y(l,21,()=>_,e=>e.token,(e,n)=>{{let r=I(()=>T(U(n).token,U(n).def)),i=I(()=>`${U(n).token}`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:.8,max:1.5,step:.025,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(l),F(c),K(e,r)},$$slots:{default:!0}});var Oe=V(P,4);cf(Oe,{title:`Letter spacing`,get open(){return U(se)},set open(e){R(se,e,!0)},children:(e,n)=>{var r=jp(),i=V(B(r),2);Y(i,21,()=>m,e=>e.token,(e,n)=>{var r=kp(),i=z(r),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=e=>{var r=Op();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(s,e=>{U(n).token in t.overrides&&e(c)}),F(i);var l=V(i,2);{let e=I(()=>ge(U(n)));xd(l,{get value(){return U(e)},min:-.1,max:.2,step:.005,unit:`em`,onChange:e=>t.onSet(U(n).token,`${e}em`)})}F(r),H(()=>q(o,U(n).label)),K(e,r)}),F(i);var a=V(i,2);Y(a,21,()=>m,e=>e.token,(e,t)=>{var n=Ap(),r=z(n),i=z(r,!0);F(r);var a=V(r,2);F(n),H(()=>{q(i,U(t).label),Z(a,`letter-spacing:var(${U(t).token})`)}),K(e,n)}),F(a),K(e,r)},$$slots:{default:!0}});var ke=V(Oe,4);cf(ke,{title:`Font weights`,spacing:`space-y-4`,get open(){return U(ce)},set open(e){R(ce,e,!0)},children:(e,t)=>{var r=Mp(),i=V(B(r),4);n(i,()=>`Light`,()=>`--sf-font-weight-light`,()=>`300`);var a=V(i,2);n(a,()=>`Normal`,()=>`--sf-font-weight-normal`,()=>`400`);var o=V(a,2);n(o,()=>`Medium`,()=>`--sf-font-weight-medium`,()=>`500`);var s=V(o,2);n(s,()=>`Semibold`,()=>`--sf-font-weight-semibold`,()=>`600`);var c=V(s,2);n(c,()=>`Bold`,()=>`--sf-font-weight-bold`,()=>`700`);var l=V(c,6);n(l,()=>`Heading`,()=>`--sf-font-weight-heading`,()=>d[`--sf-font-weight-heading`]??`600`);var u=V(l,2);n(u,()=>`Display`,()=>`--sf-font-weight-display`,()=>d[`--sf-font-weight-display`]??`700`);var f=V(u,2);n(f,()=>`Body strong`,()=>`--sf-font-weight-strong`,()=>`700`);var p=V(f,2);n(p,()=>`Interactive`,()=>`--sf-font-weight-interactive`,()=>d[`--sf-font-weight-interactive`]??`600`),K(e,r)},$$slots:{default:!0}});var Ae=V(ke,4);cf(Ae,{title:`Elements (body, h1–h6)`,get open(){return U(le)},set open(e){R(le,e,!0)},children:(e,n)=>{var i=Vp(),a=B(i);Y(a,21,()=>x,e=>e.id,(e,n)=>{let r=I(()=>Ce(U(n).id)),i=I(()=>U(n).size in t.overrides||U(n).lh in t.overrides||U(n).wt in t.overrides||!!U(n).ls&&U(n).ls in t.overrides||!!U(r)&&U(r)in t.overrides);var a=Pp(),o=z(a),s=V(o),c=e=>{K(e,Np())};J(s,e=>{U(i)&&e(c)}),F(a),H(()=>{X(a,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold transition-all cursor-pointer ${U(S)===U(n).id?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(o,`${U(n).label??``} `)}),W(`click`,a,()=>{R(S,U(n).id,!0)}),K(e,a)}),F(a);var o=V(a,2),s=z(o);F(o);var c=V(o,2),d=V(z(c),2),f=z(d);Y(f,17,()=>v,e=>e.value,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var p=V(f),m=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).size,U(C).dSize)]),K(e,t)},g=I(()=>!v.some(e=>e.value===xe(U(C).size,U(C).dSize)));J(p,e=>{U(g)&&e(m)}),F(d);var _;Ei(d),F(c);var E=V(c,2),D=V(z(E),2),O=z(D);Y(O,17,()=>y,e=>e.value,(e,t)=>{var n=bp(),i=z(n);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,`${U(t).label??``} · ${U(t).num??``}`),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var k=V(O),A=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).lh,U(C).dLh)]),K(e,t)},j=I(()=>!y.some(e=>e.value===xe(U(C).lh,U(C).dLh)));J(k,e=>{U(j)&&e(A)}),F(D);var M;Ei(D),F(E);var N=V(E,2),ee=V(z(N),2);Y(ee,20,()=>u,e=>e,(e,t)=>{let n=I(()=>xe(U(C).wt,U(C).dWt));var r=vp(),i=z(r,!0);F(r),H(e=>{Z(r,e),X(r,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(i,t)},[()=>`font-weight:${parseInt(t)}`]),W(`click`,r,()=>Se(U(C).wt,t,U(C).dWt)),K(e,r)}),F(ee),F(N);var te=V(N,2),ne=e=>{var t=Ip(),n=V(z(t),2),i=z(n);Y(i,17,()=>b,e=>e.value,(e,t)=>{var n=bp(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,U(t).label),a!==(a=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)});var a=V(i),o=e=>{var t=Fp(),n={};H(e=>{Z(t,`background:${U(r)};`),n!==(n=e)&&(t.value=(t.__value=e)??``)},[()=>xe(U(C).ls,U(C).dLs)]),K(e,t)},s=I(()=>!b.some(e=>e.value===xe(U(C).ls,U(C).dLs)));J(a,e=>{U(s)&&e(o)}),F(n);var c;Ei(n),F(t),H(e=>{c!==(c=e)&&(n.value=(n.__value=e)??``,Ti(n,e))},[()=>xe(U(C).ls,U(C).dLs)]),W(`change`,n,e=>Se(U(C).ls,e.target.value,U(C).dLs)),K(e,t)};J(te,e=>{U(C).ls&&e(ne)});var re=V(te,2),ie=e=>{let n=I(()=>`--sf-${U(C).id}-max-width`);var r=Lp(),i=V(z(r),2);Ri(i);var a=V(i,2),o=e=>{var r=xp();W(`click`,r,()=>t.onReset(U(n))),K(e,r)};J(a,e=>{U(n)in t.overrides&&e(o)}),F(r),H(()=>{zi(i,t.overrides[U(n)]??``),Q(i,`aria-label`,`${U(C).label} max width`)}),W(`input`,i,e=>{let r=e.target.value.trim();r?t.onSet(U(n),r):t.onReset(U(n))}),K(e,r)},ae=I(()=>U(C).id.startsWith(`h`));J(re,e=>{U(ae)&&e(ie)});var oe=V(re,2),se=z(oe),ce=e=>{var n=Rp(),r=z(n);F(n),H(()=>q(r,`reset ${U(C).label??``}`)),W(`click`,n,()=>{let e={[U(C).size]:null,[U(C).lh]:null,[U(C).wt]:null};U(C).ls&&(e[U(C).ls]=null),U(w)&&(e[U(w)]=null),t.onBulkChange(e)}),K(e,n)};J(se,e=>{(U(C).size in t.overrides||U(C).lh in t.overrides||U(C).wt in t.overrides||U(C).ls&&U(C).ls in t.overrides||U(w)&&U(w)in t.overrides)&&e(ce)}),F(oe);var le=V(oe,2),ue=V(z(le),2),de=V(z(ue),2);Y(de,20,()=>[[`Italic`,`italic`],[`Normal`,`normal`]],([e,t])=>t,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1],o=I(()=>t.overrides[`--sf-body-em-style`]??`italic`);var s=zp(),c=z(s),l=z(c,!0);F(c),F(s),H(()=>{X(s,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer ${U(o)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),Z(c,`font-style: ${a()}`),q(l,i())}),W(`click`,s,()=>a()===`italic`?t.onReset(`--sf-body-em-style`):t.onSet(`--sf-body-em-style`,a())),K(e,s)}),F(de),F(ue);var fe=V(ue,2);{let e=I(()=>T(`--sf-code-font-size`,.875)),n=I(()=>`--sf-code-font-size`in t.overrides);$(fe,{label:`Code font size`,get value(){return U(e)},min:.7,max:1.1,step:.005,unit:`em`,help:`--sf-code-font-size — size of inline code relative to surrounding text`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-code-font-size`,`${e}em`),onReset:()=>t.onReset(`--sf-code-font-size`)})}var pe=V(fe,2);Y(pe,16,()=>[{label:`Heading wrap`,token:`--sf-heading-text-wrap`,defaultVal:`balance`},{label:`Body wrap`,token:`--sf-body-text-wrap`,defaultVal:`pretty`}],e=>e.token,(e,n)=>{let r=I(()=>t.overrides[n.token]??n.defaultVal);var i=Bp(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,21,()=>l,e=>e.value,(e,i)=>{var a=vp(),o=z(a,!0);F(a),H(()=>{X(a,1,`flex-1 px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===U(i).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(o,U(i).label)}),W(`click`,a,()=>U(i).value===n.defaultVal&&!(n.token in t.overrides)?void 0:U(i).value===n.defaultVal?t.onReset(n.token):t.onSet(n.token,U(i).value)),K(e,a)}),F(s),F(i),H(()=>q(o,n.label)),K(e,i)});var me=V(pe,2),he=V(z(me),2);Ri(he),Q(he,`placeholder`,`" ↗"`);var ge=V(he,2),_e=e=>{var n=xp();W(`click`,n,()=>t.onReset(`--sf-link-external-marker`)),K(e,n)};J(ge,e=>{`--sf-link-external-marker`in t.overrides&&e(_e)}),F(me);var ve=V(me,2),ye=V(z(ve),2);Ri(ye),Q(ye,`placeholder`,`"opens in a new window or external site"`);var be=V(ye,2),we=e=>{var n=xp();W(`click`,n,()=>t.onReset(`--sf-link-external-label`)),K(e,n)};J(be,e=>{`--sf-link-external-label`in t.overrides&&e(we)}),F(ve),F(le),H((e,n)=>{Z(s,`font-size:var(${U(C).size}, ${U(C).dSize}); font-weight:var(${U(C).wt}, ${U(C).dWt}); letter-spacing:${U(C).ls?`var(${U(C).ls}, normal)`:`normal`}; line-height:var(${U(C).lh}, ${U(C).dLh}); font-family:var(${U(C).id===`body`?`--sf-font-body`:`--sf-font-heading`})`),_!==(_=e)&&(d.value=(d.__value=e)??``,Ti(d,e)),M!==(M=n)&&(D.value=(D.__value=n)??``,Ti(D,n)),zi(he,t.overrides[`--sf-link-external-marker`]??``),zi(ye,t.overrides[`--sf-link-external-label`]??``)},[()=>xe(U(C).size,U(C).dSize),()=>xe(U(C).lh,U(C).dLh)]),W(`change`,d,e=>Se(U(C).size,e.target.value,U(C).dSize)),W(`change`,D,e=>Se(U(C).lh,e.target.value,U(C).dLh)),W(`input`,he,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-marker`,n):t.onReset(`--sf-link-external-marker`)}),W(`input`,ye,e=>{let n=e.target.value;n?t.onSet(`--sf-link-external-label`,n):t.onReset(`--sf-link-external-label`)}),K(e,i)},$$slots:{default:!0}}),cf(V(Ae,4),{title:`Line lengths (max-width)`,get open(){return U(ue)},set open(e){R(ue,e,!0)},children:(e,n)=>{var r=Up(),i=V(B(r),2);Y(i,20,()=>[{label:`2xs`,token:`--sf-text-2xs-max-width`,def:`55ch`},{label:`xs`,token:`--sf-text-xs-max-width`,def:`60ch`},{label:`s`,token:`--sf-text-s-max-width`,def:`65ch`},{label:`m`,token:`--sf-text-m-max-width`,def:`65ch`},{label:`l`,token:`--sf-text-l-max-width`,def:`none`},{label:`xl`,token:`--sf-text-xl-max-width`,def:`none`},{label:`2xl`,token:`--sf-text-2xl-max-width`,def:`none`},{label:`3xl`,token:`--sf-text-3xl-max-width`,def:`none`},{label:`4xl`,token:`--sf-text-4xl-max-width`,def:`none`}],e=>e.token,(e,n)=>{var r=Hp(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Cp();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`aria-label`,`${n.label} max width`),Q(o,`placeholder`,n.def)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(i),K(e,r)},$$slots:{default:!0}}),F(we),K(e,we),He()}Rr([`click`,`change`,`input`]);function Kp(e,t){return t.map(t=>({label:`${e}-${t}`,value:`var(--sf-${e}-${t})`}))}var qp=Kp(`space`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`]),Jp=Kp(`radius`,[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`,`full`]),Yp=Kp(`border-width`,[`1`,`2`,`3`,`4`]),Xp=Kp(`container`,[`narrow`,`prose`,`default`,`wide`,`full`]),Zp=Kp(`size`,[`xs`,`s`,`m`,`l`,`xl`]),Qp=Kp(`shadow`,[`xs`,`s`,`m`,`l`,`xl`]);function $p(e){if(!e)return null;let t=e.trim().match(/^var\(\s*--sf-(space|radius|border-width|container|size|shadow)-[a-z0-9]+\s*\)$/);if(!t)return null;switch(t[1]){case`space`:return qp;case`radius`:return Jp;case`border-width`:return Yp;case`container`:return Xp;case`size`:return Zp;case`shadow`:return Qp;default:return null}}var em=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-6 text-right shrink-0"> </span> <div class="bg-indigo-500/50 rounded shrink-0 h-3"></div> <span class="text-[9px] font-mono text-slate-500 shrink-0"> </span></div>`),tm=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">The two most-referenced spacing tokens. Referenced by every layout primitive (cluster, grid, stack, bento…).</p> <!> <!> <!>`,1),nm=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Utopia-style fluid scale — viewport width, base unit and ratio per endpoint.
+        The viewport range is shared with the type scale.</p> <!> <!>`,1),rm=G(`<div class="space-y-4"></div>`),im=G(`<div class="p-4 space-y-6"><!> <section><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-2">Space scale preview</div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function am(e,t){Ve(t,!0);let n=[{label:`Minor Third — 1.200`,value:1.2},{label:`Major Third — 1.250`,value:1.25},{label:`Perfect Fourth — 1.333`,value:1.333},{label:`Aug. Fourth — 1.414`,value:1.414},{label:`Golden — 1.618`,value:1.618}],r=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],i=fd.spacing??[];function a(e,n){let r=parseFloat(t.overrides[e]??``);return isNaN(r)?n:r}let o=I(()=>a(`--sf-space-ratio-min`,1.25)),s=I(()=>a(`--sf-space-ratio-max`,1.333)),c=I(()=>a(`--sf-space-base-min`,1)),l=I(()=>a(`--sf-space-base-max`,2)),u=I(()=>a(`--sf-space-scale`,1)),d=I(()=>a(`--sf-gap`,1)),f=I(()=>a(`--sf-gutter`,1.5)),p=I(()=>a(`--sf-content-gap`,.5)),m=I(()=>a(`--sf-fluid-min-vw`,22.5)),h=I(()=>a(`--sf-fluid-max-vw`,90)),g=I(()=>(U(c)+U(l))/2*((U(o)+U(s))/2)**5*U(u)),_=I(()=>hp(t.overrides,fp)),v=L(!1),y=L(!1),b=L(!1);var x=im(),S=z(x);dp(S,{get tokens(){return U(_)},scaleLabel:`spacing`,onClear:()=>U(_).forEach(e=>t.onReset(e))});var C=V(S,2),w=V(z(C),2);Y(w,22,()=>r,e=>e,(e,t,n)=>{let r=I(()=>(U(c)+U(l))/2),i=I(()=>(U(o)+U(s))/2),a=I(()=>U(n)-3),d=I(()=>U(a)>=0?U(r)*U(i)**+U(a):U(r)/U(i)**+-U(a)),f=I(()=>U(d)*U(u)),p=I(()=>U(g)>0?U(f)/U(g)*240:0);var m=em(),h=z(m),_=z(h,!0);F(h);var v=V(h,2),y=V(v,2),b=z(y);F(y),F(m),H(e=>{q(_,t),Z(v,`width: ${U(p)}px; min-width: 3px`),q(b,`${e??``}rem`)},[()=>U(f).toFixed(2)]),K(e,m)}),F(w),F(C);var T=V(C,4);cf(T,{title:`Layout gap`,get open(){return U(v)},set open(e){R(v,e,!0)},children:(e,n)=>{var r=tm(),i=V(B(r),2);{let e=I(()=>`--sf-gap`in t.overrides);$(i,{label:`Gap`,get value(){return U(d)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-gap — spacing between layout items (cluster, grid, reel, stack, sidebar, bento)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-gap`]},onRawSet:e=>t.onSet(`--sf-gap`,e)})}var a=V(i,2);{let e=I(()=>`--sf-content-gap`in t.overrides);$(a,{label:`Content gap`,get value(){return U(p)},min:0,max:2,step:.0625,unit:`rem`,help:`--sf-content-gap — tighter gap within components (defaults to space-s)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-content-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-gap`),rawDefault:`var(--sf-space-s)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-content-gap`]},onRawSet:e=>t.onSet(`--sf-content-gap`,e)})}var o=V(a,2);{let e=I(()=>`--sf-gutter`in t.overrides);$(o,{label:`Gutter`,get value(){return U(f)},min:0,max:6,step:.0625,unit:`rem`,help:`--sf-gutter — wide page/section side gutter (containers, .sf-section--guttered)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-gutter`),rawDefault:`var(--sf-space-l)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-gutter`]},onRawSet:e=>t.onSet(`--sf-gutter`,e)})}K(e,r)},$$slots:{default:!0}});var E=V(T,4);cf(E,{title:`Modular scale (Mobile → Desktop)`,spacing:`space-y-4`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,r)=>{var i=nm(),a=V(B(i),2);{let e=I(()=>`--sf-fluid-min-vw`in t.overrides||`--sf-fluid-max-vw`in t.overrides);ap(a,{title:`Viewport range`,get minValue(){return U(m)},get maxValue(){return U(h)},min:15,max:120,step:.5,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-fluid-min-vw`),t.onReset(`--sf-fluid-max-vw`)},onMinChange:e=>t.onSet(`--sf-fluid-min-vw`,String(e)),onMaxChange:e=>t.onSet(`--sf-fluid-max-vw`,String(e))})}var u=V(a,2);{let e=I(()=>`--sf-space-base-min`in t.overrides||`--sf-space-base-max`in t.overrides||`--sf-space-ratio-min`in t.overrides||`--sf-space-ratio-max`in t.overrides);ap(u,{title:`Base unit & ratio`,get minValue(){return U(c)},get maxValue(){return U(l)},min:.5,max:4,step:.05,unit:`rem`,minLabel:`Mobile`,maxLabel:`Desktop`,previewKind:`space`,get overridden(){return U(e)},onReset:()=>{t.onReset(`--sf-space-base-min`),t.onReset(`--sf-space-base-max`),t.onReset(`--sf-space-ratio-min`),t.onReset(`--sf-space-ratio-max`)},onMinChange:e=>t.onSet(`--sf-space-base-min`,String(e)),onMaxChange:e=>t.onSet(`--sf-space-base-max`,String(e)),get ratioPresets(){return n},get ratioMin(){return U(o)},get ratioMax(){return U(s)},ratioMin_bound:1.1,ratioMax_bound:1.8,onRatioMinChange:e=>t.onSet(`--sf-space-ratio-min`,String(e)),onRatioMaxChange:e=>t.onSet(`--sf-space-ratio-max`,String(e))})}K(e,i)},$$slots:{default:!0}}),cf(V(E,4),{title:`Advanced`,variant:`advanced`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=rm();Y(r,21,()=>i,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(r),K(e,r)},$$slots:{default:!0}}),F(x),K(e,x),He()}var om=G(`<button> </button>`),sm=G(`<div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex justify-center mt-2"><div class="bg-indigo-500/30 border border-indigo-500/30 rounded-lg flex items-center justify-center text-[9px] font-mono text-indigo-800 dark:text-indigo-200"> </div></div>`),cm=G(`<div></div> <!>`,1);function lm(e,t){Ve(t,!0);let n=na(t,`columns`,3,3),r=na(t,`dense`,3,!1),i=na(t,`showPreview`,3,!1),a={2:`grid-cols-2`,3:`grid-cols-3`,4:`grid-cols-4`,5:`grid-cols-5`,6:`grid-cols-6`},o=e=>e.replace(/\s/g,``),s=I(()=>t.presets.map(e=>typeof e==`string`?{label:e,value:e}:e)),c=I(()=>a[n()]??`grid-cols-3`);var l=cm(),u=B(l);Y(u,21,()=>U(s),e=>e.value,(e,n)=>{var i=om(),a=z(i,!0);F(i),H(e=>{X(i,1,e),q(a,U(n).label)},[()=>`${r()?`py-1 text-[9px]`:`py-1.5 text-[10px]`} rounded-lg border transition-all cursor-pointer font-mono ${o(t.value)===o(U(n).value)?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`]),W(`click`,i,()=>U(n).value===t.defaultValue?t.onReset(t.token):t.onSet(t.token,U(n).value)),K(e,i)}),F(u);var d=V(u,2),f=e=>{var n=sm(),r=z(n),i=z(r,!0);F(r),F(n),H(()=>{Z(r,`aspect-ratio:${t.value};max-height:120px;max-width:100%;width:auto;height:120px`),q(i,t.value)}),K(e,n)};J(d,e=>{i()&&e(f)}),H(()=>X(u,1,`grid ${U(c)} ${r()?`gap-1`:`gap-1.5`}`)),K(e,l),He()}Rr([`click`]);var um=G(`<span> </span>`),dm=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),fm=G(`<div class="flex items-center gap-2"><!> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`);function pm(e,t){Ve(t,!0);let n=na(t,`labelWidth`,3,`w-20`);var r=fm(),i=z(r),a=e=>{var r=um(),i=z(r,!0);F(r),H(()=>{X(r,1,`text-[10px] font-semibold text-slate-600 dark:text-slate-400 ${n()} shrink-0`),q(i,t.label)}),K(e,r)};J(i,e=>{t.label&&e(a)});var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var n=dm();W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(s,e=>{t.overridden&&e(c)}),F(r),H(()=>{zi(o,t.value),Q(o,`placeholder`,t.placeholder)}),W(`input`,o,e=>{let n=e.target.value;n.trim()?t.onSet(n):t.onReset()}),K(e,r),He()}Rr([`input`,`click`]);var mm=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-12 text-right shrink-0"> </span> <div class="flex-1 h-4 bg-black/5 dark:bg-white/5 rounded overflow-hidden"><div class="h-full bg-indigo-500/30 border-r border-indigo-400/40 rounded"></div></div> <span class="text-[9px] font-mono text-slate-500 w-14 shrink-0"> </span></div>`),hm=G(`<div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Narrow</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Prose</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Default</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Wide</div> <!></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),gm=G(`<!> <!>`,1),_m=G(`<div class="h-8 bg-indigo-500/20 border border-indigo-500/20 rounded text-[8px] font-mono text-indigo-600/60 dark:text-indigo-400/60 flex items-center justify-center">col</div>`),vm=G(`<!> <!> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1.5">Named sizes (grid-min-xs → 2xl)</div> <div class="space-y-1.5"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-2 font-mono">Preview at 360px panel width</div> <div class="grid"></div></div>`,1),ym=G(`<div class="w-8 h-1.5 bg-slate-400/60 dark:bg-slate-600/60 rounded"></div>`),bm=G(`<div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Mobile</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Desktop</div> <!></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 overflow-hidden"><div class="flex items-center px-3 bg-indigo-500/10 border-b border-black/8 dark:border-white/8"><div class="w-16 h-2 bg-indigo-400/40 rounded"></div> <div class="ml-auto flex gap-2"></div></div> <div class="p-2 text-[9px] text-slate-400 dark:text-slate-600 font-mono"> </div></div>`,1),xm=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Offsets position:sticky elements below a fixed header. Defaults to header heights.</p> <div class="grid grid-cols-2 gap-3"><div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Mobile</div> <!></div> <div><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-1">Desktop</div> <!></div></div> <div class="pt-1"><!></div>`,1),Sm=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex gap-2 items-stretch" style="height: 60px"><div class="bg-indigo-500/15 border border-indigo-500/20 rounded flex-shrink-0 flex items-center justify-center"><span class="text-[8px] font-mono text-indigo-600/60 dark:text-indigo-400/60 rotate-90 whitespace-nowrap"> </span></div> <div class="flex-1 bg-black/4 dark:bg-white/4 rounded"></div></div>`,1),Cm=G(`<div class="mt-2 space-y-2"></div>`),wm=G(`<option> </option>`),Tm=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Em=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0"> </span> <select class="flex-1 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <!></div>`),Dm=G(`<span class="flex items-center justify-center text-white text-[9px] font-bold"></span>`),Om=G(`<button> </button>`),km=G(`<div class="flex items-center justify-center text-white text-[10px] font-bold"> </div>`),Am=G(`<div id="more-layout-primitives" class="mt-3 space-y-5"><section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Switcher</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Sidebar content</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Cluster</div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-cluster" style="min-height:3rem"></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Equal columns (flowing)</div> <div class="text-[9px] text-slate-400 dark:text-slate-600">Content flows between columns like a newspaper — use .sf-grid for discrete grid cells instead.</div> <!> <!> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Rule style</span> <div class="flex-1 grid grid-cols-3 gap-1"></div></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Rule color</span> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-equal text-[9px] text-slate-600 dark:text-slate-300"><p style="margin:0">SLASHED flows this text across as many equal columns as fit the box, divided by the column rule. Lower the min column width to pack in more, narrower columns; raise it for fewer, roomier ones. The rule width, style and colour draw the divider.</p></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Cover</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Frame ratio</div> <p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-frame-ratio — aspect ratio for .sf-frame</p> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Reel</div> <p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-reel-item-width — width of each item in a horizontal .sf-reel</p> <div class="grid grid-cols-4 gap-1"></div> <div class="flex items-center gap-2 pt-0.5"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Height</span> <input type="text" placeholder="auto" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="sf-reel"></div></div></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Imposter</div> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Content grid (breakout)</div> <!> <!></section> <section class="space-y-2"><div class="text-[9px] font-semibold text-slate-500 uppercase tracking-widest">Alternate (zigzag)</div> <!></section></div>`),jm=G(`<div class="mt-2 space-y-2"><p class="text-[9px] text-slate-400 dark:text-slate-600">Override the built-in named aspect ratios used by <span class="font-mono text-slate-600 dark:text-slate-400">.sf-ratio-*</span> utilities.</p> <!></div>`),Mm=G(`<div class="mt-2 space-y-3"><p class="text-[9px] text-slate-400 dark:text-slate-600">Default values for the <span class="font-mono text-slate-600 dark:text-slate-400">.sf-bg-layer</span> full-bleed background utility.</p> <!> <!> <!> <!></div>`),Nm=G(`<div class="p-4 space-y-6"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Bento grid</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button aria-controls="more-layout-primitives" class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">More layout primitives</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Named ratios</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Background layer (.sf-bg-layer)</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div></div>`);function Pm(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`],r=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`);function i(e,t){if(!e)return t;let n=parseFloat(e);return isNaN(n)?t:n}let a=I(()=>i(t.overrides[`--sf-container-narrow`],38)),o=I(()=>i(t.overrides[`--sf-container-prose`],65)),s=I(()=>i(t.overrides[`--sf-container-default`],75)),c=I(()=>i(t.overrides[`--sf-container-wide`],90)),l=I(()=>i(t.overrides[`--sf-center-max`],75)),u=I(()=>i(t.overrides[`--sf-center-gutter`],1)),d=I(()=>i(t.overrides[`--sf-grid-min`],16)),f=I(()=>i(t.overrides[`--sf-grid-gap`],1)),p=I(()=>i(t.overrides[`--sf-header-height-mobile`],3.5)),m=I(()=>i(t.overrides[`--sf-header-height-desktop`],5)),h=I(()=>i(t.overrides[`--sf-sidebar-width`],18)),g=I(()=>i(t.overrides[`--sf-sticky-offset-mobile`],3.5)),_=I(()=>i(t.overrides[`--sf-sticky-offset-desktop`],5)),v=I(()=>i(t.overrides[`--sf-scroll-offset-gap`],1)),y=[{label:`Columns`,token:`--sf-bento-cols-default`,min:1,max:12,step:1,unit:``,default:4},{label:`Row default`,token:`--sf-bento-row-default`,min:4,max:24,step:.5,unit:`rem`,default:10},{label:`Row compact`,token:`--sf-bento-row-compact`,min:2,max:16,step:.5,unit:`rem`,default:6},{label:`Row tall`,token:`--sf-bento-row-tall`,min:8,max:32,step:.5,unit:`rem`,default:16}],b=L(!1),x=L(!1),S=L(!1),C=L(!1),w=L(!1),T=L(!1),E=L(!1),D=L(!1),O=L(!1),k=L(!1);function A(e){let n=t.overrides[e.token];return n?parseFloat(n):e.default}let j=I(()=>i(t.overrides[`--sf-switcher-threshold`],30)),M=I(()=>i(t.overrides[`--sf-sidebar-min-width`],50)),N=I(()=>i(t.overrides[`--sf-equal-min-col`],16)),ee=I(()=>i(t.overrides[`--sf-equal-rule-width`],0)),te=I(()=>t.overrides[`--sf-equal-rule-color`]??``),ne=I(()=>i(t.overrides[`--sf-cover-min-height`],100)),re=I(()=>i(t.overrides[`--sf-imposter-margin`],1)),ie=I(()=>i(t.overrides[`--sf-breakout-width`],90)),ae=I(()=>i(t.overrides[`--sf-content-width`],75)),oe=I(()=>i(t.overrides[`--sf-alternate-inner-gap`],1)),se=I(()=>t.overrides[`--sf-frame-ratio`]??`16 / 9`),ce=I(()=>t.overrides[`--sf-reel-item-width`]??`max-content`),le=[`16 / 9`,`4 / 3`,`3 / 2`,`1 / 1`,`21 / 9`],ue=[{label:`auto`,value:`max-content`},{label:`12rem`,value:`12rem`},{label:`16rem`,value:`16rem`},{label:`20rem`,value:`20rem`}];var de=Nm(),fe=z(de);cf(fe,{title:`Container widths`,spacing:`space-y-4`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=hm(),i=B(r),l=z(i),u=V(z(l),2);{let e=I(()=>`--sf-container-narrow`in t.overrides);$(u,{label:``,get value(){return U(a)},min:20,max:60,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-narrow`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-narrow`)})}F(l);var d=V(l,2),f=V(z(d),2);{let e=I(()=>`--sf-container-prose`in t.overrides);$(f,{label:``,get value(){return U(o)},min:40,max:90,step:1,unit:`ch`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-prose`,`${e}ch`),onReset:()=>t.onReset(`--sf-container-prose`)})}F(d);var p=V(d,2),m=V(z(p),2);{let e=I(()=>`--sf-container-default`in t.overrides);$(m,{label:``,get value(){return U(s)},min:50,max:120,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-default`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-default`)})}F(p);var h=V(p,2),g=V(z(h),2);{let e=I(()=>`--sf-container-wide`in t.overrides);$(g,{label:``,get value(){return U(c)},min:60,max:160,step:1,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-container-wide`,`${e}rem`),onReset:()=>t.onReset(`--sf-container-wide`)})}F(h),F(i);var _=V(i,2);Y(_,21,()=>[{label:`narrow`,value:U(a),max:U(c),unit:`rem`},{label:`prose`,value:U(o),max:U(c)*1.5,unit:`ch`},{label:`default`,value:U(s),max:U(c),unit:`rem`},{label:`wide`,value:U(c),max:U(c),unit:`rem`}],e=>e.label,(e,t)=>{var n=mm(),r=z(n),i=z(r,!0);F(r);var a=V(r,2),o=z(a);F(a);var s=V(a,2),c=z(s);F(s),F(n),H(e=>{q(i,U(t).label),Z(o,e),q(c,`${U(t).value??``}${U(t).unit??``}`)},[()=>`width: ${Math.min(U(t).value/U(t).max*100,100)}%`]),K(e,n)}),F(_),K(e,r)},$$slots:{default:!0}});var pe=V(fe,4);cf(pe,{title:`Center wrapper`,get open(){return U(x)},set open(e){R(x,e,!0)},children:(e,n)=>{var r=gm(),i=B(r);{let e=I(()=>`--sf-center-max`in t.overrides);$(i,{label:`Max width`,get value(){return U(l)},min:30,max:160,step:1,unit:`rem`,help:`--sf-center-max — max-width of the .sf-center centering wrapper`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-center-max`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-max`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-center-max`]},onRawSet:e=>t.onSet(`--sf-center-max`,e)})}var a=V(i,2);{let e=I(()=>`--sf-center-gutter`in t.overrides);$(a,{label:`Gutter`,get value(){return U(u)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-center-gutter — minimum side padding inside the center wrapper`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-center-gutter`,`${e}rem`),onReset:()=>t.onReset(`--sf-center-gutter`),rawDefault:`var(--sf-gutter)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-center-gutter`]},onRawSet:e=>t.onSet(`--sf-center-gutter`,e)})}K(e,r)},$$slots:{default:!0}});var me=V(pe,4);cf(me,{title:`Auto grid`,spacing:`space-y-4`,get open(){return U(S)},set open(e){R(S,e,!0)},children:(e,n)=>{var r=vm(),a=B(r);{let e=I(()=>`--sf-grid-gap`in t.overrides);$(a,{label:`Grid gap`,get value(){return U(f)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-grid-gap — gap between grid cells (.sf-grid, .sf-grid-flex, .sf-grid-cols-*); defaults to --sf-gap`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-grid-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-grid-gap`]},onRawSet:e=>t.onSet(`--sf-grid-gap`,e)})}var o=V(a,2);{let e=I(()=>`--sf-grid-min`in t.overrides);$(o,{label:`Grid min cell width`,get value(){return U(d)},min:8,max:40,step:.5,unit:`rem`,help:`sf-grid minimum column width — browser auto-fills columns`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-grid-min`,`${e}rem`),onReset:()=>t.onReset(`--sf-grid-min`)})}var s=V(o,2),c=V(z(s),2);Y(c,20,()=>[{label:`xs`,token:`--sf-grid-min-xs`,def:10},{label:`s`,token:`--sf-grid-min-s`,def:13},{label:`m`,token:`--sf-grid-min-m`,def:16},{label:`l`,token:`--sf-grid-min-l`,def:20},{label:`xl`,token:`--sf-grid-min-xl`,def:24},{label:`2xl`,token:`--sf-grid-min-2xl`,def:28}],e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[n.token],n.def)),a=I(()=>n.token in t.overrides);$(e,{get label(){return n.label},get value(){return U(r)},min:6,max:40,step:.5,unit:`rem`,get overridden(){return U(a)},onChange:e=>t.onSet(n.token,`${e}rem`),onReset:()=>t.onReset(n.token)})}}),F(c),F(s);var l=V(s,2),u=V(z(l),2);Y(u,20,()=>Array.from({length:8}),ni,(e,t)=>{K(e,_m())}),F(u),F(l),H(e=>Z(u,e),[()=>`grid-template-columns: repeat(auto-fill, minmax(${Math.min(U(d)*16*(360/1200),120)}px, 1fr)); gap: ${U(f)*16*(360/1200)}px`]),K(e,r)},$$slots:{default:!0}});var he=V(me,4);cf(he,{title:`Header height`,spacing:`space-y-4`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,n)=>{var r=bm(),i=B(r),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-header-height-mobile`in t.overrides);$(o,{label:``,get value(){return U(p)},min:2,max:8,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-header-height-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-mobile`)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-header-height-desktop`in t.overrides);$(c,{label:``,get value(){return U(m)},min:3,max:10,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-header-height-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-header-height-desktop`)})}F(s),F(i);var l=V(i,2),u=z(l),d=V(z(u),2);Y(d,20,()=>[1,2,3],e=>e,(e,t)=>{K(e,ym())}),F(d),F(u);var f=V(u,2),h=z(f);F(f),F(l),H(e=>{Z(u,e),q(h,`${U(p)??``}rem mobile · ${U(m)??``}rem desktop`)},[()=>`height: ${Math.min(U(p)*12,64)}px`]),K(e,r)},$$slots:{default:!0}});var ge=V(he,4);cf(ge,{title:`Sticky offset`,get open(){return U(w)},set open(e){R(w,e,!0)},children:(e,n)=>{var r=xm(),i=V(B(r),2),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-sticky-offset-mobile`in t.overrides);$(o,{label:``,get value(){return U(g)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sticky-offset-mobile`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-mobile`),rawDefault:`var(--sf-header-height-mobile)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-mobile`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-mobile`,e)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-sticky-offset-desktop`in t.overrides);$(c,{label:``,get value(){return U(_)},min:0,max:12,step:.25,unit:`rem`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sticky-offset-desktop`,`${e}rem`),onReset:()=>t.onReset(`--sf-sticky-offset-desktop`),rawDefault:`var(--sf-header-height-desktop)`,get currentRaw(){return t.overrides[`--sf-sticky-offset-desktop`]},onRawSet:e=>t.onSet(`--sf-sticky-offset-desktop`,e)})}F(s),F(i);var l=V(i,2),u=z(l);{let e=I(()=>`--sf-scroll-offset-gap`in t.overrides);$(u,{label:`Scroll-to-anchor gap`,get value(){return U(v)},min:0,max:6,step:.25,unit:`rem`,help:`--sf-scroll-offset-gap — breathing room below the header when scrolling to an in-page anchor; 0 = heading flush under the header.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-scroll-offset-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-scroll-offset-gap`),rawDefault:`var(--sf-space-m)`,get currentRaw(){return t.overrides[`--sf-scroll-offset-gap`]},onRawSet:e=>t.onSet(`--sf-scroll-offset-gap`,e)})}F(l),K(e,r)},$$slots:{default:!0}});var _e=V(ge,4);cf(_e,{title:`Sidebar`,spacing:`space-y-4`,get open(){return U(T)},set open(e){R(T,e,!0)},children:(e,n)=>{var r=Sm(),i=B(r);{let e=I(()=>`--sf-sidebar-width`in t.overrides);$(i,{label:`Sidebar width`,get value(){return U(h)},min:10,max:32,step:.5,unit:`rem`,help:`--sf-sidebar-width — default sidebar / drawer width`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sidebar-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-sidebar-width`)})}var a=V(i,2),o=z(a),s=z(o),c=z(s);F(s),F(o),Me(2),F(a),H(e=>{Z(o,e),q(c,`${U(h)??``}rem`)},[()=>`width: ${Math.min(U(h)*3.5,100)}px`]),K(e,r)},$$slots:{default:!0}});var ve=V(_e,4),ye=z(ve),be=V(z(ye),2),xe=z(be,!0);F(be),F(ye);var Se=V(ye,2),Ce=e=>{var n=Cm();Y(n,21,()=>y,e=>e.token,(e,n)=>{{let r=I(()=>A(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,U(n).unit?`${e}${U(n).unit}`:String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(n),K(e,n)};J(Se,e=>{U(E)&&e(Ce)}),F(ve);var we=V(ve,4),Te=z(we),Ee=V(z(Te),2),De=z(Ee,!0);F(Ee),F(Te);var P=V(Te,2),Oe=e=>{var i=Am(),a=z(i),o=V(z(a),2);{let e=I(()=>`--sf-switcher-threshold`in t.overrides);$(o,{label:`Threshold`,get value(){return U(j)},min:10,max:60,step:1,unit:`rem`,help:`--sf-switcher-threshold — width below which .sf-switcher stacks vertically`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-switcher-threshold`,`${e}rem`),onReset:()=>t.onReset(`--sf-switcher-threshold`)})}F(a);var s=V(a,2),c=V(z(s),2);{let e=I(()=>`--sf-sidebar-min-width`in t.overrides);$(c,{label:`Content min width`,get value(){return U(M)},min:20,max:80,step:1,unit:`%`,help:`--sf-sidebar-min-width — minimum width of the .sf-sidebar content column before it wraps`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-sidebar-min-width`,`${e}%`),onReset:()=>t.onReset(`--sf-sidebar-min-width`)})}F(s);var l=V(s,2),u=V(z(l),2);Y(u,16,()=>[{label:`Align`,token:`--sf-cluster-align`,def:`center`,opts:[`flex-start`,`center`,`flex-end`,`stretch`,`baseline`]},{label:`Justify`,token:`--sf-cluster-justify`,def:`flex-start`,opts:[`flex-start`,`center`,`flex-end`,`space-between`,`space-around`]}],e=>e.token,(e,n)=>{var i=Em(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n.opts,e=>e,(e,t)=>{var n=wm(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),K(e,n)}),F(s);var c;Ei(s);var l=V(s,2),u=e=>{var r=Tm();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(l,e=>{n.token in t.overrides&&e(u)}),F(i),H(()=>{q(o,n.label),c!==(c=t.overrides[n.token]??n.def)&&(s.value=(s.__value=t.overrides[n.token]??n.def)??``,Ti(s,t.overrides[n.token]??n.def))}),W(`change`,s,e=>{let r=e.target.value;r===n.def?t.onReset(n.token):t.onSet(n.token,r)}),K(e,i)});var d=V(u,2),f=z(d);Y(f,20,()=>[1.75,1,2.25,1.25],ni,(e,t,n)=>{var r=Dm();r.textContent=n+1,H(()=>Z(r,`min-height:${t}rem;min-width:1.75rem;background:var(--sf-color-primary-400,#818cf8);border-radius:var(--sf-radius-s,4px)`)),K(e,r)}),F(f),F(d),F(l);var p=V(l,2),m=V(z(p),4);{let e=I(()=>`--sf-equal-min-col`in t.overrides);$(m,{label:`Min column width`,get value(){return U(N)},min:6,max:36,step:.5,unit:`rem`,help:`--sf-equal-min-col — column-width floor for .sf-equal`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-equal-min-col`,`${e}rem`),onReset:()=>t.onReset(`--sf-equal-min-col`)})}var h=V(m,2);{let e=I(()=>`--sf-equal-rule-width`in t.overrides);$(h,{label:`Rule width`,get value(){return U(ee)},min:0,max:4,step:.5,unit:`px`,help:`--sf-equal-rule-width — column-rule width between flowing columns, 0 = off`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-equal-rule-width`,`${e}px`),onReset:()=>t.onReset(`--sf-equal-rule-width`)})}var g=V(h,2),_=V(z(g),2);Y(_,20,()=>n,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-equal-rule-style`]??`solid`);var i=Om(),a=z(i,!0);F(i),H(()=>{X(i,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,n)}),W(`click`,i,()=>n===`solid`?t.onReset(`--sf-equal-rule-style`):t.onSet(`--sf-equal-rule-style`,n)),K(e,i)}),F(_),F(g);var v=V(g,2),y=V(z(v),2);{let e=I(()=>`--sf-equal-rule-color`in t.overrides);of(y,{token:`--sf-equal-rule-color`,get value(){return U(te)},placeholder:`inherits border`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-equal-rule-color`,e),onReset:()=>t.onReset(`--sf-equal-rule-color`)})}F(v),Me(2),F(p);var b=V(p,2),x=V(z(b),2);{let e=I(()=>`--sf-cover-min-height`in t.overrides);$(x,{label:`Min height`,get value(){return U(ne)},min:20,max:100,step:1,unit:`dvh`,help:`--sf-cover-min-height — minimum height of the .sf-cover layout`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-cover-min-height`,`${e}dvh`),onReset:()=>t.onReset(`--sf-cover-min-height`)})}F(b);var S=V(b,2);lm(V(z(S),4),{token:`--sf-frame-ratio`,get value(){return U(se)},defaultValue:`16 / 9`,get presets(){return le},columns:5,dense:!0,get onSet(){return t.onSet},get onReset(){return t.onReset}}),F(S);var C=V(S,2),w=V(z(C),4);Y(w,21,()=>ue,e=>e.value,(e,n)=>{var r=Om(),i=z(r,!0);F(r),H(()=>{X(r,1,`py-1 rounded-lg text-[9px] border transition-all cursor-pointer ${U(ce)===U(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(i,U(n).label)}),W(`click`,r,()=>U(n).value===`max-content`?t.onReset(`--sf-reel-item-width`):t.onSet(`--sf-reel-item-width`,U(n).value)),K(e,r)}),F(w);var T=V(w,2),E=V(z(T),2);Ri(E);var D=V(E,2),O=e=>{var n=Tm();W(`click`,n,()=>t.onReset(`--sf-reel-height`)),K(e,n)};J(D,e=>{`--sf-reel-height`in t.overrides&&e(O)}),F(T);var k=V(T,2),A=z(k);Y(A,20,()=>[1,2,3,4,5,6],e=>e,(e,t)=>{var n=km();Z(n,`height:2.5rem;background:var(--sf-color-primary-400,#818cf8);border-radius:var(--sf-radius-s,4px)`);var r=z(n,!0);F(n),H(()=>q(r,t)),K(e,n)}),F(A),F(k),F(C);var de=V(C,2),fe=V(z(de),2);{let e=I(()=>`--sf-imposter-margin`in t.overrides);$(fe,{label:`Margin`,get value(){return U(re)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-imposter-margin — viewport inset for the centered .sf-imposter overlay`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-imposter-margin`,`${e}rem`),onReset:()=>t.onReset(`--sf-imposter-margin`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-imposter-margin`]},onRawSet:e=>t.onSet(`--sf-imposter-margin`,e)})}F(de);var pe=V(de,2),me=V(z(pe),2);{let e=I(()=>`--sf-content-width`in t.overrides);$(me,{label:`Content width`,get value(){return U(ae)},min:40,max:120,step:1,unit:`rem`,help:`--sf-content-width — default reading column width in .sf-content-grid`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-content-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-content-width`),rawDefault:`var(--sf-container-default)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-content-width`]},onRawSet:e=>t.onSet(`--sf-content-width`,e)})}var he=V(me,2);{let e=I(()=>`--sf-breakout-width`in t.overrides);$(he,{label:`Breakout width`,get value(){return U(ie)},min:50,max:160,step:1,unit:`rem`,help:`--sf-breakout-width — wide breakout column width in .sf-content-grid`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-breakout-width`,`${e}rem`),onReset:()=>t.onReset(`--sf-breakout-width`),rawDefault:`var(--sf-container-wide)`,get variableOptions(){return Xp},get currentRaw(){return t.overrides[`--sf-breakout-width`]},onRawSet:e=>t.onSet(`--sf-breakout-width`,e)})}F(pe);var ge=V(pe,2),_e=V(z(ge),2);{let e=I(()=>`--sf-alternate-inner-gap`in t.overrides);$(_e,{label:`Inner gap`,get value(){return U(oe)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-alternate-inner-gap — gap between media and text within an .sf-alternate row`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-alternate-inner-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-alternate-inner-gap`),rawDefault:`var(--sf-gap)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-alternate-inner-gap`]},onRawSet:e=>t.onSet(`--sf-alternate-inner-gap`,e)})}F(ge),F(i),H(()=>zi(E,t.overrides[`--sf-reel-height`]??``)),W(`input`,E,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-reel-height`,n):t.onReset(`--sf-reel-height`)}),K(e,i)};J(P,e=>{U(D)&&e(Oe)}),F(we);var ke=V(we,4),Ae=z(ke),je=V(z(Ae),2),Ne=z(je,!0);F(je),F(Ae);var Pe=V(Ae,2),Fe=e=>{var n=jm();Y(V(z(n),2),16,()=>[{label:`Square`,token:`--sf-ratio-square`,def:`1`},{label:`Portrait`,token:`--sf-ratio-portrait`,def:`3 / 4`},{label:`3:2`,token:`--sf-ratio-3-2`,def:`3 / 2`},{label:`4:3`,token:`--sf-ratio-4-3`,def:`4 / 3`},{label:`Video`,token:`--sf-ratio-video`,def:`16 / 9`},{label:`Cinema`,token:`--sf-ratio-cinema`,def:`21 / 9`},{label:`Golden`,token:`--sf-ratio-golden`,def:`1.618 / 1`}],e=>e.token,(e,n)=>{{let r=I(()=>t.overrides[n.token]??``),i=I(()=>n.token in t.overrides);pm(e,{get label(){return n.label},labelWidth:`w-16`,get value(){return U(r)},get placeholder(){return n.def},get overridden(){return U(i)},onSet:e=>t.onSet(n.token,e),onReset:()=>t.onReset(n.token)})}}),F(n),K(e,n)};J(Pe,e=>{U(k)&&e(Fe)}),F(ke);var Ie=V(ke,4),Le=z(Ie),Re=V(z(Le),2),ze=z(Re,!0);F(Re),F(Le);var Be=V(Le,2),Ue=e=>{var n=Mm(),a=V(z(n),2);Y(a,16,()=>[{label:`Fit`,token:`--sf-bg-layer-fit`,placeholder:`cover`,opts:[`cover`,`contain`,`fill`,`none`,`scale-down`]},{label:`Position`,token:`--sf-bg-layer-position`,placeholder:`50% 50%`,opts:[`50% 50%`,`top`,`bottom`,`left`,`right`,`center`]}],e=>e.token,(e,n)=>{var i=Em(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n.opts,e=>e,(e,t)=>{var n=wm(),i=z(n,!0);F(n);var a={};H(()=>{Z(n,`background:${U(r)};`),q(i,t),a!==(a=t)&&(n.value=(n.__value=t)??``)}),K(e,n)}),F(s);var c;Ei(s);var l=V(s,2),u=e=>{var r=Tm();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(l,e=>{n.token in t.overrides&&e(u)}),F(i),H(()=>{q(o,n.label),c!==(c=t.overrides[n.token]??n.placeholder)&&(s.value=(s.__value=t.overrides[n.token]??n.placeholder)??``,Ti(s,t.overrides[n.token]??n.placeholder))}),W(`change`,s,e=>{let r=e.target.value;r===n.placeholder?t.onReset(n.token):t.onSet(n.token,r)}),K(e,i)});var o=V(a,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-inset`],0)),n=I(()=>`--sf-bg-layer-inset`in t.overrides);$(o,{label:`Inset`,get value(){return U(e)},min:0,max:4,step:.25,unit:`rem`,help:`--sf-bg-layer-inset — inset the background from the container edges`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-inset`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-inset`)})}var s=V(o,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-radius`],0)),n=I(()=>`--sf-bg-layer-radius`in t.overrides);$(s,{label:`Radius`,get value(){return U(e)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-bg-layer-radius — corner radius of the background element`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-bg-layer-radius`)})}var c=V(s,2);{let e=I(()=>i(t.overrides[`--sf-bg-layer-z`],-2)),n=I(()=>`--sf-bg-layer-z`in t.overrides);$(c,{label:`Z-index`,get value(){return U(e)},min:-10,max:0,step:1,help:`--sf-bg-layer-z — stack order of the background pseudo-element (typically negative)`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-bg-layer-z`,String(e)),onReset:()=>t.onReset(`--sf-bg-layer-z`)})}F(n),K(e,n)};J(Be,e=>{U(O)&&e(Ue)}),F(Ie),F(de),H(()=>{Q(ye,`aria-expanded`,U(E)),q(xe,U(E)?`▲`:`▼`),Q(Te,`aria-expanded`,U(D)),q(De,U(D)?`▲`:`▼`),Q(Ae,`aria-expanded`,U(k)),q(Ne,U(k)?`▲`:`▼`),Q(Le,`aria-expanded`,U(O)),q(ze,U(O)?`▲`:`▼`)}),W(`click`,ye,()=>{R(E,!U(E))}),W(`click`,Te,()=>{R(D,!U(D))}),W(`click`,Ae,()=>{R(k,!U(k))}),W(`click`,Le,()=>{R(O,!U(O))}),K(e,de),He()}Rr([`click`,`change`,`input`]);var Fm=/var\(\s*(--sf-[\w-]+)/g,Im=/^var\(\s*(--sf-[\w-]+)\s*(?:,[\s\S]*)?\)$/;function Lm(e){let t=0;for(let n of e)if(n===`(`&&(t+=1),n===`)`&&--t<0)return!1;return t===0}function Rm(e){if(!e)return[];let t=new Set,n;for(Fm.lastIndex=0;(n=Fm.exec(e))!==null;)t.add(n[1]);return[...t]}function zm(e){if(!e||!Lm(e))return null;let t=e.trim(),n=Im.exec(t);if(!n)return null;let r=0;for(let e=0;e<t.length;e++)if(t[e]===`(`)r+=1;else if(t[e]===`)`&&--r===0)return e===t.length-1?n[1]:null;return n[1]}function Bm(e){return e.aliasOf?e.aliasOf:zm(e.value)}function Vm(e){return Bm(e)?`alias`:e.role===`consumption`?`output`:`source`}var Hm={source:`Source`,alias:`Alias`,output:`Output`};function Um(e){let t=new Set(e.map(e=>e.name)),n={},r={};for(let i of e){let e=Rm(i.value).filter(e=>e!==i.name&&t.has(e));n[i.name]=e;for(let t of e)(r[t]??=[]).push(i.name)}for(let e of Object.keys(r))r[e].sort();return{dependsOn:n,usedBy:r}}var Wm=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`,`3xl`,`4xl`],Gm=e=>Wm.map(t=>`--sf-${e}-${t}`),Km=[{id:`text`,label:`Type scale`,sources:[`--sf-text-base-min`,`--sf-text-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:Gm(`text`)},{id:`display`,label:`Display scale`,sources:[`--sf-text-display-base-min`,`--sf-text-display-base-max`,`--sf-text-ratio-min`,`--sf-text-ratio-max`,`--sf-text-display-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:[`--sf-text-display-s`,`--sf-text-display-m`,`--sf-text-display-l`]},{id:`space`,label:`Spacing scale`,sources:[`--sf-space-base-min`,`--sf-space-base-max`,`--sf-space-ratio-min`,`--sf-space-ratio-max`,`--sf-space-scale`,`--sf-fluid-min-vw`,`--sf-fluid-max-vw`],steps:Gm(`space`)},{id:`radius`,label:`Radius scale`,sources:[`--sf-radius-scale`],steps:[...Gm(`radius`),`--sf-radius-none`,`--sf-radius-full`,`--sf-radius-pill`,`--sf-radius-outer`]},{id:`border-width`,label:`Border-width scale`,sources:[`--sf-border-scale`],steps:[`--sf-border-width-1`,`--sf-border-width-2`,`--sf-border-width-3`,`--sf-border-width-4`]},{id:`motion`,label:`Duration scale`,sources:[`--sf-motion-scale`],steps:[`--sf-duration-instant`,`--sf-duration-fast`,`--sf-duration-normal`,`--sf-duration-slow`,`--sf-duration-slower`,`--sf-duration-none`,`--sf-theme-transition-duration`]}],qm=new Set(Km.flatMap(e=>e.steps)),Jm={};for(let e of Km)for(let t of e.steps)Jm[t]=e;function Ym(e){return qm.has(e)}function Xm(e){let t=[];for(let n of Km){let r=n.steps.filter(t=>{let r=e[t];return r!==void 0&&!Rm(r).some(e=>n.sources.includes(e))});if(r.length===0)continue;let i=n.sources.filter(t=>t in e);t.push({family:n,shadowedSteps:r,overriddenSources:i})}return t}var Zm=/[;{}]|\/\*|\*\//,Qm=/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/,$m=65535;function eh(e){if(typeof e!=`string`)return!1;let t=e.trim();return t===``||Zm.test(t)||Qm.test(t)?!1:new TextEncoder().encode(t).byteLength<=$m}function th(e,t){let n=t[e.name];if(n===void 0)return`default`;let r=(e.syntax??``).toLowerCase(),i=(r.includes(`<number>`)||r.includes(`<integer>`))&&n.trim().toLowerCase()===`auto`;if(!eh(n)||!Lm(n)||i)return`invalid`;if(zm(n))return`relinked`;let a=Vm(e);return a===`output`||a===`alias`||Ym(e.name)?`detached`:`custom`}var nh=()=>({invalid:[],detached:[],relinked:[],custom:[],unknown:[]});function rh(e,t){let n=new Map(e.map(e=>[e.name,e])),r=nh();for(let[e,i]of Object.entries(t)){let a=n.get(e)??null;if(!a){r.unknown.push({name:e,token:null,value:i,state:`unknown`});continue}let o=th(a,t),s={name:e,token:a,value:i,state:o};o!=="default"&&r[o].push(s)}for(let e of Object.keys(r))r[e].sort((e,t)=>e.name.localeCompare(t.name));let i=r.invalid.length+r.detached.length+r.relinked.length+r.custom.length+r.unknown.length;return{...r,total:i}}var ih=G(`<!> <p class="text-[9px] text-slate-400 dark:text-slate-600">Drives --sf-color-border--strong, --subtle, --translucent automatically.</p>`,1),ah=G(`<div class="flex items-center gap-3"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-14"> </span> <div class="flex-1 bg-indigo-400/50 rounded"></div></div>`),oh=G(`<!> <!> <!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),sh=G(`<button><span class="block mx-auto mb-0.5"></span> </button>`),ch=G(`<div><div class="text-[9px] text-slate-500 mb-1.5"> </div> <div class="flex flex-col gap-1"></div></div>`),lh=G(`<div class="grid grid-cols-2 gap-3"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center gap-3"><div class="px-4 py-2 rounded-lg text-[11px] text-slate-700 dark:text-slate-300 bg-black/4 dark:bg-white/4">Border sample</div> <span class="text-[9px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`,1),uh=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Color</div> <!></div> <!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[10px] text-slate-600 dark:text-slate-400 m-0">Content above</p> <hr/> <p class="text-[10px] text-slate-600 dark:text-slate-400 m-0">Content below</p></div>`,1),dh=G(`<div class="mt-2 space-y-2 pl-2 border-l border-black/10 dark:border-white/10"></div>`),fh=G(`<div class="flex flex-col items-center gap-1"><div class="w-10 h-10 bg-indigo-500/40 border border-indigo-500/30"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),ph=G(`<div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4"><div class="flex gap-3 flex-wrap"></div></div>`),mh=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-media-radius — 0 by default (off). Rounds every &lt;img&gt;/&lt;figure&gt; globally via a
+        zero-specificity :where() rule; .sf-bg-layer and component-level radii still win.</p> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><div class="w-16 h-16 bg-indigo-500/40 border border-indigo-500/30"></div></div>`,1),hh=G(`<div class="mt-2 space-y-2"><!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><input type="text" disabled="" placeholder="Sample field" class="w-full text-[11px] text-slate-600 dark:text-slate-300 bg-white/70 dark:bg-white/5 outline-none placeholder:text-slate-500"/></div></div>`),gh=G(`<div class="mt-3 space-y-4"></div>`),_h=G(`<div class="p-4 space-y-5"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div>  <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Radius</div> <!> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span>Fine-tune radius steps</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div><button class="w-full flex items-center justify-between cursor-pointer mb-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Radius preview</div> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-[10px] font-semibold text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 transition-colors cursor-pointer py-1"><span class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Field shape</span> <span class="text-[10px] text-slate-500"> </span></button> <!></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div><button class="w-full flex items-center justify-between text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400 transition-colors cursor-pointer"><div class="text-[10px] font-semibold uppercase tracking-widest">Advanced</div> <span class="text-[10px]"> </span></button> <!></div></div>`);function vh(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`,`full`],i=[{step:`xs`,name:`--sf-radius-xs`,default:2,max:16,step_size:.5,rawDefault:`calc(2px * var(--sf-radius-scale))`},{step:`s`,name:`--sf-radius-s`,default:4,max:24,step_size:.5,rawDefault:`calc(4px * var(--sf-radius-scale))`},{step:`m`,name:`--sf-radius-m`,default:8,max:32,step_size:1,rawDefault:`calc(8px * var(--sf-radius-scale))`},{step:`l`,name:`--sf-radius-l`,default:12,max:48,step_size:1,rawDefault:`calc(12px * var(--sf-radius-scale))`},{step:`xl`,name:`--sf-radius-xl`,default:16,max:64,step_size:1,rawDefault:`calc(16px * var(--sf-radius-scale))`},{step:`2xl`,name:`--sf-radius-2xl`,default:24,max:80,step_size:2,rawDefault:`calc(24px * var(--sf-radius-scale))`}],a=[{label:`Field radius`,token:`--sf-field-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,help:`--sf-field-radius`,variableOptions:Jp},{label:`Field padding block`,token:`--sf-field-padding-block`,unit:`rem`,min:0,max:1,step:.025,default:.375,rawDefault:`var(--sf-space-xs)`,help:`--sf-field-padding-block`,variableOptions:qp},{label:`Field padding inline`,token:`--sf-field-padding-inline`,unit:`rem`,min:0,max:2,step:.025,default:.75,rawDefault:`var(--sf-space-s)`,help:`--sf-field-padding-inline`,variableOptions:qp}],o=fd.borders??[],s=L(!1),c=L(!1),l=L(!1),u=L(!1),d=L(!1),f=L(!1),p=L(!1),m=L(!1),h=L(!1);function g(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let _=I(()=>g(t.overrides[`--sf-border-scale`],1)),v=I(()=>g(t.overrides[`--sf-divider-width`]?.replace(`px`,``),1)),y=I(()=>g(t.overrides[`--sf-divider-gap`]?.replace(`rem`,``),1)),b=I(()=>t.overrides[`--sf-color-border`]??``),x=I(()=>t.overrides[`--sf-border-style`]??`solid`),S=I(()=>t.overrides[`--sf-divider-color`]??``),C=I(()=>g(t.overrides[`--sf-media-radius`]?.replace(`rem`,``),0)),w=I(()=>Xm(t.overrides).find(e=>e.family.id===`radius`)?.shadowedSteps??[]),T=I(()=>Xm(t.overrides).find(e=>e.family.id===`border-width`)?.shadowedSteps??[]),E=e=>e.forEach(t.onReset);function D(e,n){return t.overrides[e]??n}function O(e){let n=t.overrides[e.name];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function k(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}var A=_h(),j=z(A);cf(j,{title:`Border color`,get open(){return U(s)},set open(e){R(s,e,!0)},children:(e,n)=>{var r=ih(),i=B(r);{let e=I(()=>`--sf-color-border`in t.overrides);of(i,{token:`--sf-color-border`,get value(){return U(b)},placeholder:`auto-derived`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-color-border`,e),onReset:()=>t.onReset(`--sf-color-border`)})}Me(2),K(e,r)},$$slots:{default:!0}});var M=V(j,4);cf(M,{title:`Border widths`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,n)=>{var r=oh(),i=B(r);dp(i,{get tokens(){return U(T)},scaleLabel:`border-width`,onClear:()=>E(U(T))});var a=V(i,2);{let e=I(()=>`--sf-border-scale`in t.overrides);$(a,{label:`Border scale`,get value(){return U(_)},min:0,max:4,step:.25,help:`Multiplier applied to all border widths. 0 hides all borders.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-border-scale`,String(e)),onReset:()=>t.onReset(`--sf-border-scale`)})}var o=V(a,2);{let e=I(()=>g(t.overrides[`--sf-border-width-hairline`]?.replace(`px`,``),.5)),n=I(()=>`--sf-border-width-hairline`in t.overrides);$(o,{label:`Hairline`,get value(){return U(e)},min:0,max:1,step:.25,unit:`px`,help:`--sf-border-width-hairline — ultra-thin border for retina displays`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-border-width-hairline`,`${e}px`),onReset:()=>t.onReset(`--sf-border-width-hairline`)})}var s=V(o,2);{let e=I(()=>g(t.overrides[`--sf-box-border-width`]?.replace(`px`,``),0)),n=I(()=>`--sf-box-border-width`in t.overrides);$(s,{label:`Box border`,get value(){return U(e)},min:0,max:4,step:.5,unit:`px`,help:`--sf-box-border-width — box-shadow border drawn without affecting layout`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-box-border-width`,`${e}px`),onReset:()=>t.onReset(`--sf-box-border-width`)})}var c=V(s,2);Y(c,20,()=>[1,2,3,4],e=>e,(e,t)=>{var n=ah(),r=z(n),i=z(r);F(r);var a=V(r,2);F(n),H(()=>{q(i,`width-${t??``}`),Z(a,`height: max(var(--sf-border-width-${t}, ${t}px), 0.5px)`)}),K(e,n)}),F(c),K(e,r)},$$slots:{default:!0}});var N=V(M,4);cf(N,{title:`Line styles`,spacing:`space-y-4`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,r)=>{var i=lh(),a=B(i);Y(a,20,()=>[{label:`Border`,token:`--sf-border-style`,default:`solid`},{label:`Divider`,token:`--sf-divider-style`,default:`solid`}],e=>e.token,(e,r)=>{var i=ch(),a=z(i),o=z(a,!0);F(a);var s=V(a,2);Y(s,20,()=>n,e=>e,(e,n)=>{let i=I(()=>D(r.token,r.default));var a=sh(),o=z(a),s=V(o);F(a),H(()=>{X(a,1,`px-2 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer text-center ${U(i)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),Z(o,`width: 20px; height: 0; border-bottom: 2px ${n} currentColor; opacity: 0.7`),q(s,` ${n??``}`)}),W(`click`,a,()=>n===r.default?t.onReset(r.token):t.onSet(r.token,n)),K(e,a)}),F(s),F(i),H(()=>q(o,r.label)),K(e,i)}),F(a);var o=V(a,2),s=z(o),c=V(s,2),l=z(c);F(c),F(o),H(()=>{Z(s,`border: var(--sf-border-width-1, 1px) ${U(x)} ${U(b)||`var(--sf-color-border, #64748b)`}`),q(l,`width-1 · ${U(x)??``}`)}),K(e,i)},$$slots:{default:!0}});var ee=V(N,4);cf(ee,{title:`Dividers`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var r=uh(),i=B(r),a=V(z(i),2);{let e=I(()=>`--sf-divider-color`in t.overrides);of(a,{token:`--sf-divider-color`,get value(){return U(S)},placeholder:`inherits border`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-divider-color`,e),onReset:()=>t.onReset(`--sf-divider-color`)})}F(i);var o=V(i,2);{let e=I(()=>`--sf-divider-width`in t.overrides);$(o,{label:`Width`,get value(){return U(v)},min:.5,max:4,step:.5,unit:`px`,help:`--sf-divider-width`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-divider-width`,`${e}px`),onReset:()=>t.onReset(`--sf-divider-width`),rawDefault:`var(--sf-border-width-1)`,get variableOptions(){return Yp},get currentRaw(){return t.overrides[`--sf-divider-width`]},onRawSet:e=>t.onSet(`--sf-divider-width`,e)})}var s=V(o,2);{let e=I(()=>`--sf-divider-gap`in t.overrides);$(s,{label:`Gap`,get value(){return U(y)},min:0,max:4,step:.125,unit:`rem`,help:`--sf-divider-gap — spacing around divider lines`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-divider-gap`,`${e}rem`),onReset:()=>t.onReset(`--sf-divider-gap`),rawDefault:`var(--sf-space-m)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-divider-gap`]},onRawSet:e=>t.onSet(`--sf-divider-gap`,e)})}var c=V(s,2);Z(V(z(c),2),`border:0;border-top:var(--sf-divider-width,1px) var(--sf-divider-style,solid) var(--sf-divider-color, var(--sf-color-border,#64748b));margin-block:var(--sf-divider-gap,1rem)`),Me(2),F(c),K(e,r)},$$slots:{default:!0}});var te=V(ee,6);dp(te,{get tokens(){return U(w)},scaleLabel:`radius`,onClear:()=>E(U(w))});var ne=V(te,2),re=z(ne),ie=V(z(re),2),ae=z(ie,!0);F(ie),F(re);var oe=V(re,2),se=e=>{var n=dh();Y(n,21,()=>i,e=>e.name,(e,n)=>{{let r=I(()=>O(U(n))),i=I(()=>U(n).name in t.overrides);$(e,{get label(){return U(n).step},get value(){return U(r)},min:0,get max(){return U(n).max},get step(){return U(n).step_size},unit:`px`,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).name,`${e}px`),onReset:()=>t.onReset(U(n).name),get rawDefault(){return U(n).rawDefault},get currentRaw(){return t.overrides[U(n).name]},onRawSet:e=>t.onSet(U(n).name,e)})}}),F(n),K(e,n)};J(oe,e=>{U(m)&&e(se)}),F(ne);var ce=V(ne,2),le=z(ce),ue=V(z(le),2),de=z(ue,!0);F(ue),F(le);var fe=V(le,2),pe=e=>{var t=ph(),n=z(t);Y(n,20,()=>r,e=>e,(e,t)=>{var n=fh(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(()=>{Z(r,`border-radius: var(--sf-radius-${t})`),q(a,t)}),K(e,n)}),F(n),F(t),K(e,t)};J(fe,e=>{U(f)&&e(pe)}),F(ce);var me=V(ce,4);cf(me,{title:`Global media radius`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,n)=>{var r=mh(),i=V(B(r),2);{let e=I(()=>`--sf-media-radius`in t.overrides);$(i,{label:`Radius`,get value(){return U(C)},min:0,max:2,step:.05,unit:`rem`,help:`--sf-media-radius`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-media-radius`,`${e}rem`),onReset:()=>t.onReset(`--sf-media-radius`),rawDefault:`0`,get variableOptions(){return Jp},get currentRaw(){return t.overrides[`--sf-media-radius`]},onRawSet:e=>t.onSet(`--sf-media-radius`,e)})}var a=V(i,2);Z(z(a),`border-radius: var(--sf-media-radius, 0)`),F(a),K(e,r)},$$slots:{default:!0}});var he=V(me,4),ge=z(he),_e=V(z(ge),2),ve=z(_e,!0);F(_e),F(ge);var ye=V(ge,2),be=e=>{var n=hh(),r=z(n);Y(r,17,()=>a,e=>e.token,(e,n)=>{{let r=I(()=>k(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).help},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var i=V(r,2);Z(z(i),`border:var(--sf-border-width-1,1px) solid var(--sf-color-border,#64748b);border-radius:var(--sf-field-radius,0.5rem);padding-block:var(--sf-field-padding-block,0.375rem);padding-inline:var(--sf-field-padding-inline,0.75rem)`),F(i),F(n),K(e,n)};J(ye,e=>{U(h)&&e(be)}),F(he);var xe=V(he,4),Se=z(xe),Ce=V(z(Se),2),we=z(Ce,!0);F(Ce),F(Se);var Te=V(Se,2),Ee=e=>{var n=gh();Y(n,21,()=>o,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(n),K(e,n)};J(Te,e=>{U(d)&&e(Ee)}),F(xe),F(A),H(()=>{Q(re,`aria-expanded`,U(m)),q(ae,U(m)?`▲`:`▼`),Q(le,`aria-expanded`,U(f)),q(de,U(f)?`▲`:`▼`),Q(ge,`aria-expanded`,U(h)),q(ve,U(h)?`▲`:`▼`),Q(Se,`aria-expanded`,U(d)),q(we,U(d)?`▲`:`▼`)}),W(`click`,re,()=>{R(m,!U(m))}),W(`click`,le,()=>{R(f,!U(f))}),W(`click`,ge,()=>{R(h,!U(h))}),W(`click`,Se,()=>{R(d,!U(d))}),K(e,A),He()}Rr([`click`]);var yh=G(`<button type="button"><div></div></button>`);function bh(e,t){let n=na(t,`size`,3,`md`),r=I(()=>n()===`sm`?`w-8 h-4`:`w-9 h-5`),i=I(()=>n()===`sm`?`w-3 h-3`:`w-4 h-4`);var a=yh(),o=z(a);F(a),H(()=>{Q(a,`aria-label`,t.ariaLabel),Q(a,`aria-pressed`,t.checked),Q(a,`title`,t.title),X(a,1,`${U(r)} rounded-full transition-colors relative cursor-pointer shrink-0 ${t.checked?`bg-indigo-600`:`bg-black/10 dark:bg-white/10`}`),X(o,1,`absolute top-0.5 ${U(i)} bg-white rounded-full shadow transition-transform ${t.checked?`translate-x-4`:`translate-x-0.5`}`)}),W(`click`,a,function(...e){t.onToggle?.apply(this,e)}),K(e,a)}Rr([`click`]);var xh=G(`<div class="flex flex-col items-center gap-2"><div class="bg-white dark:bg-[#1a1a2e] border border-black/8 dark:border-white/8 rounded-lg"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Sh=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Shadow color</div> <!> <p class="text-[9px] text-slate-400 dark:text-slate-600 mt-1">Warm, cool or brand-tinted shadows. Default uses neutral hue.</p></div>`),Ch=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Glow color</div> <!> <p class="text-[9px] text-slate-400 dark:text-slate-600 mt-1">Which brand color radiates the glow. Defaults to primary.</p></div>`),wh=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 text-center">Glow disabled.</p>`),Th=G(`<div class="flex items-center justify-between p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Shadow glow</div> <div class="text-[9px] text-slate-500 mt-0.5">Ambient glow on elevated surfaces</div></div> <!></div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-6 flex items-center justify-center"><div class="w-16 h-16 bg-white dark:bg-[#1a1a2e] border border-black/8 dark:border-white/8 rounded-xl"></div></div> <!>`,1),Eh=G(`<div class="space-y-4"></div>`),Dh=G(`<div class="p-4 space-y-5"><div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-4 flex-wrap items-end justify-center"></div> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function Oh(e,t){Ve(t,!0);let n=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=fd.shadows??[],i=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-shadow-lightness`]??`0.15`);return isFinite(e)?e:.15})()),a=I(()=>t.overrides[`--sf-shadow-color`]??``),o=I(()=>t.overrides[`--sf-shadow-glow-color`]??``),s=I(()=>t.overrides[`--sf-shadow-glow`]===`none`),c=L(!1),l=L(!1),u=L(!1);var d=Dh(),f=z(d);Y(f,22,()=>n,e=>e,(e,t,n)=>{var r=xh(),i=z(r),a=V(i,2),o=z(a,!0);F(a),F(r),H(()=>{Z(i,`width: ${40+U(n)*4}px; height: ${40+U(n)*4}px; box-shadow: var(--sf-shadow-${t})`),q(o,t)}),K(e,r)}),F(f);var p=V(f,4);{let e=I(()=>`--sf-shadow-lightness`in t.overrides);$(p,{label:`Shadow lightness`,get value(){return U(i)},min:0,max:.5,step:.01,help:`--sf-shadow-lightness — OKLCH lightness of the shadow color. Lower = darker, more visible shadows.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-shadow-lightness`,String(e)),onReset:()=>t.onReset(`--sf-shadow-lightness`)})}var m=V(p,4);cf(m,{title:`Shadow color`,spacing:`space-y-4`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,n)=>{var r=Sh(),i=V(z(r),2);{let e=I(()=>`--sf-shadow-color`in t.overrides);of(i,{token:`--sf-shadow-color`,get value(){return U(a)},placeholder:`auto (neutral hue)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-shadow-color`,e),onReset:()=>t.onReset(`--sf-shadow-color`)})}Me(2),F(r),K(e,r)},$$slots:{default:!0}});var h=V(m,4);cf(h,{title:`Glow`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,n)=>{var r=Th(),i=B(r),a=V(z(i),2);{let e=I(()=>!U(s)),n=I(()=>U(s)?`Enable shadow glow`:`Disable shadow glow`);bh(a,{get checked(){return U(e)},get ariaLabel(){return U(n)},onToggle:()=>U(s)?t.onReset(`--sf-shadow-glow`):t.onSet(`--sf-shadow-glow`,`none`)})}F(i);var c=V(i,2),l=e=>{var n=Ch(),r=V(z(n),2);{let e=I(()=>`--sf-shadow-glow-color`in t.overrides);of(r,{token:`--sf-shadow-glow-color`,get value(){return U(o)},placeholder:`default (primary color)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-shadow-glow-color`,e),onReset:()=>t.onReset(`--sf-shadow-glow-color`)})}Me(2),F(n),K(e,n)};J(c,e=>{U(s)||e(l)});var u=V(c,2),d=z(u);F(u);var f=V(u,2),p=e=>{K(e,wh())};J(f,e=>{U(s)&&e(p)}),H(()=>Z(d,`box-shadow: ${U(s)?`none`:`var(--sf-shadow-glow)`}`)),K(e,r)},$$slots:{default:!0}}),cf(V(h,4),{title:`Advanced`,variant:`advanced`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var i=Eh();Y(i,21,()=>r,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(i),K(e,i)},$$slots:{default:!0}}),F(d),K(e,d),He()}var kh=G(`<div></div>`),Ah=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-3 items-center justify-center overflow-hidden relative"><div class="absolute inset-0 grid grid-cols-4 grid-rows-3 gap-px opacity-30"></div> <div class="relative z-10 w-20 h-12 rounded-lg border border-black/20 dark:border-white/20 bg-black/10 dark:bg-white/10 flex items-center justify-center"><span class="text-[9px] font-mono text-slate-900/70 dark:text-white/70"> </span></div></div>`,1),jh=G(`<div class="flex items-center gap-3"><span class="text-[9px] text-slate-400 dark:text-slate-600 w-14"> </span> <div class="flex-1 h-4 bg-indigo-400 rounded"></div> <span class="text-[9px] font-mono text-slate-500 w-8"> </span></div>`),Mh=G(`<!> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"></div>`,1),Nh=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0"> </div> <!></div>`),Ph=G(`<!> <div class="flex items-center gap-2 p-2 rounded-lg bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div class="w-16 h-3 rounded-full"><div class="w-6 h-3 rounded-full"></div></div> <span class="text-[9px] text-slate-400 dark:text-slate-600">Scrollbar preview</span></div>`,1),Fh=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Ih=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0"> </div> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Lh=G(`<div class="flex flex-col items-center gap-1"><span class="text-[22px] font-bold text-white leading-none">Aa</span> <span class="text-[8px] font-mono text-white/70"> </span></div>`),Rh=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Controls text legibility over images. Applied via <code class="text-slate-600 dark:text-slate-400">text-shadow: var(--sf-text-shadow-m)</code>.
         Edit each token directly — use <code class="text-slate-600 dark:text-slate-400">none</code> to disable.</p> <div class="space-y-2"></div> <div class="rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-4 items-center justify-center flex-wrap" style="background:linear-gradient(135deg,var(--sf-color-primary-400,#6366f1),var(--sf-color-secondary-500,#8b5cf6) 60%,var(--sf-color-tertiary-400,#0ea5e9))"></div>`,1),zh=G(`<div class="flex flex-col items-center gap-1.5"><svg width="40" height="40" viewBox="0 0 24 24" aria-hidden="true"><rect x="2" y="2" width="20" height="20" rx="3" fill="var(--sf-color-primary)"></rect></svg> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Bh=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed"><code class="text-slate-600 dark:text-slate-400">filter: drop-shadow(…)</code> — unlike box-shadow, follows the
         element's actual alpha shape (SVG icons, PNG cutouts, transparent logos). Edit each token directly —
         use <code class="text-slate-600 dark:text-slate-400">none</code> to disable.</p> <div class="space-y-2"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex gap-4 items-end justify-center flex-wrap"></div>`,1),Vh=G(`<div class="p-4 space-y-6"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function Hh(e,t){Ve(t,!0);let n=[{label:`Extra small`,token:`--sf-text-shadow-xs`,default:`0 0.5px 1px oklch(…)`},{label:`Small`,token:`--sf-text-shadow-s`,default:`0 1px 2px oklch(…)`},{label:`Medium`,token:`--sf-text-shadow-m`,default:`0 2px 4px oklch(…)`},{label:`Large`,token:`--sf-text-shadow-l`,default:`0 4px 8px oklch(…)`},{label:`Extra large`,token:`--sf-text-shadow-xl`,default:`0 8px 16px oklch(…)`}],r=[`xs`,`s`,`m`,`l`,`xl`];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=I(()=>i(t.overrides[`--sf-blur`],12,`px`)),o=I(()=>i(t.overrides[`--sf-opacity-muted`],.5)),s=I(()=>i(t.overrides[`--sf-opacity-disabled`],.45)),c=I(()=>t.overrides[`--sf-scrollbar-thumb`]??``),l=I(()=>t.overrides[`--sf-scrollbar-track`]??``),u=L(!1),d=L(!1),f=L(!1),p=L(!1),m=L(!1);var h=Vh(),g=z(h);cf(g,{title:`Blur`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var r=Ah(),i=B(r);{let e=I(()=>`--sf-blur`in t.overrides);$(i,{label:`Blur radius`,get value(){return U(a)},min:0,max:48,step:1,unit:`px`,help:`--sf-blur — used for frosted glass, modals, tooltips`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-blur`,`${e}px`),onReset:()=>t.onReset(`--sf-blur`)})}var o=V(i,2),s=z(o);Y(s,20,()=>Array.from({length:12}),ni,(e,t,n)=>{var r=kh();X(r,1,vi(n%3==0?`bg-indigo-500/50`:n%3==1?`bg-purple-500/40`:`bg-blue-500/30`)),K(e,r)}),F(s);var c=V(s,2);Z(c,`backdrop-filter: blur(var(--sf-blur, 12px))`);var l=z(c),u=z(l);F(l),F(c),F(o),H(()=>q(u,`${U(a)??``}px`)),K(e,r)},$$slots:{default:!0}});var _=V(g,4);cf(_,{title:`Opacity`,spacing:`space-y-4`,get open(){return U(d)},set open(e){R(d,e,!0)},children:(e,n)=>{var r=Mh(),i=B(r);{let e=I(()=>`--sf-opacity-muted`in t.overrides);$(i,{label:`Muted opacity`,get value(){return U(o)},min:0,max:1,step:.05,help:`--sf-opacity-muted — secondary text, icons, and placeholder content`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-opacity-muted`,String(e)),onReset:()=>t.onReset(`--sf-opacity-muted`)})}var a=V(i,2);{let e=I(()=>`--sf-opacity-disabled`in t.overrides);$(a,{label:`Disabled opacity`,get value(){return U(s)},min:0,max:1,step:.05,help:`--sf-opacity-disabled — disabled form controls and interactive elements`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-opacity-disabled`,String(e)),onReset:()=>t.onReset(`--sf-opacity-disabled`)})}var c=V(a,2);Y(c,21,()=>[{label:`muted`,token:`--sf-opacity-muted`,val:U(o)},{label:`disabled`,token:`--sf-opacity-disabled`,val:U(s)}],e=>e.label,(e,t)=>{var n=jh(),r=z(n),i=z(r,!0);F(r);var a=V(r,2),o=V(a,2),s=z(o,!0);F(o),F(n),H(()=>{q(i,U(t).label),Z(a,`opacity: var(${U(t).token}, ${U(t).val})`),q(s,U(t).val)}),K(e,n)}),F(c),K(e,r)},$$slots:{default:!0}});var v=V(_,4);cf(v,{title:`Scrollbar`,get open(){return U(f)},set open(e){R(f,e,!0)},children:(e,n)=>{var r=Ph(),i=B(r);Y(i,17,()=>[{label:`Thumb color`,token:`--sf-scrollbar-thumb`,val:U(c)},{label:`Track color`,token:`--sf-scrollbar-track`,val:U(l)}],e=>e.token,(e,n)=>{var r=Nh(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);{let e=I(()=>U(n).token in t.overrides);of(o,{get token(){return U(n).token},get value(){return U(n).val},placeholder:`default`,get isOverridden(){return U(e)},onSet:e=>t.onSet(U(n).token,e),onReset:()=>t.onReset(U(n).token)})}F(r),H(()=>q(a,U(n).label)),K(e,r)});var a=V(i,2),o=z(a);Z(o,``,{},{background:`var(--sf-scrollbar-track, rgba(255,255,255,0.08))`}),Z(z(o),``,{},{background:`var(--sf-scrollbar-thumb, oklch(0.52 0.025 260))`}),F(o),Me(2),F(a),K(e,r)},$$slots:{default:!0}});var y=V(v,4);cf(y,{title:`Text shadow`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,r)=>{var i=Rh(),a=V(B(i),2);Y(a,21,()=>n,e=>e.token,(e,n)=>{var r=Ih(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Fh();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(s,e=>{U(n).token in t.overrides&&e(c)}),F(r),H(()=>{q(a,U(n).label),zi(o,t.overrides[U(n).token]??``),Q(o,`placeholder`,U(n).default)}),W(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(U(n).token,r):t.onReset(U(n).token)}),K(e,r)}),F(a);var o=V(a,2);Y(o,21,()=>n,e=>e.token,(e,t)=>{var n=Lh(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(e=>{Z(r,`text-shadow:var(${U(t).token})`),q(a,e)},[()=>U(t).token.replace(`--sf-text-shadow-`,``)]),K(e,n)}),F(o),K(e,i)},$$slots:{default:!0}}),cf(V(y,4),{title:`Drop shadow`,get open(){return U(m)},set open(e){R(m,e,!0)},children:(e,n)=>{var i=Bh(),a=V(B(i),2);Y(a,20,()=>[{label:`Extra small`,token:`--sf-drop-shadow-xs`,default:`drop-shadow(0 0.5px 1px oklch(…))`},{label:`Small`,token:`--sf-drop-shadow-s`,default:`drop-shadow(0 1px 2px oklch(…))`},{label:`Medium`,token:`--sf-drop-shadow-m`,default:`drop-shadow(0 4px 6px oklch(…))`},{label:`Large`,token:`--sf-drop-shadow-l`,default:`drop-shadow(0 8px 16px oklch(…))`},{label:`Extra large`,token:`--sf-drop-shadow-xl`,default:`drop-shadow(0 16px 32px oklch(…))`}],e=>e.token,(e,n)=>{var r=Ih(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Fh();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`placeholder`,n.default)}),W(`input`,o,e=>{let r=e.target.value;r.trim()?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(a);var o=V(a,2);Y(o,20,()=>r,e=>e,(e,t)=>{var n=zh(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(()=>{X(r,0,`sf-drop-shadow-${t}`),q(a,t)}),K(e,n)}),F(o),K(e,i)},$$slots:{default:!0}}),F(h),K(e,h),He()}Rr([`input`,`click`]);var Uh=G(`<div><div class="px-4 pt-3 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Elevation & shadows</div> <!> <div class="mx-4 my-2 h-px bg-black/8 dark:bg-white/8"></div> <div class="px-4 pt-2 pb-1 text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Effects</div> <!></div>`);function Wh(e,t){var n=Uh(),r=V(z(n),2);Oh(r,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}}),Hh(V(r,6),{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}}),F(n),K(e,n)}var Gh=G(`<div class="rounded-lg bg-amber-500/10 border border-amber-500/20 p-2.5"><p class="text-[10px] text-amber-700 dark:text-amber-300">Motion is disabled — duration & easing have no effect while scale is 0.</p></div>`),Kh=G(`<option> </option>`),qh=G(`<span class="text-amber-600 dark:text-amber-400">(No effect while motion is disabled.)</span>`),Jh=G(`<div class="flex items-center gap-3"><span class="text-[10px] text-slate-500 w-14 shrink-0"> </span> <div class="flex-1 h-1 bg-black/8 dark:bg-white/8 rounded-full overflow-hidden"><div class="h-full bg-indigo-500 rounded-full"></div></div> <span class="text-[9px] font-mono text-slate-500 w-10 text-right"> </span></div>`),Yh=G(`<!> <p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Named duration tokens. Drag to set an absolute ms value, overriding the global scale. <!></p> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 space-y-3"></div>`,1),Xh=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer">reset</button>`),Zh=G(`<div><div class="flex items-center gap-2.5"><svg width="40" height="28" viewBox="0 0 40 28" class="overflow-visible shrink-0"><path stroke="rgb(99 102 241 / 0.6)" stroke-width="1.5" fill="none" stroke-linecap="round"></path></svg> <div class="flex-1 min-w-0"><div class="flex items-center justify-between mb-1"><span class="text-[10px] font-semibold text-slate-700 dark:text-slate-300"> </span> <div class="flex items-center gap-1.5"><button class="text-[8px] text-slate-500 hover:text-indigo-600 dark:hover:text-indigo-400 cursor-pointer">preview</button> <!></div></div> <input type="text" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/></div></div></div>`),Qh=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Edit the named easing tokens. Accepts any CSS timing function — <span class="font-mono text-slate-600 dark:text-slate-400">cubic-bezier(…)</span> or <span class="font-mono text-slate-600 dark:text-slate-400">linear(…)</span>. Use “Live preview” above to feel a curve.</p> <div class="space-y-2"></div>`,1),$h=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer ">reset</button>`),eg=G(`<div class="flex items-center gap-2"><span class="text-[9px] font-mono text-slate-400 dark:text-slate-600 w-6"> </span> <div class="flex-1 h-1.5 bg-black/8 dark:bg-white/8 rounded-full"><div class="h-full bg-indigo-500 rounded-full"></div></div> <span class="text-[9px] font-mono text-slate-500 w-10 text-right"> </span></div>`),tg=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Put <code class="text-slate-600 dark:text-slate-400">.sf-stagger</code> on a parent and each child's
-        entrance is delayed by its index × this step × the motion scale. One knob retunes the whole sequence.</p> <div class="group"><div class="flex items-center justify-between mb-1.5"><span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Stagger step</span> <!></div> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1"></div>`,1),ng=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),rg=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0"> </div> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),ig=G(`<div class="space-y-4"></div> <!> <div class="space-y-2"><p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Default animation-range for scroll-driven animations using the <span class="font-mono text-slate-600 dark:text-slate-400">.sf-entrance--*</span> / <span class="font-mono text-slate-600 dark:text-slate-400">.sf-exit--*</span> macros.</p> <!></div>`,1),ag=G(`<div class="p-4 space-y-5"><div class="flex items-center justify-between p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Disable motion</div> <div class="text-[9px] text-slate-500 mt-0.5">Respects prefers-reduced-motion</div></div> <!></div> <!> <section class="space-y-3"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Live preview</div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 space-y-3"><div class="relative h-10 overflow-hidden rounded"><div class="absolute top-1 h-8 w-8 bg-indigo-500 rounded-lg"></div></div> <div class="flex items-center gap-2"><select aria-label="Preview easing" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <select aria-label="Preview duration" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <button class="px-3 py-1.5 rounded-lg text-[10px] font-bold border border-indigo-500/40 bg-indigo-500/10 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-500/20 transition-all cursor-pointer disabled:opacity-40 shrink-0"> </button></div></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function og(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=[{label:`Instant`,token:`--sf-duration-instant`,base:100,max:300},{label:`Fast`,token:`--sf-duration-fast`,base:150,max:500},{label:`Normal`,token:`--sf-duration-normal`,base:250,max:800},{label:`Slow`,token:`--sf-duration-slow`,base:400,max:1200},{label:`Slower`,token:`--sf-duration-slower`,base:600,max:2e3}],i=[{label:`Linear`,token:`--sf-ease-linear`,value:`linear`,preview:`M0,40 L40,0`},{label:`Ease out`,token:`--sf-ease-out`,value:`cubic-bezier(0.25, 0, 0.15, 1)`,preview:`M0,40 C8,40 28,0 40,0`},{label:`Ease in`,token:`--sf-ease-in`,value:`cubic-bezier(0.5, 0, 0.75, 0.25)`,preview:`M0,40 C12,40 32,32 40,0`},{label:`Ease in-out`,token:`--sf-ease-in-out`,value:`cubic-bezier(0.4, 0, 0.2, 1)`,preview:`M0,40 C8,40 32,0 40,0`},{label:`Spring`,token:`--sf-ease-spring`,value:`linear(0, 0.5, 1.1, 0.95, 1.02, 1)`,preview:`M0,40 C10,20 20,-4 28,-2 S38,2 40,0`},{label:`Bounce`,token:`--sf-ease-bounce`,value:`linear(0, 0.35 18%, 1 32%, 0.86 42%, 1.02 56%, 0.98 72%, 1)`,preview:`M0,40 L12,16 L20,0 L26,6 L32,-1 L36,1 L40,0`},{label:`Elastic`,token:`--sf-ease-elastic`,value:`linear(0, 0.3, 1.2, 0.9, 1.05, 1)`,preview:`M0,40 C8,40 16,-10 24,-2 S36,2 40,0`},{label:`Overshoot`,token:`--sf-ease-overshoot`,value:`linear(0, 0.6 30%, 1.08 55%, 0.98 75%, 1)`,preview:`M0,40 C8,40 20,-10 40,0`}],a=`--sf-stagger-step`,o=fd.motion??[],s=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-motion-scale`]??`1`);return isFinite(e)?e:1})()),c=I(()=>t.overrides[`--sf-motion-scale`]===`0`),l=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-theme-transition-duration`]?.replace(`ms`,``)??String(300*U(s)));return isFinite(e)?e:Math.round(300*U(s))})()),u=I(()=>{let e=t.overrides[a],n=e?parseFloat(e.replace(`ms`,``)):NaN;return isFinite(n)?n:75}),d=I(()=>a in t.overrides),f=L(!1),p=L(0),m=L(`--sf-ease-out`),h=L(`--sf-duration-normal`),g=L(!1),_=I(()=>Xm(t.overrides).find(e=>e.family.id===`motion`)?.shadowedSteps??[]),v=L(!1),y=L(!1),b=L(!1);function x(e,n){let r=t.overrides[e];if(r){let e=parseFloat(r);if(isFinite(e))return e}return Math.round(n*U(s))}function S(e){return t.overrides[e]??i.find(t=>t.token===e)?.value??`ease`}function C(){if(U(f))return;let e=r.find(e=>e.token===U(h))?.base??250,t=x(U(h),e);R(f,!0),R(p,180),setTimeout(()=>{R(p,0),setTimeout(()=>{R(f,!1)},t)},t)}function w(e){t.onSet(a,`${Math.round(e)}ms`)}function T(){t.onReset(a)}var E=ag(),D=z(E),O=V(z(D),2);{let e=I(()=>U(c)?`Enable motion`:`Disable motion`);bh(O,{get checked(){return U(c)},get title(){return U(e)},onToggle:()=>U(c)?t.onReset(`--sf-motion-scale`):t.onSet(`--sf-motion-scale`,`0`)})}F(D);var k=V(D,2),A=e=>{K(e,Gh())};J(k,e=>{U(c)&&e(A)});var j=V(k,2),M=V(z(j),2),ee=z(M),te=z(ee);F(ee);var ne=V(ee,2),re=z(ne);Y(re,21,()=>i,e=>e.token,(e,t)=>{var r=Kh(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).token)&&(r.value=(r.__value=U(t).token)??``)}),K(e,r)}),F(re);var ie;Ei(re);var ae=V(re,2);Y(ae,21,()=>r,e=>e.token,(e,t)=>{var r=Kh(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).token)&&(r.value=(r.__value=U(t).token)??``)}),K(e,r)}),F(ae);var oe;Ei(ae);var N=V(ae,2),se=z(N,!0);F(N),F(ne),F(M),F(j);var ce=V(j,4);cf(ce,{title:`Durations`,get open(){return U(g)},set open(e){R(g,e,!0)},children:(e,n)=>{var i=Yh(),a=B(i);dp(a,{get tokens(){return U(_)},scaleLabel:`duration`,onClear:()=>U(_).forEach(t.onReset)});var o=V(a,2),s=V(z(o)),l=e=>{K(e,qh())};J(s,e=>{U(c)&&e(l)}),F(o);var u=V(o,2);Y(u,17,()=>r,e=>e.token,(e,n)=>{let r=I(()=>x(U(n).token,U(n).base));{let i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:0,get max(){return U(n).max},step:10,unit:`ms`,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}ms`),onReset:()=>t.onReset(U(n).token)})}});var d=V(u,2);Y(d,21,()=>r,e=>e.label,(e,t)=>{let n=I(()=>x(U(t).token,U(t).base)),i=I(()=>Math.max(...r.map(e=>x(e.token,e.base)),1));var a=Jh(),o=z(a),s=z(o,!0);F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,2),d=z(u);F(u),F(a),H(()=>{q(s,U(t).label),Z(l,`width: ${U(n)/U(i)*100}%`),q(d,`${U(n)??``}ms`)}),K(e,a)}),F(d),K(e,i)},$$slots:{default:!0}});var le=V(ce,4);cf(le,{title:`Easing curves`,get open(){return U(v)},set open(e){R(v,e,!0)},children:(e,n)=>{var r=Qh(),a=V(B(r),2);Y(a,21,()=>i,e=>e.token,(e,n)=>{let r=I(()=>U(n).token in t.overrides);var i=Zh(),a=z(i),o=z(a),s=z(o);F(o);var c=V(o,2),l=z(c),u=z(l),d=z(u,!0);F(u);var f=V(u,2),p=z(f),h=V(p,2),g=e=>{var r=Xh();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(h,e=>{U(r)&&e(g)}),F(f),F(l);var _=V(l,2);Ri(_),F(c),F(a),F(i),H(()=>{X(i,1,`p-2.5 rounded-xl border transition-all ${U(r)?`bg-indigo-500/10 border-indigo-500/30`:`border-black/8 dark:border-white/8 bg-black/3 dark:bg-white/3`}`),Q(s,`d`,U(n).preview),q(d,U(n).label),zi(_,t.overrides[U(n).token]??``),Q(_,`placeholder`,U(n).value)}),W(`click`,p,()=>{R(m,U(n).token,!0),C()}),W(`input`,_,e=>{let r=e.target.value.trim();r?t.onSet(U(n).token,r):t.onReset(U(n).token)}),K(e,i)}),F(a),K(e,r)},$$slots:{default:!0}});var ue=V(le,4);cf(ue,{title:`Stagger`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,t)=>{var n=tg(),r=V(B(n),2),i=z(r),a=V(z(i),2),o=e=>{var t=$h();W(`click`,t,T),K(e,t)};J(a,e=>{U(d)&&e(o)}),F(i);var c=V(i,2);{let e=I(()=>Math.round(U(u)));$(c,{label:``,get value(){return U(e)},min:0,max:200,step:5,unit:`ms`,help:`--sf-stagger-step — per-child delay unit for .sf-stagger`,get overridden(){return U(d)},onChange:e=>w(e),onReset:T})}F(r);var l=V(r,2);Y(l,20,()=>[1,2,3,4,5],e=>e,(e,t)=>{let n=I(()=>Math.round(U(u)*U(s)*t)),r=I(()=>Math.round(U(u)*U(s)*5));var i=eg(),a=z(i),o=z(a);F(a);var c=V(a,2),l=z(c);F(c);var d=V(c,2),f=z(d);F(d),F(i),H(()=>{q(o,`–${t??``}`),Z(l,`width: ${U(r)>0?U(n)/U(r)*100:0}%`),q(f,`${U(n)??``}ms`)}),K(e,i)}),F(l),K(e,n)},$$slots:{default:!0}}),cf(V(ue,4),{title:`Advanced`,spacing:`space-y-4`,variant:`advanced`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=ig(),i=B(r);Y(i,21,()=>o,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(i);var a=V(i,2);{let e=I(()=>`--sf-theme-transition-duration`in t.overrides);$(a,{label:`Theme switch speed`,get value(){return U(l)},min:0,max:600,step:10,unit:`ms`,help:`--sf-theme-transition-duration — dark/light color-scheme switch animation speed`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-theme-transition-duration`,`${e}ms`),onReset:()=>t.onReset(`--sf-theme-transition-duration`)})}var s=V(a,2);Y(V(z(s),2),16,()=>[{label:`Entry start`,token:`--sf-scroll-timeline-range-start`,placeholder:`entry 0%`},{label:`Entry end`,token:`--sf-scroll-timeline-range-end`,placeholder:`cover 30%`},{label:`Exit start`,token:`--sf-scroll-timeline-range-exit-start`,placeholder:`cover 70%`},{label:`Exit end`,token:`--sf-scroll-timeline-range-exit-end`,placeholder:`exit 100%`}],e=>e.token,(e,n)=>{var r=rg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=ng();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`placeholder`,n.placeholder)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(s),K(e,r)},$$slots:{default:!0}}),F(E),H(e=>{Z(te,e),ie!==(ie=U(m))&&(re.value=(re.__value=U(m))??``,Ti(re,U(m))),oe!==(oe=U(h))&&(ae.value=(ae.__value=U(h))??``,Ti(ae,U(h))),N.disabled=U(f),q(se,U(f)?`…`:`▶ Play`)},[()=>`transform: translateX(${U(p)}px); transition: transform ${x(U(h),r.find(e=>e.token===U(h))?.base??250)}ms ${S(U(m))}`]),W(`change`,re,e=>{R(m,e.target.value,!0)}),W(`change`,ae,e=>{R(h,e.target.value,!0)}),W(`click`,N,C),K(e,E),He()}Rr([`change`,`click`,`input`]);var sg=G(`<div class="h-2.5 rounded bg-indigo-500/40"></div>`),cg=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"></div>`,1),lg=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[11px] text-slate-700 dark:text-slate-300 leading-relaxed">SLASHED is a token-first CSS framework. This sample paragraph repeats so you
+        entrance is delayed by its index × this step × the motion scale. One knob retunes the whole sequence.</p> <div class="group"><div class="flex items-center justify-between mb-1.5"><span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Stagger step</span> <!></div> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-1"></div>`,1),ng=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),rg=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0"> </div> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),ig=G(`<div class="space-y-4"></div> <!> <div class="space-y-2"><p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Default animation-range for scroll-driven animations using the <span class="font-mono text-slate-600 dark:text-slate-400">.sf-entrance--*</span> / <span class="font-mono text-slate-600 dark:text-slate-400">.sf-exit--*</span> macros.</p> <!></div>`,1),ag=G(`<div class="p-4 space-y-5"><div class="flex items-center justify-between p-3 rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8"><div><div class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Disable motion</div> <div class="text-[9px] text-slate-500 mt-0.5">Respects prefers-reduced-motion</div></div> <!></div> <!> <section class="space-y-3"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Live preview</div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 space-y-3"><div class="relative h-10 overflow-hidden rounded"><div class="absolute top-1 h-8 w-8 bg-indigo-500 rounded-lg"></div></div> <div class="flex items-center gap-2"><select aria-label="Preview easing" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <select aria-label="Preview duration" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[10px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select> <button class="px-3 py-1.5 rounded-lg text-[10px] font-bold border border-indigo-500/40 bg-indigo-500/10 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-500/20 transition-all cursor-pointer disabled:opacity-40 shrink-0"> </button></div></div></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function og(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=[{label:`Instant`,token:`--sf-duration-instant`,base:100,max:300},{label:`Fast`,token:`--sf-duration-fast`,base:150,max:500},{label:`Normal`,token:`--sf-duration-normal`,base:250,max:800},{label:`Slow`,token:`--sf-duration-slow`,base:400,max:1200},{label:`Slower`,token:`--sf-duration-slower`,base:600,max:2e3}],i=[{label:`Linear`,token:`--sf-ease-linear`,value:`linear`,preview:`M0,40 L40,0`},{label:`Ease out`,token:`--sf-ease-out`,value:`cubic-bezier(0.25, 0, 0.15, 1)`,preview:`M0,40 C8,40 28,0 40,0`},{label:`Ease in`,token:`--sf-ease-in`,value:`cubic-bezier(0.5, 0, 0.75, 0.25)`,preview:`M0,40 C12,40 32,32 40,0`},{label:`Ease in-out`,token:`--sf-ease-in-out`,value:`cubic-bezier(0.4, 0, 0.2, 1)`,preview:`M0,40 C8,40 32,0 40,0`},{label:`Spring`,token:`--sf-ease-spring`,value:`linear(0, 0.5, 1.1, 0.95, 1.02, 1)`,preview:`M0,40 C10,20 20,-4 28,-2 S38,2 40,0`},{label:`Bounce`,token:`--sf-ease-bounce`,value:`linear(0, 0.35 18%, 1 32%, 0.86 42%, 1.02 56%, 0.98 72%, 1)`,preview:`M0,40 L12,16 L20,0 L26,6 L32,-1 L36,1 L40,0`},{label:`Elastic`,token:`--sf-ease-elastic`,value:`linear(0, 0.3, 1.2, 0.9, 1.05, 1)`,preview:`M0,40 C8,40 16,-10 24,-2 S36,2 40,0`},{label:`Overshoot`,token:`--sf-ease-overshoot`,value:`linear(0, 0.6 30%, 1.08 55%, 0.98 75%, 1)`,preview:`M0,40 C8,40 20,-10 40,0`}],a=`--sf-stagger-step`,o=fd.motion??[],s=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-motion-scale`]??`1`);return isFinite(e)?e:1})()),c=I(()=>t.overrides[`--sf-motion-scale`]===`0`),l=I(()=>(()=>{let e=parseFloat(t.overrides[`--sf-theme-transition-duration`]?.replace(`ms`,``)??String(300*U(s)));return isFinite(e)?e:Math.round(300*U(s))})()),u=I(()=>{let e=t.overrides[a],n=e?parseFloat(e.replace(`ms`,``)):NaN;return isFinite(n)?n:75}),d=I(()=>a in t.overrides),f=L(!1),p=L(0),m=L(`--sf-ease-out`),h=L(`--sf-duration-normal`),g=L(!1),_=I(()=>Xm(t.overrides).find(e=>e.family.id===`motion`)?.shadowedSteps??[]),v=L(!1),y=L(!1),b=L(!1);function x(e,n){let r=t.overrides[e];if(r){let e=parseFloat(r);if(isFinite(e))return e}return Math.round(n*U(s))}function S(e){return t.overrides[e]??i.find(t=>t.token===e)?.value??`ease`}function C(){if(U(f))return;let e=r.find(e=>e.token===U(h))?.base??250,t=x(U(h),e);R(f,!0),R(p,180),setTimeout(()=>{R(p,0),setTimeout(()=>{R(f,!1)},t)},t)}function w(e){t.onSet(a,`${Math.round(e)}ms`)}function T(){t.onReset(a)}var E=ag(),D=z(E),O=V(z(D),2);{let e=I(()=>U(c)?`Enable motion`:`Disable motion`);bh(O,{get checked(){return U(c)},get title(){return U(e)},onToggle:()=>U(c)?t.onReset(`--sf-motion-scale`):t.onSet(`--sf-motion-scale`,`0`)})}F(D);var k=V(D,2),A=e=>{K(e,Gh())};J(k,e=>{U(c)&&e(A)});var j=V(k,2),M=V(z(j),2),N=z(M),ee=z(N);F(N);var te=V(N,2),ne=z(te);Y(ne,21,()=>i,e=>e.token,(e,t)=>{var r=Kh(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).token)&&(r.value=(r.__value=U(t).token)??``)}),K(e,r)}),F(ne);var re;Ei(ne);var ie=V(ne,2);Y(ie,21,()=>r,e=>e.token,(e,t)=>{var r=Kh(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).token)&&(r.value=(r.__value=U(t).token)??``)}),K(e,r)}),F(ie);var ae;Ei(ie);var oe=V(ie,2),se=z(oe,!0);F(oe),F(te),F(M),F(j);var ce=V(j,4);cf(ce,{title:`Durations`,get open(){return U(g)},set open(e){R(g,e,!0)},children:(e,n)=>{var i=Yh(),a=B(i);dp(a,{get tokens(){return U(_)},scaleLabel:`duration`,onClear:()=>U(_).forEach(t.onReset)});var o=V(a,2),s=V(z(o)),l=e=>{K(e,qh())};J(s,e=>{U(c)&&e(l)}),F(o);var u=V(o,2);Y(u,17,()=>r,e=>e.token,(e,n)=>{let r=I(()=>x(U(n).token,U(n).base));{let i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:0,get max(){return U(n).max},step:10,unit:`ms`,get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}ms`),onReset:()=>t.onReset(U(n).token)})}});var d=V(u,2);Y(d,21,()=>r,e=>e.label,(e,t)=>{let n=I(()=>x(U(t).token,U(t).base)),i=I(()=>Math.max(...r.map(e=>x(e.token,e.base)),1));var a=Jh(),o=z(a),s=z(o,!0);F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,2),d=z(u);F(u),F(a),H(()=>{q(s,U(t).label),Z(l,`width: ${U(n)/U(i)*100}%`),q(d,`${U(n)??``}ms`)}),K(e,a)}),F(d),K(e,i)},$$slots:{default:!0}});var le=V(ce,4);cf(le,{title:`Easing curves`,get open(){return U(v)},set open(e){R(v,e,!0)},children:(e,n)=>{var r=Qh(),a=V(B(r),2);Y(a,21,()=>i,e=>e.token,(e,n)=>{let r=I(()=>U(n).token in t.overrides);var i=Zh(),a=z(i),o=z(a),s=z(o);F(o);var c=V(o,2),l=z(c),u=z(l),d=z(u,!0);F(u);var f=V(u,2),p=z(f),h=V(p,2),g=e=>{var r=Xh();W(`click`,r,()=>t.onReset(U(n).token)),K(e,r)};J(h,e=>{U(r)&&e(g)}),F(f),F(l);var _=V(l,2);Ri(_),F(c),F(a),F(i),H(()=>{X(i,1,`p-2.5 rounded-xl border transition-all ${U(r)?`bg-indigo-500/10 border-indigo-500/30`:`border-black/8 dark:border-white/8 bg-black/3 dark:bg-white/3`}`),Q(s,`d`,U(n).preview),q(d,U(n).label),zi(_,t.overrides[U(n).token]??``),Q(_,`placeholder`,U(n).value)}),W(`click`,p,()=>{R(m,U(n).token,!0),C()}),W(`input`,_,e=>{let r=e.target.value.trim();r?t.onSet(U(n).token,r):t.onReset(U(n).token)}),K(e,i)}),F(a),K(e,r)},$$slots:{default:!0}});var ue=V(le,4);cf(ue,{title:`Stagger`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,t)=>{var n=tg(),r=V(B(n),2),i=z(r),a=V(z(i),2),o=e=>{var t=$h();W(`click`,t,T),K(e,t)};J(a,e=>{U(d)&&e(o)}),F(i);var c=V(i,2);{let e=I(()=>Math.round(U(u)));$(c,{label:``,get value(){return U(e)},min:0,max:200,step:5,unit:`ms`,help:`--sf-stagger-step — per-child delay unit for .sf-stagger`,get overridden(){return U(d)},onChange:e=>w(e),onReset:T})}F(r);var l=V(r,2);Y(l,20,()=>[1,2,3,4,5],e=>e,(e,t)=>{let n=I(()=>Math.round(U(u)*U(s)*t)),r=I(()=>Math.round(U(u)*U(s)*5));var i=eg(),a=z(i),o=z(a);F(a);var c=V(a,2),l=z(c);F(c);var d=V(c,2),f=z(d);F(d),F(i),H(()=>{q(o,`–${t??``}`),Z(l,`width: ${U(r)>0?U(n)/U(r)*100:0}%`),q(f,`${U(n)??``}ms`)}),K(e,i)}),F(l),K(e,n)},$$slots:{default:!0}}),cf(V(ue,4),{title:`Advanced`,spacing:`space-y-4`,variant:`advanced`,get open(){return U(b)},set open(e){R(b,e,!0)},children:(e,n)=>{var r=ig(),i=B(r);Y(i,21,()=>o,e=>e.name,(e,n)=>{zd(e,{get knob(){return U(n)},get overrides(){return t.overrides},onChange:(e,n)=>n===null?t.onReset(e):t.onSet(e,n)})}),F(i);var a=V(i,2);{let e=I(()=>`--sf-theme-transition-duration`in t.overrides);$(a,{label:`Theme switch speed`,get value(){return U(l)},min:0,max:600,step:10,unit:`ms`,help:`--sf-theme-transition-duration — dark/light color-scheme switch animation speed`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-theme-transition-duration`,`${e}ms`),onReset:()=>t.onReset(`--sf-theme-transition-duration`)})}var s=V(a,2);Y(V(z(s),2),16,()=>[{label:`Entry start`,token:`--sf-scroll-timeline-range-start`,placeholder:`entry 0%`},{label:`Entry end`,token:`--sf-scroll-timeline-range-end`,placeholder:`cover 30%`},{label:`Exit start`,token:`--sf-scroll-timeline-range-exit-start`,placeholder:`cover 70%`},{label:`Exit end`,token:`--sf-scroll-timeline-range-exit-end`,placeholder:`exit 100%`}],e=>e.token,(e,n)=>{var r=rg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=ng();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`placeholder`,n.placeholder)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(s),K(e,r)},$$slots:{default:!0}}),F(E),H(e=>{Z(ee,e),re!==(re=U(m))&&(ne.value=(ne.__value=U(m))??``,Ti(ne,U(m))),ae!==(ae=U(h))&&(ie.value=(ie.__value=U(h))??``,Ti(ie,U(h))),oe.disabled=U(f),q(se,U(f)?`…`:`▶ Play`)},[()=>`transform: translateX(${U(p)}px); transition: transform ${x(U(h),r.find(e=>e.token===U(h))?.base??250)}ms ${S(U(m))}`]),W(`change`,ne,e=>{R(m,e.target.value,!0)}),W(`change`,ie,e=>{R(h,e.target.value,!0)}),W(`click`,oe,C),K(e,E),He()}Rr([`change`,`click`,`input`]);var sg=G(`<div class="h-2.5 rounded bg-indigo-500/40"></div>`),cg=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"></div>`,1),lg=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[11px] text-slate-700 dark:text-slate-300 leading-relaxed">SLASHED is a token-first CSS framework. This sample paragraph repeats so you
           can see exactly how many lines survive the clamp before the ellipsis kicks in.
           Drag the slider above and watch the visible line count change in real time.
           Extra filler text keeps the block taller than the clamp at every setting.</p></div>`,1),ug=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="h-8 rounded bg-indigo-500/40"></div></div>`,1),dg=G(`<button> </button>`),fg=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">--sf-scrim-color / --sf-scrim-direction — darkening gradient for .sf-scrim</p> <div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Color</div> <div class="flex-1 min-w-0"><!></div></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Direction</div> <div class="grid grid-cols-3 gap-1"></div></div> <div class="relative h-24 rounded-xl border border-black/8 dark:border-white/8 overflow-hidden flex items-end p-2" style="background:repeating-linear-gradient(45deg,#475569,#475569 8px,#334155 8px,#334155 16px)"><div class="absolute inset-0"></div> <span class="relative text-[11px] font-bold text-white">Caption over scrim</span></div> <!>`,1),pg=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Spacing tokens for .sf-prose. Defaults track the space scale; sliders write rem overrides.</p> <div class="space-y-2"><!> <!> <div class="flex items-center gap-2 pt-1"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Marker color</div> <div class="flex-1 min-w-0"><!></div></div></div>`,1),mg=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),hg=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-content-intrinsic-size — placeholder size used with <span class="font-mono text-slate-600 dark:text-slate-400">content-visibility: auto</span> to improve scroll performance on tall pages.</p> <div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0">Intrinsic size</div> <input type="text" placeholder="500px" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`,1),gg=G(`<div class="flex-1 min-w-0"><!></div>`),_g=G(`<div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-20 shrink-0"> </div> <!></div>`),vg=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5"> </div> <div class="grid grid-cols-3 gap-1"></div></div>`),yg=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-surface-bg-* — input set composed by the <span class="font-mono text-slate-600 dark:text-slate-400">.sf-surface-bg</span> macro into a single reusable background (color, image, overlay, sizing and animation).</p> <!> <!> <div class="h-24 rounded-xl border border-black/8 dark:border-white/8 overflow-hidden flex items-end p-2"><span class="text-[11px] font-bold text-white mix-blend-difference">.sf-surface-bg preview</span></div>`,1),bg=G(`<div class="p-4 space-y-6"><p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Tokens for the framework's utility macros — <span class="font-mono text-slate-600 dark:text-slate-400">.sf-prose</span>, <span class="font-mono text-slate-600 dark:text-slate-400">.sf-flow</span>, <span class="font-mono text-slate-600 dark:text-slate-400">.sf-line-clamp</span>, <span class="font-mono text-slate-600 dark:text-slate-400">.sf-scroll-shadow</span> and <span class="font-mono text-slate-600 dark:text-slate-400">.sf-scrim</span>.</p> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="rounded-lg bg-black/3 dark:bg-white/3 border border-black/6 dark:border-white/6 p-3"><p class="text-[10px] text-slate-500 leading-relaxed"><span class="text-slate-600 dark:text-slate-400 font-semibold">All tokens tab</span> — edit every prose, scrim and surface token directly.</p></div></div>`);function xg(e,t){Ve(t,!0);function n(e,n,r){let i=t.overrides[e];if(!i)return n;let a=parseFloat(r?i.replace(r,``):i);return isNaN(a)?n:a}let r=[{label:`↑ top`,value:`to top`},{label:`↓ bottom`,value:`to bottom`},{label:`← left`,value:`to left`},{label:`→ right`,value:`to right`},{label:`↗ top-right`,value:`to top right`},{label:`↖ top-left`,value:`to top left`}],i=[`cover`,`contain`,`auto`,`100% 100%`],a=[`center`,`top`,`bottom`,`left`,`right`,`top left`],o=[`no-repeat`,`repeat`,`repeat-x`,`repeat-y`,`space`,`round`],s=[`scroll`,`fixed`,`local`],c=[{label:`Color`,token:`--sf-surface-bg-color`,placeholder:`transparent`},{label:`Image`,token:`--sf-surface-bg-image`,placeholder:`url("/hero.avif")`},{label:`Overlay`,token:`--sf-surface-bg-overlay`,placeholder:`var(--sf-scrim-gradient)`},{label:`Animation`,token:`--sf-surface-bg-animation`,placeholder:`sf-pan 40s linear infinite`}],l=[{label:`Size`,token:`--sf-surface-bg-size`,opts:i},{label:`Position`,token:`--sf-surface-bg-position`,opts:a},{label:`Repeat`,token:`--sf-surface-bg-repeat`,opts:o},{label:`Attachment`,token:`--sf-surface-bg-attachment`,opts:s}],u=[{label:`Heading gap`,token:`--sf-prose-heading-gap`,def:.75,max:3,raw:`var(--sf-space-s)`},{label:`List gap`,token:`--sf-prose-list-gap`,def:.5,max:2,raw:`var(--sf-space-xs)`},{label:`Block margin`,token:`--sf-prose-block-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Media margin`,token:`--sf-prose-media-margin`,def:1,max:4,raw:`var(--sf-space-m)`},{label:`Figure margin`,token:`--sf-prose-figure-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`},{label:`Blockquote padding`,token:`--sf-prose-blockquote-padding`,def:1,max:3,raw:`var(--sf-space-m)`},{label:`HR margin`,token:`--sf-prose-hr-margin`,def:1.5,max:4,raw:`var(--sf-space-l)`}],d=L(!1),f=L(!1),p=L(!1),m=L(!1),h=L(!1),g=L(!1),_=L(!1),v=I(()=>n(`--sf-line-clamp`,3)),y=I(()=>n(`--sf-flow-space`,.5,`rem`)),b=I(()=>n(`--sf-scroll-shadow-size`,2,`rem`)),x=I(()=>t.overrides[`--sf-scrim-direction`]??`to top`),S=I(()=>n(`--sf-prose-media-radius`,6,`px`));function C(e){let n=t.overrides[e.token];if(!n)return e.def;let r=parseFloat(n);return isNaN(r)?e.def:r}var w=bg(),T=V(z(w),2);cf(T,{title:`Flow rhythm`,get open(){return U(d)},set open(e){R(d,e,!0)},children:(e,n)=>{var r=cg(),i=B(r);{let e=I(()=>`--sf-flow-space`in t.overrides);$(i,{label:`Flow space`,get value(){return U(y)},min:0,max:4,step:.0625,unit:`rem`,help:`--sf-flow-space — vertical gap between adjacent children of .sf-flow`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-flow-space`,`${e}rem`),onReset:()=>t.onReset(`--sf-flow-space`),rawDefault:`var(--sf-content-gap)`,get variableOptions(){return qp},get currentRaw(){return t.overrides[`--sf-flow-space`]},onRawSet:e=>t.onSet(`--sf-flow-space`,e)})}var a=V(i,2);Z(a,`display:flex;flex-direction:column;gap:var(--sf-flow-space, 0.5rem)`),Y(a,20,()=>[0,1,2],e=>e,(e,t)=>{var n=sg();H(()=>Z(n,`width:${90-t*12}%`)),K(e,n)}),F(a),K(e,r)},$$slots:{default:!0}});var E=V(T,4);cf(E,{title:`Line clamp`,get open(){return U(f)},set open(e){R(f,e,!0)},children:(e,n)=>{var r=lg(),i=B(r);{let e=I(()=>`--sf-line-clamp`in t.overrides);$(i,{label:`Default lines`,get value(){return U(v)},min:1,max:8,step:1,help:`--sf-line-clamp — default line count for .sf-line-clamp (override per element)`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-line-clamp`,String(e)),onReset:()=>t.onReset(`--sf-line-clamp`)})}var a=V(i,2),o=z(a);F(a),H(()=>Z(o,`display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:${U(v)};overflow:hidden`)),K(e,r)},$$slots:{default:!0}});var D=V(E,4);cf(D,{title:`Scroll shadow`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,n)=>{var r=ug(),i=B(r);{let e=I(()=>`--sf-scroll-shadow-size`in t.overrides);$(i,{label:`Fade size`,get value(){return U(b)},min:0,max:6,step:.25,unit:`rem`,help:`--sf-scroll-shadow-size — size of the edge fade mask on .sf-scroll-shadow / .sf-overflow-fade`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-scroll-shadow-size`,`${e}rem`),onReset:()=>t.onReset(`--sf-scroll-shadow-size`)})}var a=V(i,2),o=z(a);F(a),H(()=>Z(o,`mask:linear-gradient(to right, transparent, #000 ${U(b)}rem, #000 calc(100% - ${U(b)}rem), transparent)`)),K(e,r)},$$slots:{default:!0}});var O=V(D,4);cf(O,{title:`Scrim overlay`,get open(){return U(m)},set open(e){R(m,e,!0)},children:(e,n)=>{var i=fg(),a=V(B(i),2),o=V(z(a),2),s=z(o);{let e=I(()=>t.overrides[`--sf-scrim-color`]??``),n=I(()=>`--sf-scrim-color`in t.overrides);of(s,{token:`--sf-scrim-color`,get value(){return U(e)},placeholder:`oklch(0 0 0 / 0.55)`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-scrim-color`,e),onReset:()=>t.onReset(`--sf-scrim-color`)})}F(o),F(a);var c=V(a,2),l=V(z(c),2);Y(l,21,()=>r,e=>e.value,(e,n)=>{var r=dg(),i=z(r,!0);F(r),H(()=>{X(r,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(x)===U(n).value?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(i,U(n).label)}),W(`click`,r,()=>U(n).value===`to top`?t.onReset(`--sf-scrim-direction`):t.onSet(`--sf-scrim-direction`,U(n).value)),K(e,r)}),F(l),F(c);var u=V(c,2);Z(z(u),`background:linear-gradient(var(--sf-scrim-direction, to top), var(--sf-scrim-color, oklch(0 0 0 / 0.55)), transparent)`),Me(2),F(u);var d=V(u,2);{let e=I(()=>t.overrides[`--sf-scrim-text-shadow`]??``),n=I(()=>`--sf-scrim-text-shadow`in t.overrides);pm(d,{label:`Text shadow`,get value(){return U(e)},placeholder:`0 1px 3px oklch(0 0 0 / 0.6)`,get overridden(){return U(n)},onSet:e=>t.onSet(`--sf-scrim-text-shadow`,e),onReset:()=>t.onReset(`--sf-scrim-text-shadow`)})}K(e,i)},$$slots:{default:!0}});var k=V(O,4);cf(k,{title:`Prose rhythm`,get open(){return U(h)},set open(e){R(h,e,!0)},children:(e,n)=>{var r=pg(),i=V(B(r),2),a=z(i);Y(a,17,()=>u,e=>e.token,(e,n)=>{{let r=I(()=>C(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:0,get max(){return U(n).max},step:.0625,unit:`rem`,get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}rem`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).raw},get variableOptions(){return qp},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var o=V(a,2);{let e=I(()=>`--sf-prose-media-radius`in t.overrides);$(o,{label:`Media radius`,get value(){return U(S)},min:0,max:32,step:1,unit:`px`,help:`--sf-prose-media-radius — corner radius on prose images/video`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-prose-media-radius`,`${e}px`),onReset:()=>t.onReset(`--sf-prose-media-radius`),rawDefault:`var(--sf-radius-m)`,get variableOptions(){return Jp},get currentRaw(){return t.overrides[`--sf-prose-media-radius`]},onRawSet:e=>t.onSet(`--sf-prose-media-radius`,e)})}var s=V(o,2),c=V(z(s),2),l=z(c);{let e=I(()=>t.overrides[`--sf-prose-marker-color`]??``),n=I(()=>`--sf-prose-marker-color`in t.overrides);of(l,{token:`--sf-prose-marker-color`,get value(){return U(e)},placeholder:`var(--sf-color-primary)`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-prose-marker-color`,e),onReset:()=>t.onReset(`--sf-prose-marker-color`)})}F(c),F(s),F(i),K(e,r)},$$slots:{default:!0}});var A=V(k,2);cf(A,{title:`Content visibility`,get open(){return U(g)},set open(e){R(g,e,!0)},children:(e,n)=>{var r=hg(),i=V(B(r),2),a=V(z(i),2);Ri(a);var o=V(a,2),s=e=>{var n=mg();W(`click`,n,()=>t.onReset(`--sf-content-intrinsic-size`)),K(e,n)};J(o,e=>{`--sf-content-intrinsic-size`in t.overrides&&e(s)}),F(i),H(()=>zi(a,t.overrides[`--sf-content-intrinsic-size`]??``)),W(`input`,a,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-content-intrinsic-size`,n):t.onReset(`--sf-content-intrinsic-size`)}),K(e,r)},$$slots:{default:!0}}),cf(V(A,4),{title:`Background surface`,get open(){return U(_)},set open(e){R(_,e,!0)},children:(e,n)=>{var r=yg(),i=V(B(r),2);Y(i,17,()=>c,e=>e.token,(e,n)=>{var r=_g(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=e=>{var r=gg(),i=z(r);{let e=I(()=>t.overrides[U(n).token]??``),r=I(()=>U(n).token in t.overrides);of(i,{get token(){return U(n).token},get value(){return U(e)},get placeholder(){return U(n).placeholder},get isOverridden(){return U(r)},onSet:e=>t.onSet(U(n).token,e),onReset:()=>t.onReset(U(n).token)})}F(r),K(e,r)},c=e=>{var r=gg(),i=z(r);{let e=I(()=>t.overrides[U(n).token]??``),r=I(()=>U(n).token in t.overrides);pm(i,{get value(){return U(e)},get placeholder(){return U(n).placeholder},get overridden(){return U(r)},onSet:e=>t.onSet(U(n).token,e),onReset:()=>t.onReset(U(n).token)})}F(r),K(e,r)};J(o,e=>{U(n).token===`--sf-surface-bg-color`?e(s):e(c,-1)}),F(r),H(()=>q(a,U(n).label)),K(e,r)});var a=V(i,2);Y(a,17,()=>l,e=>e.token,(e,n)=>{var r=vg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Y(o,20,()=>U(n).opts,e=>e,(e,r)=>{var i=dg(),a=z(i,!0);F(i),H(()=>{X(i,1,`py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${(t.overrides[U(n).token]??U(n).opts[0])===r?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,r)}),W(`click`,i,()=>r===U(n).opts[0]?t.onReset(U(n).token):t.onSet(U(n).token,r)),K(e,i)}),F(o),F(r),H(()=>q(a,U(n).label)),K(e,r)}),Z(V(a,2),`background-color:var(--sf-surface-bg-color, transparent);background-image:var(--sf-surface-bg-overlay, none), var(--sf-surface-bg-image, none);background-size:var(--sf-surface-bg-size, cover);background-position:var(--sf-surface-bg-position, center);background-repeat:var(--sf-surface-bg-repeat, no-repeat);background-attachment:var(--sf-surface-bg-attachment, scroll);animation:var(--sf-surface-bg-animation, none)`),K(e,r)},$$slots:{default:!0}}),Me(2),F(w),K(e,w),He()}Rr([`click`,`input`]);var Sg=G(`<div class="absolute flex items-center gap-2 px-2 py-1 rounded-md border border-indigo-500/30 bg-indigo-500/[0.12] shadow-sm"><span class="text-[9px] font-semibold text-slate-700 dark:text-slate-300"> </span> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600 ml-auto"> </span></div>`),Cg=G(`<!> <div class="space-y-2"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><div class="text-[9px] text-slate-400 dark:text-slate-600 mb-2 leading-snug">Higher rungs paint above lower ones.</div> <div class="relative h-32"></div></div>`,1),wg=G(`<div class="space-y-2"><div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Selection background</div> <!></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Selection text color</div> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[11px] text-slate-800 dark:text-slate-200 select-all">Select this text to preview the selection color.</p></div> <div class="h-px bg-black/6 dark:bg-white/6 my-1"></div> <p class="text-[9px] text-slate-400 dark:text-slate-600"><span class="font-mono text-slate-600 dark:text-slate-400">.sf-selection--alt</span> — alternate
           treatment for surfaces that invert colors relative to the page (e.g. a dark card on a light page).</p> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Alt selection background</div> <!></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Alt selection text color</div> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><p class="text-[11px] text-slate-800 dark:text-slate-200 select-all">Select this text to preview the alt selection color.</p></div></div>`),Tg=G(`<div class="flex flex-col items-center gap-1 flex-1"><div class="w-full bg-indigo-500/30 border border-indigo-500/30 rounded flex items-center justify-center"></div> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Eg=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Controls the height / tap-target of all sized components (buttons, inputs, badges).</p> <div class="space-y-2"></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex items-end gap-2"></div>`,1),Dg=G(`<button class="text-[9px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer ">reset</button>`),Og=G(`<button> </button>`),kg=G(`<div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Caret color</div> <!></div> <!> <div class="group"><div class="flex items-center justify-between mb-1.5"><span class="text-[11px] font-semibold text-slate-800 dark:text-slate-200">Underline thickness</span> <!></div> <div class="flex gap-1"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 space-y-2"><input type="text" placeholder="Click and type to see the caret…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <p class="text-[11px] text-slate-700 dark:text-slate-300">A <a href="#sample-link" class="text-indigo-700 dark:text-indigo-300">sample link</a> with the current underline settings.</p></div>`,1),Ag=G(`<div class="flex flex-col items-center gap-1"><svg viewBox="0 0 24 24" aria-hidden="true" class="text-indigo-500"><path fill="currentColor" d="M12 2l2.9 6.3 6.9.6-5.2 4.5 1.6 6.7L12 17.3 5.8 20.6l1.6-6.7L2.2 8.9l6.9-.6z"></path></svg> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),jg=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Icon scale tokens used by <span class="font-mono text-slate-600 dark:text-slate-400">.sf-icon--*</span> utilities. Values are in <span class="font-mono text-slate-600 dark:text-slate-400">em</span> units relative to surrounding text.</p> <div class="space-y-1.5"></div> <!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-end justify-center gap-3 flex-wrap" style="font-size:16px"></div>`,1),Mg=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer">reset</button>`),Ng=G(`<button class="text-[8px] text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 cursor-pointer shrink-0">reset</button>`),Pg=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Default values for <span class="font-mono text-slate-600 dark:text-slate-400">.sf-media</span> images and replaced elements.</p> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Fit</span> <div class="flex gap-1 flex-1"></div> <!></div> <div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-16 shrink-0">Position</span> <input type="text" placeholder="50% 50%" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex flex-col items-center gap-1.5"><div class="w-24 h-20 rounded-lg overflow-hidden border border-black/10 dark:border-white/10 bg-black/10 dark:bg-white/5"><img alt="Object-fit sample" class="w-full h-full block"/></div> <div class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </div></div>`,1),Fg=G(`<div class="flex items-center gap-2"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-14 shrink-0"> </span> <input type="text" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div>`),Ig=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">Default to the device's <span class="font-mono text-slate-600 dark:text-slate-400">env(safe-area-inset-*)</span>. Override only if you need fixed padding regardless of notch/home-indicator.</p> <div class="space-y-1.5"></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 italic leading-snug">No preview — safe-area insets resolve to the physical device (notch / home indicator) at runtime and are 0 on desktop.</p>`,1),Lg=G(`<div class="flex items-center gap-2 pt-1"><span class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Required marker</span> <input type="text" placeholder=" *" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[9px] font-mono text-slate-700 dark:text-slate-300 placeholder:text-slate-600 focus:outline-none focus:border-indigo-500"/> <!></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3"><label class="block text-[11px] font-semibold text-slate-700 dark:text-slate-300">Email address<span class="text-rose-500 dark:text-rose-400 whitespace-pre"> </span> <input type="text" disabled="" placeholder="name@example.com" class="mt-1 w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-2 py-1 text-[10px] font-normal text-slate-500"/></label></div>`,1),Rg=G(`<div class="p-4 space-y-6"><div class="rounded-lg bg-black/3 dark:bg-white/3 border border-black/6 dark:border-white/6 p-3"><p class="text-[10px] text-slate-500 leading-relaxed">Low-level system tokens, grouped by area: <span class="font-semibold text-slate-600 dark:text-slate-400">Layering</span>, <span class="font-semibold text-slate-600 dark:text-slate-400">Text &amp; selection</span>, <span class="font-semibold text-slate-600 dark:text-slate-400">Sizing</span> &amp; <span class="font-semibold text-slate-600 dark:text-slate-400">Icons</span>, <span class="font-semibold text-slate-600 dark:text-slate-400">Media</span>, and <span class="font-semibold text-slate-600 dark:text-slate-400">device / forms</span>.</p></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Layering</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Text &amp; selection</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Sizing</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Links &amp; caret</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Icons</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Media</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[9px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Device &amp; forms</div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="rounded-lg bg-black/3 dark:bg-white/3 border border-black/6 dark:border-white/6 p-3"><p class="text-[10px] text-slate-500 leading-relaxed">Selection colors, caret, links, borders and sizes all render in the
       live preview (try the <span class="text-slate-600 dark:text-slate-400 font-semibold">Components</span> template). <span class="text-slate-600 dark:text-slate-400 font-semibold">Scroll behavior</span> applies to the page
-      itself and can't be shown in the static canvas.</p></div></div>`);function zg(e,t){Ve(t,!0);let n=[{label:`Below`,token:`--sf-z-below`,note:`Behind content (e.g. decorative BG)`,def:-1},{label:`Raised`,token:`--sf-z-raised`,note:`Slightly above flow`,def:1},{label:`Sticky`,token:`--sf-z-sticky`,note:`Sticky headers, toolbars`,def:1e3},{label:`Fixed`,token:`--sf-z-fixed`,note:`Fixed UI chrome`,def:1010},{label:`Dropdown`,token:`--sf-z-dropdown`,note:`Dropdowns, popovers`,def:1020},{label:`Overlay`,token:`--sf-z-overlay`,note:`Modals, drawers backdrop`,def:1030},{label:`Modal`,token:`--sf-z-modal`,note:`Modal dialogs`,def:1040},{label:`Toast`,token:`--sf-z-toast`,note:`Notifications`,def:1050},{label:`Tooltip`,token:`--sf-z-tooltip`,note:`Inline tooltips`,def:1060}],r=[{label:`XS`,token:`--sf-size-xs`,default:1.5},{label:`S`,token:`--sf-size-s`,default:2},{label:`M`,token:`--sf-size-m`,default:2.5},{label:`L`,token:`--sf-size-l`,default:3},{label:`XL`,token:`--sf-size-xl`,default:3.5}];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=I(()=>i(t.overrides[`--sf-z-base`],0)),o=I(()=>t.overrides[`--sf-color-caret`]??``),s=I(()=>i(t.overrides[`--sf-link-underline-offset`]?.replace(`em`,``),.15)),c=I(()=>t.overrides[`--sf-link-underline-thickness`]??`auto`),l=L(!1),u=L(!1),d=L(!1),f=L(!1),p=L(!1),m=L(!1),g=L(!1),_=L(!1);function v(e){return i(t.overrides[e.token]?.replace(`rem`,``),e.default)}let y=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],b=I(()=>n.map(e=>({...e,val:i(t.overrides[e.token],e.def)})).sort((e,t)=>t.val-e.val));var x=Rg(),S=V(z(x),4);cf(S,{title:`Z-index layers`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,r)=>{var o=Cg(),s=B(o);{let e=I(()=>`--sf-z-base`in t.overrides);$(s,{label:`Base`,get value(){return U(a)},min:0,max:1e3,step:10,help:`--sf-z-base — base local-stacking rung (default 0), consumed by the .sf-z-base utility. It is NOT added to the other rungs: every ladder step below is an independent literal.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-z-base`,String(e)),onReset:()=>t.onReset(`--sf-z-base`)})}var c=V(s,2);Y(c,21,()=>n,e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[U(n).token],U(n).def)),a=I(()=>`${U(n).token} — ${U(n).note}`),o=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:-1,max:1100,step:1,get help(){return U(a)},get overridden(){return U(o)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(c);var l=V(c,2),u=V(z(l),2);Y(u,23,()=>U(b),e=>e.token,(e,t,n)=>{var r=Sg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o,!0);F(o),F(r),H(()=>{Z(r,`top:${U(n)*11}px; left:${U(n)*9}px; right:0; z-index:${U(b).length-U(n)}`),q(a,U(t).label),q(s,U(t).val)}),K(e,r)}),F(u),F(l),K(e,o)},$$slots:{default:!0}});var C=V(S,6);cf(C,{title:`Text selection`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var r=wg(),i=z(r),a=V(z(i),2);{let e=I(()=>t.overrides[`--sf-color-selection-bg`]??``),n=I(()=>`--sf-color-selection-bg`in t.overrides);of(a,{token:`--sf-color-selection-bg`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-bg`,e),onReset:()=>t.onReset(`--sf-color-selection-bg`)})}F(i);var o=V(i,2),s=V(z(o),2);{let e=I(()=>t.overrides[`--sf-color-selection-text`]??``),n=I(()=>`--sf-color-selection-text`in t.overrides);of(s,{token:`--sf-color-selection-text`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-text`,e),onReset:()=>t.onReset(`--sf-color-selection-text`)})}F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,6),d=V(z(u),2);{let e=I(()=>t.overrides[`--sf-color-selection-bg--alt`]??``),n=I(()=>`--sf-color-selection-bg--alt`in t.overrides);of(d,{token:`--sf-color-selection-bg--alt`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-bg--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-bg--alt`)})}F(u);var f=V(u,2),p=V(z(f),2);{let e=I(()=>t.overrides[`--sf-color-selection-text--alt`]??``),n=I(()=>`--sf-color-selection-text--alt`in t.overrides);of(p,{token:`--sf-color-selection-text--alt`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-text--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-text--alt`)})}F(f);var m=V(f,2),h=z(m);F(m),F(r),H(()=>{Z(l,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg`]??`#6366f1`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text`]??`#ffffff`}`),Z(h,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg--alt`]??`#4338ca`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text--alt`]??`#e0e7ff`}`)}),K(e,r)},$$slots:{default:!0}});var w=V(C,6);cf(w,{title:`Component size scale`,get open(){return U(d)},set open(e){R(d,e,!0)},children:(e,n)=>{var i=Eg(),a=V(B(i),2);Y(a,21,()=>r,e=>e.token,(e,n)=>{let r=I(()=>v(U(n)));{let i=I(()=>`${U(n).token} — component size step ${U(n).label}`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:1,max:5,step:.05,unit:`rem`,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,`${e}rem`),onReset:()=>t.onReset(U(n).token)})}}),F(a);var o=V(a,2);Y(o,21,()=>r,e=>e.token,(e,t)=>{let n=I(()=>v(U(t))),i=I(()=>Math.max(...r.map(e=>v(e)),.001));var a=Tg(),o=z(a),s=V(o,2),c=z(s,!0);F(s),F(a),H(()=>{Z(o,`height: ${U(n)/U(i)*72}px`),q(c,U(t).label)}),K(e,a)}),F(o),K(e,i)},$$slots:{default:!0}});var T=V(w,6);cf(T,{title:`Caret & links`,get open(){return U(f)},set open(e){R(f,e,!0)},children:(e,n)=>{var r=kg(),i=B(r),a=V(z(i),2);{let e=I(()=>`--sf-color-caret`in t.overrides);of(a,{token:`--sf-color-caret`,get value(){return U(o)},placeholder:`default (action color)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-color-caret`,e),onReset:()=>t.onReset(`--sf-color-caret`)})}F(i);var l=V(i,2);{let e=I(()=>`--sf-link-underline-offset`in t.overrides);$(l,{label:`Underline offset`,get value(){return U(s)},min:0,max:.5,step:.01,unit:`em`,help:`--sf-link-underline-offset — gap between text baseline and underline`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-link-underline-offset`,`${e}em`),onReset:()=>t.onReset(`--sf-link-underline-offset`)})}var u=V(l,2),d=z(u),f=V(z(d),2),p=e=>{var n=Dg();W(`click`,n,()=>t.onReset(`--sf-link-underline-thickness`)),K(e,n)};J(f,e=>{`--sf-link-underline-thickness`in t.overrides&&e(p)}),F(d);var m=V(d,2);Y(m,20,()=>[[`auto`,`auto`],[`1px`,`1px`],[`2px`,`2px`],[`3px`,`3px`]],([e,t])=>t,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1];var o=Og(),s=z(o,!0);F(o),H(()=>{X(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(c)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(s,i())}),W(`click`,o,()=>a()===`auto`?t.onReset(`--sf-link-underline-thickness`):t.onSet(`--sf-link-underline-thickness`,a())),K(e,o)}),F(m),F(u);var g=V(u,2),_=z(g),v=V(_,2),y=V(z(v));Me(),F(v),F(g),H(()=>{Z(_,`caret-color:${U(o)||`#6366f1`}`),Z(y,`text-decoration:underline;text-underline-offset:${U(s)}em;text-decoration-thickness:${U(c)}`)}),W(`click`,y,e=>e.preventDefault()),K(e,r)},$$slots:{default:!0}});var E=V(T,6);cf(E,{title:`Icon sizes`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,n)=>{var r=jg(),a=V(B(r),2);Y(a,20,()=>[{label:`xs`,token:`--sf-icon-xs`,def:.875},{label:`s`,token:`--sf-icon-s`,def:1},{label:`m`,token:`--sf-icon-m`,def:1.5},{label:`l`,token:`--sf-icon-l`,def:2},{label:`xl`,token:`--sf-icon-xl`,def:3},{label:`2xl`,token:`--sf-icon-2xl`,def:4}],e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[n.token]?.replace(`em`,``),n.def)),a=I(()=>n.token in t.overrides);$(e,{get label(){return n.label},get value(){return U(r)},min:.5,max:6,step:.125,unit:`em`,get overridden(){return U(a)},onChange:e=>t.onSet(n.token,`${e}em`),onReset:()=>t.onReset(n.token)})}}),F(a);var o=V(a,2);{let e=I(()=>i(t.overrides[`--sf-icon-box-pad`]?.replace(`em`,``),.5)),n=I(()=>`--sf-icon-box-pad`in t.overrides);$(o,{label:`Box padding`,get value(){return U(e)},min:0,max:2,step:.125,unit:`em`,help:`--sf-icon-box-pad — padding around icon when using .sf-icon--boxed`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-icon-box-pad`,`${e}em`),onReset:()=>t.onReset(`--sf-icon-box-pad`)})}var s=V(o,2);Y(s,20,()=>y,e=>e,(e,t)=>{var n=Ag(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(()=>{Z(r,`width:var(--sf-icon-${t});height:var(--sf-icon-${t})`),q(a,t)}),K(e,n)}),F(s),K(e,r)},$$slots:{default:!0}});var D=V(E,6);cf(D,{title:`Object fit`,get open(){return U(m)},set open(e){R(m,e,!0)},children:(e,n)=>{var r=Pg(),i=V(B(r),2),a=V(z(i),2);Y(a,20,()=>[`cover`,`contain`,`fill`,`none`],e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-object-fit`]??`cover`);var i=Og(),a=z(i,!0);F(i),H(()=>{X(i,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,n)}),W(`click`,i,()=>n===`cover`?t.onReset(`--sf-object-fit`):t.onSet(`--sf-object-fit`,n)),K(e,i)}),F(a);var o=V(a,2),s=e=>{var n=Mg();W(`click`,n,()=>t.onReset(`--sf-object-fit`)),K(e,n)};J(o,e=>{`--sf-object-fit`in t.overrides&&e(s)}),F(i);var c=V(i,2),l=V(z(c),2);Ri(l);var u=V(l,2),d=e=>{var n=Ng();W(`click`,n,()=>t.onReset(`--sf-object-position`)),K(e,n)};J(u,e=>{`--sf-object-position`in t.overrides&&e(d)}),F(c);var f=V(c,2),p=z(f),m=z(p);Z(m,`object-fit:var(--sf-object-fit, cover);object-position:var(--sf-object-position, 50% 50%)`),F(p);var h=V(p,2),g=z(h);F(h),F(f),H(()=>{zi(l,t.overrides[`--sf-object-position`]??``),Q(m,`src`,`data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'120'%20height%3D'60'%3E%3Crect%20width%3D'120'%20height%3D'60'%20fill%3D'%236366f1'%2F%3E%3Ccircle%20cx%3D'60'%20cy%3D'30'%20r%3D'18'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'4'%2F%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'114'%20height%3D'54'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%2F%3E%3C%2Fsvg%3E`),q(g,`object-fit: ${t.overrides[`--sf-object-fit`]??`cover`??``}`)}),W(`input`,l,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-object-position`,n):t.onReset(`--sf-object-position`)}),K(e,r)},$$slots:{default:!0}});var O=V(D,6);cf(O,{title:`Safe area insets`,get open(){return U(g)},set open(e){R(g,e,!0)},children:(e,n)=>{var r=Ig(),i=V(B(r),2);Y(i,20,()=>[{label:`Top`,token:`--sf-safe-top`,placeholder:`env(safe-area-inset-top, 0px)`},{label:`Right`,token:`--sf-safe-right`,placeholder:`env(safe-area-inset-right, 0px)`},{label:`Bottom`,token:`--sf-safe-bottom`,placeholder:`env(safe-area-inset-bottom, 0px)`},{label:`Left`,token:`--sf-safe-left`,placeholder:`env(safe-area-inset-left, 0px)`}],e=>e.token,(e,n)=>{var r=Fg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Ng();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`placeholder`,n.placeholder)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(i),Me(2),K(e,r)},$$slots:{default:!0}}),cf(V(O,4),{title:`Field marker`,get open(){return U(_)},set open(e){R(_,e,!0)},children:(e,n)=>{var r=Lg(),i=B(r),a=V(z(i),2);Ri(a);var o=V(a,2),s=e=>{var n=Ng();W(`click`,n,()=>t.onReset(`--sf-field-required-marker`)),K(e,n)};J(o,e=>{`--sf-field-required-marker`in t.overrides&&e(s)}),F(i);var c=V(i,2),l=z(c),u=V(z(l)),d=z(u,!0);F(u),Me(2),F(l),F(c),H(()=>{zi(a,t.overrides[`--sf-field-required-marker`]??``),q(d,t.overrides[`--sf-field-required-marker`]??` *`)}),W(`input`,a,e=>{let n=e.target.value;n?t.onSet(`--sf-field-required-marker`,n):t.onReset(`--sf-field-required-marker`)}),K(e,r)},$$slots:{default:!0}}),Me(4),F(x),K(e,x),He()}Rr([`click`,`input`]);var Bg=G(`<button> </button>`),Vg=G(`<span class="absolute top-0.5 right-0.5 w-1 h-1 rounded-full bg-indigo-400"></span>`),Hg=G(`<button> <!></button>`),Ug=G(`<button class="text-[10px] font-semibold text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 underline underline-offset-2 cursor-pointer">Reset all button tokens</button>`),Wg=G(`<div class="rounded-xl border border-dashed border-indigo-500/25 bg-indigo-500/[0.03] dark:bg-indigo-400/[0.04] p-2.5 space-y-2"><div class="flex items-center gap-1.5"><!> <span class="text-[9px] font-bold uppercase tracking-wider text-indigo-600/80 dark:text-indigo-300/80">Preview setup</span> <span class="text-[8px] font-semibold text-slate-500 bg-black/5 dark:bg-white/8 rounded px-1 py-px">not exported</span></div> <div class="text-[9px] text-slate-500">Variant</div> <div class="flex flex-wrap gap-1"></div> <div class="text-[9px] text-slate-500">Style</div> <div class="flex flex-wrap gap-1"></div> <div class="text-[9px] text-slate-500">Size</div> <div class="flex flex-wrap gap-1"></div> <div class="flex items-center gap-3 pt-0.5"><label><input type="checkbox" class="cursor-pointer disabled:cursor-not-allowed"/> gradient</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> disabled</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> loading</label></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><button> </button></div> <div class="mt-2 space-y-2"><div class="text-[9px] font-bold text-slate-500 uppercase tracking-wider">Base style</div> <!> <!> <div><div class="text-[9px] text-slate-500 mb-1">Label weight — --sf-btn-font-weight</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] font-bold text-slate-500 uppercase tracking-wider mb-1"> </div> <div class="flex gap-0.5 mb-2 bg-black/5 dark:bg-white/5 rounded-lg p-0.5"></div> <div class="mb-2"><div class="text-[9px] text-slate-500 mb-1"> </div> <div class="flex flex-wrap gap-1"></div></div> <!></div> <!></div>`,1),Gg=G(`<div class="rounded-xl border border-dashed border-indigo-500/25 bg-indigo-500/[0.03] dark:bg-indigo-400/[0.04] p-2.5 space-y-2"><div class="flex items-center gap-1.5"><!> <span class="text-[9px] font-bold uppercase tracking-wider text-indigo-600/80 dark:text-indigo-300/80">Preview setup</span> <span class="text-[8px] font-semibold text-slate-500 bg-black/5 dark:bg-white/8 rounded px-1 py-px">not exported</span></div> <div class="flex items-center gap-3"><label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> bordered</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> elevated</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> interactive</label></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><article style="max-inline-size: 16rem;"><div class="sf-card__media" style="background: var(--sf-gradient-primary);"></div> <header class="sf-card__header"><h3 class="sf-card__title">Card title</h3></header> <div class="sf-card__body"><p>Body copy showing padding, gap, and background live.</p></div> <footer class="sf-card__footer"><button class="sf-btn sf-btn--primary">Action</button></footer></article></div> <div class="mt-2 space-y-2"><!> <div class="flex items-center gap-2 text-[10px] text-slate-500"><span class="font-semibold">Radius (outer, computed)</span> <span class="font-mono"> </span></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-card-radius-outer = radius + padding (concentric math) — not independently overridable, always computed from the two sliders above.</p> <div><div class="text-[9px] text-slate-500 mb-1">Background — --sf-card-bg</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Border color — --sf-card-border-color</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Shadow — --sf-card-shadow</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Elevated shadow — --sf-card-shadow--elevated</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Hover shadow (interactive) — --sf-card-shadow--hover</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Media aspect ratio — --sf-card-media-ratio</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Title size — --sf-card-heading-size</div> <div class="flex flex-wrap gap-1"></div></div></div>`,1),Kg=G(`<div class="p-4 space-y-5"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function qg(e,t){Ve(t,!0);let n=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],i=[`square`,`video`,`cinema`,`4-3`,`3-2`,`portrait`,`golden`],a=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],o=[`default`,`primary`,`secondary`,`tertiary`,`action`,`base`,`neutral`,`success`,`warning`,`info`,`danger`],s=[{id:`fill`,label:`Fill`},{id:`soft`,label:`Soft`},{id:`outline`,label:`Outline`}],c=[`xs`,`s`,`m`,`l`,`xl`],l=new Set([`default`,`primary`,`secondary`,`tertiary`,`action`]),u=[{step:`surface`,label:`Surface`},{step:`base`,label:`Base`},{step:`inset`,label:`Inset`},{step:`raised`,label:`Raised`}],d=[{step:`border`,label:`Default`},{step:`border--subtle`,label:`Subtle`},{step:`border--strong`,label:`Strong`}],f=[{label:`Radius`,token:`--sf-btn-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:Jp},{label:`Gap (icon+label)`,token:`--sf-btn-gap`,unit:`rem`,min:0,max:1,step:.0125,default:.25,rawDefault:`var(--sf-space-2xs)`,variableOptions:qp},{label:`Border width`,token:`--sf-btn-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Yp}],p={token:`--sf-btn-font-scale`,default:1,min:.75,max:1.5,step:.05},m=[`xs`,`s`,`m`,`l`,`xl`],h={xs:{fontStep:`xs`,pb:{raw:`0.125rem`,num:.125},pi:{raw:`var(--sf-space-xs)`,num:.375},mh:{raw:`var(--sf-size-xs)`,num:2}},s:{fontStep:`s`,pb:{raw:`var(--sf-space-2xs)`,num:.25},pi:{raw:`var(--sf-space-s)`,num:.5},mh:{raw:`var(--sf-size-s)`,num:2.25}},m:{fontStep:`m`,pb:{raw:`var(--sf-space-xs)`,num:.375},pi:{raw:`var(--sf-space-m)`,num:.75},mh:{raw:`var(--sf-size-m)`,num:2.5}},l:{fontStep:`l`,pb:{raw:`var(--sf-space-s)`,num:.5},pi:{raw:`var(--sf-space-l)`,num:1},mh:{raw:`var(--sf-size-l)`,num:3}},xl:{fontStep:`xl`,pb:{raw:`var(--sf-space-m)`,num:.75},pi:{raw:`var(--sf-space-xl)`,num:1.5},mh:{raw:`var(--sf-size-xl)`,num:3.5}}};function g(e,t){let n=h[e][t],r=t===`pb`?`padding-block`:t===`pi`?`padding-inline`:`min-height`,i=t===`mh`;return{token:`--sf-btn-${e}-${r}`,rawDefault:n.raw,default:n.num,unit:`rem`,min:0,max:i?4:2,step:i?.125:.025,variableOptions:i?Zp:qp,label:t===`pb`?`Padding block`:t===`pi`?`Padding inline`:`Min height`}}let _=[{label:`Padding`,token:`--sf-card-padding`,unit:`rem`,min:0,max:3,step:.05,default:1.5,rawDefault:`var(--sf-space-l)`,variableOptions:qp},{label:`Gap (header/footer)`,token:`--sf-card-gap`,unit:`rem`,min:0,max:2,step:.05,default:1,rawDefault:`var(--sf-space-m)`,variableOptions:qp},{label:`Radius (inner)`,token:`--sf-card-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:Jp},{label:`Border width`,token:`--sf-card-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Yp},{label:`Media radius`,token:`--sf-card-media-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-card-radius, var(--sf-radius-m))`,variableOptions:Jp}];function v(){for(let e of Object.keys(t.overrides))e.startsWith(`--sf-btn-`)&&t.onReset(e)}let y=L(!1),b=L(`m`),x=I(()=>`--sf-btn-${U(b)}-font-size`),S=I(()=>h[U(b)].fontStep),C=L(!1),w=L(`primary`),T=L(`fill`),E=L(!1),D=L(`m`),O=L(!1),k=L(!1),A=L(!1),j=L(!1),M=L(!1);function ee(){let e=[`sf-btn`];return U(w)!=="default"&&e.push(`sf-btn--${U(w)}`),U(T)!==`fill`&&e.push(`sf-btn--${U(T)}`),U(E)&&U(T)!==`soft`&&l.has(U(w))&&e.push(`sf-btn--gradient`),U(D)!==`m`&&e.push(`sf-btn--${U(D)}`),e.join(` `)}function te(){let e=[`sf-card`];return U(A)&&e.push(`sf-card--bordered`),U(j)&&e.push(`sf-card--elevated`),U(M)&&e.push(`sf-card--interactive`),e.join(` `)}function ne(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function re(e,n,r,i){let a=t.overrides[e];if(!a)return i;let o=a.match(RegExp(`^var\\(--sf-${n}-([\\w-]+)\\)$`));return o&&r.includes(o[1])?o[1]:i}function ie(e,n,r,i){r===i?t.onReset(e):t.onSet(e,`var(--sf-${n}-${r})`)}function ae(e){return!!e&&/^(var|calc|clamp)\(/.test(e.trim())}let oe=_.find(e=>e.token===`--sf-card-radius`),N=_.find(e=>e.token===`--sf-card-padding`),se=I(()=>ne(oe)),ce=I(()=>ne(N)),le=I(()=>ae(t.overrides[oe.token])||ae(t.overrides[N.token]));var ue=Kg(),de=z(ue);cf(de,{title:`Button (.sf-btn)`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,r)=>{var i=Wg(),u=B(i),d=z(u);Pa(z(d),{class:`w-3 h-3 text-indigo-500/70 shrink-0`}),Me(4),F(d);var h=V(d,4);Y(h,20,()=>o,e=>e,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${U(w)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,t)}),W(`click`,n,()=>{R(w,t,!0)}),K(e,n)}),F(h);var _=V(h,4);Y(_,21,()=>s,e=>e.id,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(T)===U(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,U(t).label)}),W(`click`,n,()=>{R(T,U(t).id,!0)}),K(e,n)}),F(_);var y=V(_,4);Y(y,20,()=>c,e=>e,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2.5 py-1 rounded-lg text-[10px] border transition-all cursor-pointer uppercase ${U(D)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,t)}),W(`click`,n,()=>{R(D,t,!0),R(b,t,!0)}),K(e,n)}),F(y);var C=V(y,2),A=z(C),j=z(A);Ri(j),Me(),F(A);var M=V(A,2),te=z(M);Ri(te),Me(),F(M);var ae=V(M,2),oe=z(ae);Ri(oe),Me(),F(ae),F(C),F(u);var N=V(u,2),se=z(N);let ce;var le=z(se,!0);F(se),F(N);var ue=V(N,2),de=V(z(ue),2);Y(de,17,()=>f,e=>e.token,(e,n)=>{{let r=I(()=>ne(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var fe=V(de,2);{let e=I(()=>ne(p)),n=I(()=>p.token in t.overrides);$(fe,{label:`Label size (all sizes)`,get value(){return U(e)},get min(){return p.min},get max(){return p.max},get step(){return p.step},unit:`×`,help:`--sf-btn-font-scale — multiplies every button's label, keeping the size ladder`,get overridden(){return U(n)},onChange:e=>e===p.default?t.onReset(p.token):t.onSet(p.token,String(e)),onReset:()=>t.onReset(p.token)})}var pe=V(fe,2),me=V(z(pe),2);Y(me,20,()=>a,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-btn-font-weight`]??`600`);var i=Bg(),a=z(i,!0);F(i),H(e=>{Z(i,e),X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,n)},[()=>`font-weight:${parseInt(n)}`]),W(`click`,i,()=>n===`600`?t.onReset(`--sf-btn-font-weight`):t.onSet(`--sf-btn-font-weight`,n)),K(e,i)}),F(me),F(pe);var he=V(pe,2),ge=z(he),_e=z(ge);F(ge);var ve=V(ge,2);Y(ve,20,()=>m,e=>e,(e,n)=>{let r=I(()=>[`--sf-btn-${n}-font-size`,`--sf-btn-${n}-padding-block`,`--sf-btn-${n}-padding-inline`,`--sf-btn-${n}-min-height`].some(e=>e in t.overrides));var i=Hg(),a=z(i),o=V(a),s=e=>{K(e,Vg())};J(o,e=>{U(r)&&e(s)}),F(i),H(()=>{Q(i,`aria-pressed`,U(b)===n),X(i,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold uppercase transition-all cursor-pointer ${U(b)===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(a,`${n??``} `)}),W(`click`,i,()=>{R(b,n,!0),R(D,n,!0)}),K(e,i)}),F(ve);var ye=V(ve,2),be=z(ye),xe=z(be);F(be);var Se=V(be,2);Y(Se,20,()=>n,e=>e,(e,t)=>{let r=I(()=>re(U(x),`text`,n,U(S)));var i=Bg(),a=z(i,!0);F(i),H(()=>{Q(i,`aria-pressed`,U(r)===t),X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>ie(U(x),`text`,t,U(S))),K(e,i)}),F(Se),F(ye),Y(V(ye,2),16,()=>[`pb`,`pi`,`mh`],e=>e,(e,n)=>{let r=I(()=>g(U(b),n));{let n=I(()=>ne(U(r))),i=I(()=>U(r).token in t.overrides);$(e,{get label(){return U(r).label},get value(){return U(n)},get min(){return U(r).min},get max(){return U(r).max},get step(){return U(r).step},get unit(){return U(r).unit},get help(){return U(r).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(r).token,`${e}${U(r).unit}`),onReset:()=>t.onReset(U(r).token),get rawDefault(){return U(r).rawDefault},get variableOptions(){return U(r).variableOptions},get currentRaw(){return t.overrides[U(r).token]},onRawSet:e=>t.onSet(U(r).token,e)})}}),F(he);var Ce=V(he,2),we=e=>{var t=Ug();W(`click`,t,v),K(e,t)},Te=I(()=>Object.keys(t.overrides).some(e=>e.startsWith(`--sf-btn-`)));J(Ce,e=>{U(Te)&&e(we)}),F(ue),H((e,t,n,r,i)=>{X(A,1,e),Q(A,`title`,t),j.disabled=n,Q(N,`data-theme`,ic.value),ce=X(se,1,r,null,ce,{"sf-is-loading":U(k)}),se.disabled=U(O),q(le,U(k)?`Loading`:`Button label`),q(_e,`Per-size (${i??``})`),q(xe,`Label size — ${U(x)??``}`)},[()=>`flex items-center gap-1.5 text-[9px] ${l.has(U(w))&&U(T)!==`soft`?`text-slate-500 cursor-pointer`:`text-slate-400 dark:text-slate-600 cursor-not-allowed`}`,()=>l.has(U(w))&&U(T)!==`soft`?`Paint the fill (or the outline ring) with the family gradient`:`Gradient covers the core-4 brand families (primary/secondary/tertiary/action) and is ignored under Soft`,()=>!l.has(U(w))||U(T)===`soft`,()=>vi(ee()),()=>U(b).toUpperCase()]),qi(j,()=>U(E),e=>R(E,e)),qi(te,()=>U(O),e=>R(O,e)),qi(oe,()=>U(k),e=>R(k,e)),K(e,i)},$$slots:{default:!0}}),cf(V(de,4),{title:`Card (.sf-card)`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,a)=>{var o=Gg(),s=B(o),c=z(s);Pa(z(c),{class:`w-3 h-3 text-indigo-500/70 shrink-0`}),Me(4),F(c);var l=V(c,2),f=z(l),p=z(f);Ri(p),Me(),F(f);var m=V(f,2),h=z(m);Ri(h),Me(),F(m);var g=V(m,2),v=z(g);Ri(v),Me(),F(g),F(l),F(s);var y=V(s,2),b=z(y);F(y);var x=V(y,2),S=z(x);Y(S,17,()=>_,e=>e.token,(e,n)=>{{let r=I(()=>ne(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var C=V(S,2),w=V(z(C),2),T=z(w,!0);F(w),F(C);var E=V(C,4),D=V(z(E),2);Y(D,21,()=>u,e=>e.step,(e,t)=>{let n=I(()=>re(`--sf-card-bg`,`color`,u.map(e=>e.step),`surface`));var r=Bg(),i=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===U(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,U(t).label)}),W(`click`,r,()=>ie(`--sf-card-bg`,`color`,U(t).step,`surface`)),K(e,r)}),F(D),F(E);var O=V(E,2),k=V(z(O),2);Y(k,21,()=>d,e=>e.step,(e,t)=>{let n=I(()=>re(`--sf-card-border-color`,`color`,d.map(e=>e.step),`border`));var r=Bg(),i=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===U(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,U(t).label)}),W(`click`,r,()=>ie(`--sf-card-border-color`,`color`,U(t).step,`border`)),K(e,r)}),F(k),F(O);var ee=V(O,2),ae=V(z(ee),2);Y(ae,20,()=>r,e=>e,(e,t)=>{let n=I(()=>re(`--sf-card-shadow`,`shadow`,r,`s`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>ie(`--sf-card-shadow`,`shadow`,t,`s`)),K(e,i)}),F(ae),F(ee);var oe=V(ee,2),N=V(z(oe),2);Y(N,20,()=>r,e=>e,(e,t)=>{let n=I(()=>re(`--sf-card-shadow--elevated`,`shadow`,r,`l`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>ie(`--sf-card-shadow--elevated`,`shadow`,t,`l`)),K(e,i)}),F(N),F(oe);var ue=V(oe,2),de=V(z(ue),2);Y(de,20,()=>r,e=>e,(e,t)=>{let n=I(()=>re(`--sf-card-shadow--hover`,`shadow`,r,`l`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>ie(`--sf-card-shadow--hover`,`shadow`,t,`l`)),K(e,i)}),F(de),F(ue);var fe=V(ue,2),pe=V(z(fe),2);Y(pe,20,()=>i,e=>e,(e,t)=>{let n=I(()=>re(`--sf-card-media-ratio`,`ratio`,i,`video`));var r=Bg(),a=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,r,()=>ie(`--sf-card-media-ratio`,`ratio`,t,`video`)),K(e,r)}),F(pe),F(fe);var me=V(fe,2),he=V(z(me),2);Y(he,20,()=>n,e=>e,(e,t)=>{let r=I(()=>re(`--sf-card-heading-size`,`text`,n,`xl`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>ie(`--sf-card-heading-size`,`text`,t,`xl`)),K(e,i)}),F(he),F(me),F(x),H((e,t)=>{Q(y,`data-theme`,ic.value),X(b,1,e),q(T,t)},[()=>vi(te()),()=>U(le)?`depends on variable`:`${(U(se)+U(ce)).toFixed(2)}rem`]),qi(p,()=>U(A),e=>R(A,e)),qi(h,()=>U(j),e=>R(j,e)),qi(v,()=>U(M),e=>R(M,e)),K(e,o)},$$slots:{default:!0}}),F(ue),K(e,ue),He()}Rr([`click`]);var Jg=G(`<div class="rounded-xl border border-dashed border-black/10 dark:border-white/10 p-6 text-center"><p class="text-[11px] text-slate-500 dark:text-slate-400">No saved themes yet.</p> <p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1">Configure your tokens, then save them above.</p></div>`),Yg=G(`<div class="w-2.5 h-2.5 rounded-full border border-black/10 dark:border-white/10 shrink-0"></div>`),Xg=G(`<div class="flex items-center gap-1 bg-black/4 dark:bg-white/4 rounded px-1.5 py-0.5"><!> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Zg=G(`<span class="text-[8px] text-slate-400 dark:text-slate-600 px-1.5 py-0.5"> </span>`),Qg=G(`<div class="px-4 pb-3 flex flex-wrap gap-1"><!> <!></div>`),$g=G(`<div><div class="flex items-start gap-3 p-4"><span class="text-2xl leading-none shrink-0 mt-0.5"> </span> <div class="flex-1 min-w-0"><div class="text-[12px] font-bold text-slate-800 dark:text-slate-200 flex items-center gap-1.5"> <!></div> <div class="text-[10px] text-slate-500 mt-0.5 font-mono"> </div></div> <div class="flex items-center gap-1.5 shrink-0"><button class="px-3 py-1.5 rounded-lg text-[11px] font-bold bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-600/30 transition-all cursor-pointer">Apply</button> <button aria-label="Delete theme" class="p-1.5 rounded-lg border border-black/8 dark:border-white/8 text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:border-rose-500/30 transition-all cursor-pointer "><!></button></div></div> <!></div>`),e_=G(`<button class="w-full py-2 rounded-lg text-[11px] font-bold border border-rose-500/30 text-rose-600 dark:text-rose-400 hover:bg-rose-500/10 transition-all cursor-pointer">Reset all overrides</button>`),t_=G(`<div class="p-4 space-y-5 overflow-y-auto flex-1 h-full"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-1">Themes</div> <p class="text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed">Save your current configuration as a named theme, then re-apply it any time.
+      itself and can't be shown in the static canvas.</p></div></div>`);function zg(e,t){Ve(t,!0);let n=[{label:`Below`,token:`--sf-z-below`,note:`Behind content (e.g. decorative BG)`,def:-1},{label:`Raised`,token:`--sf-z-raised`,note:`Slightly above flow`,def:1},{label:`Sticky`,token:`--sf-z-sticky`,note:`Sticky headers, toolbars`,def:1e3},{label:`Fixed`,token:`--sf-z-fixed`,note:`Fixed UI chrome`,def:1010},{label:`Dropdown`,token:`--sf-z-dropdown`,note:`Dropdowns, popovers`,def:1020},{label:`Overlay`,token:`--sf-z-overlay`,note:`Modals, drawers backdrop`,def:1030},{label:`Modal`,token:`--sf-z-modal`,note:`Modal dialogs`,def:1040},{label:`Toast`,token:`--sf-z-toast`,note:`Notifications`,def:1050},{label:`Tooltip`,token:`--sf-z-tooltip`,note:`Inline tooltips`,def:1060}],r=[{label:`XS`,token:`--sf-size-xs`,default:1.5},{label:`S`,token:`--sf-size-s`,default:2},{label:`M`,token:`--sf-size-m`,default:2.5},{label:`L`,token:`--sf-size-l`,default:3},{label:`XL`,token:`--sf-size-xl`,default:3.5}];function i(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let a=I(()=>i(t.overrides[`--sf-z-base`],0)),o=I(()=>t.overrides[`--sf-color-caret`]??``),s=I(()=>i(t.overrides[`--sf-link-underline-offset`]?.replace(`em`,``),.15)),c=I(()=>t.overrides[`--sf-link-underline-thickness`]??`auto`),l=L(!1),u=L(!1),d=L(!1),f=L(!1),p=L(!1),m=L(!1),g=L(!1),_=L(!1);function v(e){return i(t.overrides[e.token]?.replace(`rem`,``),e.default)}let y=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],b=I(()=>n.map(e=>({...e,val:i(t.overrides[e.token],e.def)})).sort((e,t)=>t.val-e.val));var x=Rg(),S=V(z(x),4);cf(S,{title:`Z-index layers`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,r)=>{var o=Cg(),s=B(o);{let e=I(()=>`--sf-z-base`in t.overrides);$(s,{label:`Base`,get value(){return U(a)},min:0,max:1e3,step:10,help:`--sf-z-base — base local-stacking rung (default 0), consumed by the .sf-z-base utility. It is NOT added to the other rungs: every ladder step below is an independent literal.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-z-base`,String(e)),onReset:()=>t.onReset(`--sf-z-base`)})}var c=V(s,2);Y(c,21,()=>n,e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[U(n).token],U(n).def)),a=I(()=>`${U(n).token} — ${U(n).note}`),o=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:-1,max:1100,step:1,get help(){return U(a)},get overridden(){return U(o)},onChange:e=>t.onSet(U(n).token,String(e)),onReset:()=>t.onReset(U(n).token)})}}),F(c);var l=V(c,2),u=V(z(l),2);Y(u,23,()=>U(b),e=>e.token,(e,t,n)=>{var r=Sg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o,!0);F(o),F(r),H(()=>{Z(r,`top:${U(n)*11}px; left:${U(n)*9}px; right:0; z-index:${U(b).length-U(n)}`),q(a,U(t).label),q(s,U(t).val)}),K(e,r)}),F(u),F(l),K(e,o)},$$slots:{default:!0}});var C=V(S,6);cf(C,{title:`Text selection`,get open(){return U(u)},set open(e){R(u,e,!0)},children:(e,n)=>{var r=wg(),i=z(r),a=V(z(i),2);{let e=I(()=>t.overrides[`--sf-color-selection-bg`]??``),n=I(()=>`--sf-color-selection-bg`in t.overrides);of(a,{token:`--sf-color-selection-bg`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-bg`,e),onReset:()=>t.onReset(`--sf-color-selection-bg`)})}F(i);var o=V(i,2),s=V(z(o),2);{let e=I(()=>t.overrides[`--sf-color-selection-text`]??``),n=I(()=>`--sf-color-selection-text`in t.overrides);of(s,{token:`--sf-color-selection-text`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-text`,e),onReset:()=>t.onReset(`--sf-color-selection-text`)})}F(o);var c=V(o,2),l=z(c);F(c);var u=V(c,6),d=V(z(u),2);{let e=I(()=>t.overrides[`--sf-color-selection-bg--alt`]??``),n=I(()=>`--sf-color-selection-bg--alt`in t.overrides);of(d,{token:`--sf-color-selection-bg--alt`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-bg--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-bg--alt`)})}F(u);var f=V(u,2),p=V(z(f),2);{let e=I(()=>t.overrides[`--sf-color-selection-text--alt`]??``),n=I(()=>`--sf-color-selection-text--alt`in t.overrides);of(p,{token:`--sf-color-selection-text--alt`,get value(){return U(e)},placeholder:`default`,get isOverridden(){return U(n)},onSet:e=>t.onSet(`--sf-color-selection-text--alt`,e),onReset:()=>t.onReset(`--sf-color-selection-text--alt`)})}F(f);var m=V(f,2),h=z(m);F(m),F(r),H(()=>{Z(l,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg`]??`#6366f1`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text`]??`#ffffff`}`),Z(h,`--sf-color-selection-bg: ${t.overrides[`--sf-color-selection-bg--alt`]??`#4338ca`}; --sf-color-selection-text: ${t.overrides[`--sf-color-selection-text--alt`]??`#e0e7ff`}`)}),K(e,r)},$$slots:{default:!0}});var w=V(C,6);cf(w,{title:`Component size scale`,get open(){return U(d)},set open(e){R(d,e,!0)},children:(e,n)=>{var i=Eg(),a=V(B(i),2);Y(a,21,()=>r,e=>e.token,(e,n)=>{let r=I(()=>v(U(n)));{let i=I(()=>`${U(n).token} — component size step ${U(n).label}`),a=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},min:1,max:5,step:.05,unit:`rem`,get help(){return U(i)},get overridden(){return U(a)},onChange:e=>t.onSet(U(n).token,`${e}rem`),onReset:()=>t.onReset(U(n).token)})}}),F(a);var o=V(a,2);Y(o,21,()=>r,e=>e.token,(e,t)=>{let n=I(()=>v(U(t))),i=I(()=>Math.max(...r.map(e=>v(e)),.001));var a=Tg(),o=z(a),s=V(o,2),c=z(s,!0);F(s),F(a),H(()=>{Z(o,`height: ${U(n)/U(i)*72}px`),q(c,U(t).label)}),K(e,a)}),F(o),K(e,i)},$$slots:{default:!0}});var T=V(w,6);cf(T,{title:`Caret & links`,get open(){return U(f)},set open(e){R(f,e,!0)},children:(e,n)=>{var r=kg(),i=B(r),a=V(z(i),2);{let e=I(()=>`--sf-color-caret`in t.overrides);of(a,{token:`--sf-color-caret`,get value(){return U(o)},placeholder:`default (action color)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-color-caret`,e),onReset:()=>t.onReset(`--sf-color-caret`)})}F(i);var l=V(i,2);{let e=I(()=>`--sf-link-underline-offset`in t.overrides);$(l,{label:`Underline offset`,get value(){return U(s)},min:0,max:.5,step:.01,unit:`em`,help:`--sf-link-underline-offset — gap between text baseline and underline`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-link-underline-offset`,`${e}em`),onReset:()=>t.onReset(`--sf-link-underline-offset`)})}var u=V(l,2),d=z(u),f=V(z(d),2),p=e=>{var n=Dg();W(`click`,n,()=>t.onReset(`--sf-link-underline-thickness`)),K(e,n)};J(f,e=>{`--sf-link-underline-thickness`in t.overrides&&e(p)}),F(d);var m=V(d,2);Y(m,20,()=>[[`auto`,`auto`],[`1px`,`1px`],[`2px`,`2px`],[`3px`,`3px`]],([e,t])=>t,(e,n)=>{var r=I(()=>h(n,2));let i=()=>U(r)[0],a=()=>U(r)[1];var o=Og(),s=z(o,!0);F(o),H(()=>{X(o,1,`flex-1 py-1.5 rounded-lg text-[10px] border transition-all cursor-pointer ${U(c)===a()?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(s,i())}),W(`click`,o,()=>a()===`auto`?t.onReset(`--sf-link-underline-thickness`):t.onSet(`--sf-link-underline-thickness`,a())),K(e,o)}),F(m),F(u);var g=V(u,2),_=z(g),v=V(_,2),y=V(z(v));Me(),F(v),F(g),H(()=>{Z(_,`caret-color:${U(o)||`#6366f1`}`),Z(y,`text-decoration:underline;text-underline-offset:${U(s)}em;text-decoration-thickness:${U(c)}`)}),W(`click`,y,e=>e.preventDefault()),K(e,r)},$$slots:{default:!0}});var E=V(T,6);cf(E,{title:`Icon sizes`,get open(){return U(p)},set open(e){R(p,e,!0)},children:(e,n)=>{var r=jg(),a=V(B(r),2);Y(a,20,()=>[{label:`xs`,token:`--sf-icon-xs`,def:.875},{label:`s`,token:`--sf-icon-s`,def:1},{label:`m`,token:`--sf-icon-m`,def:1.5},{label:`l`,token:`--sf-icon-l`,def:2},{label:`xl`,token:`--sf-icon-xl`,def:3},{label:`2xl`,token:`--sf-icon-2xl`,def:4}],e=>e.token,(e,n)=>{{let r=I(()=>i(t.overrides[n.token]?.replace(`em`,``),n.def)),a=I(()=>n.token in t.overrides);$(e,{get label(){return n.label},get value(){return U(r)},min:.5,max:6,step:.125,unit:`em`,get overridden(){return U(a)},onChange:e=>t.onSet(n.token,`${e}em`),onReset:()=>t.onReset(n.token)})}}),F(a);var o=V(a,2);{let e=I(()=>i(t.overrides[`--sf-icon-box-pad`]?.replace(`em`,``),.5)),n=I(()=>`--sf-icon-box-pad`in t.overrides);$(o,{label:`Box padding`,get value(){return U(e)},min:0,max:2,step:.125,unit:`em`,help:`--sf-icon-box-pad — padding around icon when using .sf-icon--boxed`,get overridden(){return U(n)},onChange:e=>t.onSet(`--sf-icon-box-pad`,`${e}em`),onReset:()=>t.onReset(`--sf-icon-box-pad`)})}var s=V(o,2);Y(s,20,()=>y,e=>e,(e,t)=>{var n=Ag(),r=z(n),i=V(r,2),a=z(i,!0);F(i),F(n),H(()=>{Z(r,`width:var(--sf-icon-${t});height:var(--sf-icon-${t})`),q(a,t)}),K(e,n)}),F(s),K(e,r)},$$slots:{default:!0}});var D=V(E,6);cf(D,{title:`Object fit`,get open(){return U(m)},set open(e){R(m,e,!0)},children:(e,n)=>{var r=Pg(),i=V(B(r),2),a=V(z(i),2);Y(a,20,()=>[`cover`,`contain`,`fill`,`none`],e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-object-fit`]??`cover`);var i=Og(),a=z(i,!0);F(i),H(()=>{X(i,1,`flex-1 py-1.5 rounded-lg text-[9px] border transition-all cursor-pointer ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,n)}),W(`click`,i,()=>n===`cover`?t.onReset(`--sf-object-fit`):t.onSet(`--sf-object-fit`,n)),K(e,i)}),F(a);var o=V(a,2),s=e=>{var n=Mg();W(`click`,n,()=>t.onReset(`--sf-object-fit`)),K(e,n)};J(o,e=>{`--sf-object-fit`in t.overrides&&e(s)}),F(i);var c=V(i,2),l=V(z(c),2);Ri(l);var u=V(l,2),d=e=>{var n=Ng();W(`click`,n,()=>t.onReset(`--sf-object-position`)),K(e,n)};J(u,e=>{`--sf-object-position`in t.overrides&&e(d)}),F(c);var f=V(c,2),p=z(f),m=z(p);Z(m,`object-fit:var(--sf-object-fit, cover);object-position:var(--sf-object-position, 50% 50%)`),F(p);var h=V(p,2),g=z(h);F(h),F(f),H(()=>{zi(l,t.overrides[`--sf-object-position`]??``),Q(m,`src`,`data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'120'%20height%3D'60'%3E%3Crect%20width%3D'120'%20height%3D'60'%20fill%3D'%236366f1'%2F%3E%3Ccircle%20cx%3D'60'%20cy%3D'30'%20r%3D'18'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'4'%2F%3E%3Crect%20x%3D'3'%20y%3D'3'%20width%3D'114'%20height%3D'54'%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'3'%2F%3E%3C%2Fsvg%3E`),q(g,`object-fit: ${t.overrides[`--sf-object-fit`]??`cover`??``}`)}),W(`input`,l,e=>{let n=e.target.value.trim();n?t.onSet(`--sf-object-position`,n):t.onReset(`--sf-object-position`)}),K(e,r)},$$slots:{default:!0}});var O=V(D,6);cf(O,{title:`Safe area insets`,get open(){return U(g)},set open(e){R(g,e,!0)},children:(e,n)=>{var r=Ig(),i=V(B(r),2);Y(i,20,()=>[{label:`Top`,token:`--sf-safe-top`,placeholder:`env(safe-area-inset-top, 0px)`},{label:`Right`,token:`--sf-safe-right`,placeholder:`env(safe-area-inset-right, 0px)`},{label:`Bottom`,token:`--sf-safe-bottom`,placeholder:`env(safe-area-inset-bottom, 0px)`},{label:`Left`,token:`--sf-safe-left`,placeholder:`env(safe-area-inset-left, 0px)`}],e=>e.token,(e,n)=>{var r=Fg(),i=z(r),a=z(i,!0);F(i);var o=V(i,2);Ri(o);var s=V(o,2),c=e=>{var r=Ng();W(`click`,r,()=>t.onReset(n.token)),K(e,r)};J(s,e=>{n.token in t.overrides&&e(c)}),F(r),H(()=>{q(a,n.label),zi(o,t.overrides[n.token]??``),Q(o,`placeholder`,n.placeholder)}),W(`input`,o,e=>{let r=e.target.value.trim();r?t.onSet(n.token,r):t.onReset(n.token)}),K(e,r)}),F(i),Me(2),K(e,r)},$$slots:{default:!0}}),cf(V(O,4),{title:`Field marker`,get open(){return U(_)},set open(e){R(_,e,!0)},children:(e,n)=>{var r=Lg(),i=B(r),a=V(z(i),2);Ri(a);var o=V(a,2),s=e=>{var n=Ng();W(`click`,n,()=>t.onReset(`--sf-field-required-marker`)),K(e,n)};J(o,e=>{`--sf-field-required-marker`in t.overrides&&e(s)}),F(i);var c=V(i,2),l=z(c),u=V(z(l)),d=z(u,!0);F(u),Me(2),F(l),F(c),H(()=>{zi(a,t.overrides[`--sf-field-required-marker`]??``),q(d,t.overrides[`--sf-field-required-marker`]??` *`)}),W(`input`,a,e=>{let n=e.target.value;n?t.onSet(`--sf-field-required-marker`,n):t.onReset(`--sf-field-required-marker`)}),K(e,r)},$$slots:{default:!0}}),Me(4),F(x),K(e,x),He()}Rr([`click`,`input`]);var Bg=G(`<button> </button>`),Vg=G(`<span class="absolute top-0.5 right-0.5 w-1 h-1 rounded-full bg-indigo-400"></span>`),Hg=G(`<button> <!></button>`),Ug=G(`<button class="text-[10px] font-semibold text-slate-500 hover:text-slate-700 dark:hover:text-slate-300 underline underline-offset-2 cursor-pointer">Reset all button tokens</button>`),Wg=G(`<div class="rounded-xl border border-dashed border-indigo-500/25 bg-indigo-500/[0.03] dark:bg-indigo-400/[0.04] p-2.5 space-y-2"><div class="flex items-center gap-1.5"><!> <span class="text-[9px] font-bold uppercase tracking-wider text-indigo-600/80 dark:text-indigo-300/80">Preview setup</span> <span class="text-[8px] font-semibold text-slate-500 bg-black/5 dark:bg-white/8 rounded px-1 py-px">not exported</span></div> <div class="text-[9px] text-slate-500">Variant</div> <div class="flex flex-wrap gap-1"></div> <div class="text-[9px] text-slate-500">Style</div> <div class="flex flex-wrap gap-1"></div> <div class="text-[9px] text-slate-500">Size</div> <div class="flex flex-wrap gap-1"></div> <div class="flex items-center gap-3 pt-0.5"><label><input type="checkbox" class="cursor-pointer disabled:cursor-not-allowed"/> gradient</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> disabled</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> loading</label></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><button> </button></div> <div class="mt-2 space-y-2"><div class="text-[9px] font-bold text-slate-500 uppercase tracking-wider">Base style</div> <!> <!> <div><div class="text-[9px] text-slate-500 mb-1">Label weight — --sf-btn-font-weight</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] font-bold text-slate-500 uppercase tracking-wider mb-1"> </div> <div class="flex gap-0.5 mb-2 bg-black/5 dark:bg-white/5 rounded-lg p-0.5"></div> <div class="mb-2"><div class="text-[9px] text-slate-500 mb-1"> </div> <div class="flex flex-wrap gap-1"></div></div> <!></div> <!></div>`,1),Gg=G(`<div class="rounded-xl border border-dashed border-indigo-500/25 bg-indigo-500/[0.03] dark:bg-indigo-400/[0.04] p-2.5 space-y-2"><div class="flex items-center gap-1.5"><!> <span class="text-[9px] font-bold uppercase tracking-wider text-indigo-600/80 dark:text-indigo-300/80">Preview setup</span> <span class="text-[8px] font-semibold text-slate-500 bg-black/5 dark:bg-white/8 rounded px-1 py-px">not exported</span></div> <div class="flex items-center gap-3"><label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> bordered</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> elevated</label> <label class="flex items-center gap-1.5 text-[9px] text-slate-500 cursor-pointer"><input type="checkbox" class="cursor-pointer"/> interactive</label></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><article style="max-inline-size: 16rem;"><div class="sf-card__media" style="background: var(--sf-gradient-primary);"></div> <header class="sf-card__header"><h3 class="sf-card__title">Card title</h3></header> <div class="sf-card__body"><p>Body copy showing padding, gap, and background live.</p></div> <footer class="sf-card__footer"><button class="sf-btn sf-btn--primary">Action</button></footer></article></div> <div class="mt-2 space-y-2"><!> <div class="flex items-center gap-2 text-[10px] text-slate-500"><span class="font-semibold">Radius (outer, computed)</span> <span class="font-mono"> </span></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 leading-relaxed">--sf-card-radius-outer = radius + padding (concentric math) — not independently overridable, always computed from the two sliders above.</p> <div><div class="text-[9px] text-slate-500 mb-1">Background — --sf-card-bg</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Border color — --sf-card-border-color</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Shadow — --sf-card-shadow</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Elevated shadow — --sf-card-shadow--elevated</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Hover shadow (interactive) — --sf-card-shadow--hover</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Media aspect ratio — --sf-card-media-ratio</div> <div class="flex flex-wrap gap-1"></div></div> <div><div class="text-[9px] text-slate-500 mb-1">Title size — --sf-card-heading-size</div> <div class="flex flex-wrap gap-1"></div></div></div>`,1),Kg=G(`<div class="p-4 space-y-5"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!></div>`);function qg(e,t){Ve(t,!0);let n=[`2xs`,`xs`,`s`,`m`,`l`,`xl`,`2xl`],r=[`xs`,`s`,`m`,`l`,`xl`,`2xl`],i=[`square`,`video`,`cinema`,`4-3`,`3-2`,`portrait`,`golden`],a=[`100`,`200`,`300`,`400`,`500`,`600`,`700`,`800`,`900`],o=[`default`,`primary`,`secondary`,`tertiary`,`action`,`base`,`neutral`,`success`,`warning`,`info`,`danger`],s=[{id:`fill`,label:`Fill`},{id:`soft`,label:`Soft`},{id:`outline`,label:`Outline`}],c=[`xs`,`s`,`m`,`l`,`xl`],l=new Set([`default`,`primary`,`secondary`,`tertiary`,`action`]),u=[{step:`surface`,label:`Surface`},{step:`base`,label:`Base`},{step:`inset`,label:`Inset`},{step:`raised`,label:`Raised`}],d=[{step:`border`,label:`Default`},{step:`border--subtle`,label:`Subtle`},{step:`border--strong`,label:`Strong`}],f=[{label:`Radius`,token:`--sf-btn-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:Jp},{label:`Gap (icon+label)`,token:`--sf-btn-gap`,unit:`rem`,min:0,max:1,step:.0125,default:.25,rawDefault:`var(--sf-space-2xs)`,variableOptions:qp},{label:`Border width`,token:`--sf-btn-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Yp}],p={token:`--sf-btn-font-scale`,default:1,min:.75,max:1.5,step:.05},m=[`xs`,`s`,`m`,`l`,`xl`],h={xs:{fontStep:`xs`,pb:{raw:`0.125rem`,num:.125},pi:{raw:`var(--sf-space-xs)`,num:.375},mh:{raw:`var(--sf-size-xs)`,num:2}},s:{fontStep:`s`,pb:{raw:`var(--sf-space-2xs)`,num:.25},pi:{raw:`var(--sf-space-s)`,num:.5},mh:{raw:`var(--sf-size-s)`,num:2.25}},m:{fontStep:`m`,pb:{raw:`var(--sf-space-xs)`,num:.375},pi:{raw:`var(--sf-space-m)`,num:.75},mh:{raw:`var(--sf-size-m)`,num:2.5}},l:{fontStep:`l`,pb:{raw:`var(--sf-space-s)`,num:.5},pi:{raw:`var(--sf-space-l)`,num:1},mh:{raw:`var(--sf-size-l)`,num:3}},xl:{fontStep:`xl`,pb:{raw:`var(--sf-space-m)`,num:.75},pi:{raw:`var(--sf-space-xl)`,num:1.5},mh:{raw:`var(--sf-size-xl)`,num:3.5}}};function g(e,t){let n=h[e][t],r=t===`pb`?`padding-block`:t===`pi`?`padding-inline`:`min-height`,i=t===`mh`;return{token:`--sf-btn-${e}-${r}`,rawDefault:n.raw,default:n.num,unit:`rem`,min:0,max:i?4:2,step:i?.125:.025,variableOptions:i?Zp:qp,label:t===`pb`?`Padding block`:t===`pi`?`Padding inline`:`Min height`}}let _=[{label:`Padding`,token:`--sf-card-padding`,unit:`rem`,min:0,max:3,step:.05,default:1.5,rawDefault:`var(--sf-space-l)`,variableOptions:qp},{label:`Gap (header/footer)`,token:`--sf-card-gap`,unit:`rem`,min:0,max:2,step:.05,default:1,rawDefault:`var(--sf-space-m)`,variableOptions:qp},{label:`Radius (inner)`,token:`--sf-card-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-radius-m)`,variableOptions:Jp},{label:`Border width`,token:`--sf-card-border-width`,unit:`px`,min:0,max:4,step:.5,default:1,rawDefault:`var(--sf-border-width-1)`,variableOptions:Yp},{label:`Media radius`,token:`--sf-card-media-radius`,unit:`rem`,min:0,max:2,step:.05,default:.5,rawDefault:`var(--sf-card-radius, var(--sf-radius-m))`,variableOptions:Jp}];function v(){for(let e of Object.keys(t.overrides))e.startsWith(`--sf-btn-`)&&t.onReset(e)}let y=L(!1),b=L(`m`),x=I(()=>`--sf-btn-${U(b)}-font-size`),S=I(()=>h[U(b)].fontStep),C=L(!1),w=L(`primary`),T=L(`fill`),E=L(!1),D=L(`m`),O=L(!1),k=L(!1),A=L(!1),j=L(!1),M=L(!1);function N(){let e=[`sf-btn`];return U(w)!=="default"&&e.push(`sf-btn--${U(w)}`),U(T)!==`fill`&&e.push(`sf-btn--${U(T)}`),U(E)&&U(T)!==`soft`&&l.has(U(w))&&e.push(`sf-btn--gradient`),U(D)!==`m`&&e.push(`sf-btn--${U(D)}`),e.join(` `)}function ee(){let e=[`sf-card`];return U(A)&&e.push(`sf-card--bordered`),U(j)&&e.push(`sf-card--elevated`),U(M)&&e.push(`sf-card--interactive`),e.join(` `)}function te(e){let n=t.overrides[e.token];if(!n||/^(var|calc|clamp)\(/.test(n.trim()))return e.default;let r=parseFloat(n);return isNaN(r)?e.default:r}function ne(e,n,r,i){let a=t.overrides[e];if(!a)return i;let o=a.match(RegExp(`^var\\(--sf-${n}-([\\w-]+)\\)$`));return o&&r.includes(o[1])?o[1]:i}function re(e,n,r,i){r===i?t.onReset(e):t.onSet(e,`var(--sf-${n}-${r})`)}function ie(e){return!!e&&/^(var|calc|clamp)\(/.test(e.trim())}let ae=_.find(e=>e.token===`--sf-card-radius`),oe=_.find(e=>e.token===`--sf-card-padding`),se=I(()=>te(ae)),ce=I(()=>te(oe)),le=I(()=>ie(t.overrides[ae.token])||ie(t.overrides[oe.token]));var ue=Kg(),de=z(ue);cf(de,{title:`Button (.sf-btn)`,get open(){return U(y)},set open(e){R(y,e,!0)},children:(e,r)=>{var i=Wg(),u=B(i),d=z(u);Pa(z(d),{class:`w-3 h-3 text-indigo-500/70 shrink-0`}),Me(4),F(d);var h=V(d,4);Y(h,20,()=>o,e=>e,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${U(w)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,t)}),W(`click`,n,()=>{R(w,t,!0)}),K(e,n)}),F(h);var _=V(h,4);Y(_,21,()=>s,e=>e.id,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(T)===U(t).id?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,U(t).label)}),W(`click`,n,()=>{R(T,U(t).id,!0)}),K(e,n)}),F(_);var y=V(_,4);Y(y,20,()=>c,e=>e,(e,t)=>{var n=Bg(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2.5 py-1 rounded-lg text-[10px] border transition-all cursor-pointer uppercase ${U(D)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(r,t)}),W(`click`,n,()=>{R(D,t,!0),R(b,t,!0)}),K(e,n)}),F(y);var C=V(y,2),A=z(C),j=z(A);Ri(j),Me(),F(A);var M=V(A,2),ee=z(M);Ri(ee),Me(),F(M);var ie=V(M,2),ae=z(ie);Ri(ae),Me(),F(ie),F(C),F(u);var oe=V(u,2),se=z(oe);let ce;var le=z(se,!0);F(se),F(oe);var ue=V(oe,2),de=V(z(ue),2);Y(de,17,()=>f,e=>e.token,(e,n)=>{{let r=I(()=>te(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var fe=V(de,2);{let e=I(()=>te(p)),n=I(()=>p.token in t.overrides);$(fe,{label:`Label size (all sizes)`,get value(){return U(e)},get min(){return p.min},get max(){return p.max},get step(){return p.step},unit:`×`,help:`--sf-btn-font-scale — multiplies every button's label, keeping the size ladder`,get overridden(){return U(n)},onChange:e=>e===p.default?t.onReset(p.token):t.onSet(p.token,String(e)),onReset:()=>t.onReset(p.token)})}var pe=V(fe,2),me=V(z(pe),2);Y(me,20,()=>a,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-btn-font-weight`]??`600`);var i=Bg(),a=z(i,!0);F(i),H(e=>{Z(i,e),X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer font-mono ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,n)},[()=>`font-weight:${parseInt(n)}`]),W(`click`,i,()=>n===`600`?t.onReset(`--sf-btn-font-weight`):t.onSet(`--sf-btn-font-weight`,n)),K(e,i)}),F(me),F(pe);var he=V(pe,2),ge=z(he),_e=z(ge);F(ge);var ve=V(ge,2);Y(ve,20,()=>m,e=>e,(e,n)=>{let r=I(()=>[`--sf-btn-${n}-font-size`,`--sf-btn-${n}-padding-block`,`--sf-btn-${n}-padding-inline`,`--sf-btn-${n}-min-height`].some(e=>e in t.overrides));var i=Hg(),a=z(i),o=V(a),s=e=>{K(e,Vg())};J(o,e=>{U(r)&&e(s)}),F(i),H(()=>{Q(i,`aria-pressed`,U(b)===n),X(i,1,`relative flex-1 py-1 rounded-md text-[10px] font-bold uppercase transition-all cursor-pointer ${U(b)===n?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(a,`${n??``} `)}),W(`click`,i,()=>{R(b,n,!0),R(D,n,!0)}),K(e,i)}),F(ve);var ye=V(ve,2),be=z(ye),xe=z(be);F(be);var Se=V(be,2);Y(Se,20,()=>n,e=>e,(e,t)=>{let r=I(()=>ne(U(x),`text`,n,U(S)));var i=Bg(),a=z(i,!0);F(i),H(()=>{Q(i,`aria-pressed`,U(r)===t),X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>re(U(x),`text`,t,U(S))),K(e,i)}),F(Se),F(ye),Y(V(ye,2),16,()=>[`pb`,`pi`,`mh`],e=>e,(e,n)=>{let r=I(()=>g(U(b),n));{let n=I(()=>te(U(r))),i=I(()=>U(r).token in t.overrides);$(e,{get label(){return U(r).label},get value(){return U(n)},get min(){return U(r).min},get max(){return U(r).max},get step(){return U(r).step},get unit(){return U(r).unit},get help(){return U(r).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(r).token,`${e}${U(r).unit}`),onReset:()=>t.onReset(U(r).token),get rawDefault(){return U(r).rawDefault},get variableOptions(){return U(r).variableOptions},get currentRaw(){return t.overrides[U(r).token]},onRawSet:e=>t.onSet(U(r).token,e)})}}),F(he);var Ce=V(he,2),we=e=>{var t=Ug();W(`click`,t,v),K(e,t)},Te=I(()=>Object.keys(t.overrides).some(e=>e.startsWith(`--sf-btn-`)));J(Ce,e=>{U(Te)&&e(we)}),F(ue),H((e,t,n,r,i)=>{X(A,1,e),Q(A,`title`,t),j.disabled=n,Q(oe,`data-theme`,ic.value),ce=X(se,1,r,null,ce,{"sf-is-loading":U(k)}),se.disabled=U(O),q(le,U(k)?`Loading`:`Button label`),q(_e,`Per-size (${i??``})`),q(xe,`Label size — ${U(x)??``}`)},[()=>`flex items-center gap-1.5 text-[9px] ${l.has(U(w))&&U(T)!==`soft`?`text-slate-500 cursor-pointer`:`text-slate-400 dark:text-slate-600 cursor-not-allowed`}`,()=>l.has(U(w))&&U(T)!==`soft`?`Paint the fill (or the outline ring) with the family gradient`:`Gradient covers the core-4 brand families (primary/secondary/tertiary/action) and is ignored under Soft`,()=>!l.has(U(w))||U(T)===`soft`,()=>vi(N()),()=>U(b).toUpperCase()]),qi(j,()=>U(E),e=>R(E,e)),qi(ee,()=>U(O),e=>R(O,e)),qi(ae,()=>U(k),e=>R(k,e)),K(e,i)},$$slots:{default:!0}}),cf(V(de,4),{title:`Card (.sf-card)`,get open(){return U(C)},set open(e){R(C,e,!0)},children:(e,a)=>{var o=Gg(),s=B(o),c=z(s);Pa(z(c),{class:`w-3 h-3 text-indigo-500/70 shrink-0`}),Me(4),F(c);var l=V(c,2),f=z(l),p=z(f);Ri(p),Me(),F(f);var m=V(f,2),h=z(m);Ri(h),Me(),F(m);var g=V(m,2),v=z(g);Ri(v),Me(),F(g),F(l),F(s);var y=V(s,2),b=z(y);F(y);var x=V(y,2),S=z(x);Y(S,17,()=>_,e=>e.token,(e,n)=>{{let r=I(()=>te(U(n))),i=I(()=>U(n).token in t.overrides);$(e,{get label(){return U(n).label},get value(){return U(r)},get min(){return U(n).min},get max(){return U(n).max},get step(){return U(n).step},get unit(){return U(n).unit},get help(){return U(n).token},get overridden(){return U(i)},onChange:e=>t.onSet(U(n).token,`${e}${U(n).unit}`),onReset:()=>t.onReset(U(n).token),get rawDefault(){return U(n).rawDefault},get variableOptions(){return U(n).variableOptions},get currentRaw(){return t.overrides[U(n).token]},onRawSet:e=>t.onSet(U(n).token,e)})}});var C=V(S,2),w=V(z(C),2),T=z(w,!0);F(w),F(C);var E=V(C,4),D=V(z(E),2);Y(D,21,()=>u,e=>e.step,(e,t)=>{let n=I(()=>ne(`--sf-card-bg`,`color`,u.map(e=>e.step),`surface`));var r=Bg(),i=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===U(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,U(t).label)}),W(`click`,r,()=>re(`--sf-card-bg`,`color`,U(t).step,`surface`)),K(e,r)}),F(D),F(E);var O=V(E,2),k=V(z(O),2);Y(k,21,()=>d,e=>e.step,(e,t)=>{let n=I(()=>ne(`--sf-card-border-color`,`color`,d.map(e=>e.step),`border`));var r=Bg(),i=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===U(t).step?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(i,U(t).label)}),W(`click`,r,()=>re(`--sf-card-border-color`,`color`,U(t).step,`border`)),K(e,r)}),F(k),F(O);var N=V(O,2),ie=V(z(N),2);Y(ie,20,()=>r,e=>e,(e,t)=>{let n=I(()=>ne(`--sf-card-shadow`,`shadow`,r,`s`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>re(`--sf-card-shadow`,`shadow`,t,`s`)),K(e,i)}),F(ie),F(N);var ae=V(N,2),oe=V(z(ae),2);Y(oe,20,()=>r,e=>e,(e,t)=>{let n=I(()=>ne(`--sf-card-shadow--elevated`,`shadow`,r,`l`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>re(`--sf-card-shadow--elevated`,`shadow`,t,`l`)),K(e,i)}),F(oe),F(ae);var ue=V(ae,2),de=V(z(ue),2);Y(de,20,()=>r,e=>e,(e,t)=>{let n=I(()=>ne(`--sf-card-shadow--hover`,`shadow`,r,`l`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>re(`--sf-card-shadow--hover`,`shadow`,t,`l`)),K(e,i)}),F(de),F(ue);var fe=V(ue,2),pe=V(z(fe),2);Y(pe,20,()=>i,e=>e,(e,t)=>{let n=I(()=>ne(`--sf-card-media-ratio`,`ratio`,i,`video`));var r=Bg(),a=z(r,!0);F(r),H(()=>{X(r,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(n)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,r,()=>re(`--sf-card-media-ratio`,`ratio`,t,`video`)),K(e,r)}),F(pe),F(fe);var me=V(fe,2),he=V(z(me),2);Y(he,20,()=>n,e=>e,(e,t)=>{let r=I(()=>ne(`--sf-card-heading-size`,`text`,n,`xl`));var i=Bg(),a=z(i,!0);F(i),H(()=>{X(i,1,`px-2 py-1 rounded-lg text-[10px] border transition-all cursor-pointer ${U(r)===t?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5`}`),q(a,t)}),W(`click`,i,()=>re(`--sf-card-heading-size`,`text`,t,`xl`)),K(e,i)}),F(he),F(me),F(x),H((e,t)=>{Q(y,`data-theme`,ic.value),X(b,1,e),q(T,t)},[()=>vi(ee()),()=>U(le)?`depends on variable`:`${(U(se)+U(ce)).toFixed(2)}rem`]),qi(p,()=>U(A),e=>R(A,e)),qi(h,()=>U(j),e=>R(j,e)),qi(v,()=>U(M),e=>R(M,e)),K(e,o)},$$slots:{default:!0}}),F(ue),K(e,ue),He()}Rr([`click`]);var Jg=G(`<div class="rounded-xl border border-dashed border-black/10 dark:border-white/10 p-6 text-center"><p class="text-[11px] text-slate-500 dark:text-slate-400">No saved themes yet.</p> <p class="text-[10px] text-slate-400 dark:text-slate-600 mt-1">Configure your tokens, then save them above.</p></div>`),Yg=G(`<div class="w-2.5 h-2.5 rounded-full border border-black/10 dark:border-white/10 shrink-0"></div>`),Xg=G(`<div class="flex items-center gap-1 bg-black/4 dark:bg-white/4 rounded px-1.5 py-0.5"><!> <span class="text-[8px] font-mono text-slate-400 dark:text-slate-600"> </span></div>`),Zg=G(`<span class="text-[8px] text-slate-400 dark:text-slate-600 px-1.5 py-0.5"> </span>`),Qg=G(`<div class="px-4 pb-3 flex flex-wrap gap-1"><!> <!></div>`),$g=G(`<div><div class="flex items-start gap-3 p-4"><span class="text-2xl leading-none shrink-0 mt-0.5"> </span> <div class="flex-1 min-w-0"><div class="text-[12px] font-bold text-slate-800 dark:text-slate-200 flex items-center gap-1.5"> <!></div> <div class="text-[10px] text-slate-500 mt-0.5 font-mono"> </div></div> <div class="flex items-center gap-1.5 shrink-0"><button class="px-3 py-1.5 rounded-lg text-[11px] font-bold bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-600/30 transition-all cursor-pointer">Apply</button> <button aria-label="Delete theme" class="p-1.5 rounded-lg border border-black/8 dark:border-white/8 text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:border-rose-500/30 transition-all cursor-pointer "><!></button></div></div> <!></div>`),e_=G(`<button class="w-full py-2 rounded-lg text-[11px] font-bold border border-rose-500/30 text-rose-600 dark:text-rose-400 hover:bg-rose-500/10 transition-all cursor-pointer">Reset all overrides</button>`),t_=G(`<div class="p-4 space-y-5 overflow-y-auto flex-1 h-full"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-1">Themes</div> <p class="text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed">Save your current configuration as a named theme, then re-apply it any time.
     Themes are stored in this browser.</p> <div class="rounded-xl border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 p-3 space-y-2"><div class="text-[10px] font-bold text-slate-600 dark:text-slate-400 uppercase tracking-widest">Save current</div> <div class="flex items-center gap-2"><input type="text" placeholder="Theme name" class="flex-1 min-w-0 bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <button class="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-[11px] font-bold bg-indigo-600/20 border border-indigo-500/30 text-indigo-700 dark:text-indigo-300 hover:bg-indigo-600/30 transition-all cursor-pointer shrink-0 disabled:opacity-40 disabled:cursor-not-allowed"><!> Save</button></div> <p class="text-[9px] text-slate-400 dark:text-slate-600"><!></p></div> <div class="space-y-2"><!></div> <!></div>`);function n_(e,t){Ve(t,!0);let n=L(Qt(jl())),r=L(``),i=I(()=>Object.keys(t.overrides).length);function a(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let o=I(()=>U(n).find(e=>a(e.overrides,t.overrides))?.id??``);function s(){U(i)!==0&&(R(n,Ml(U(r),t.overrides),!0),R(r,``))}function c(e){R(n,Nl(e),!0)}var l=t_(),u=V(z(l),4),d=V(z(u),2),f=z(d);Ri(f);var p=V(f,2);yo(z(p),{class:`w-3 h-3`}),Me(),F(p),F(d);var m=V(d,2),g=z(m),_=e=>{K(e,qr(`No active overrides yet — adjust some tokens first.`))},v=e=>{var t=qr();H(()=>q(t,`Captures all ${U(i)??``} active override${U(i)===1?``:`s`}.`)),K(e,t)};J(g,e=>{U(i)===0?e(_):e(v,-1)}),F(m),F(u);var y=V(u,2),b=z(y),x=e=>{K(e,Jg())},S=e=>{var r=Jr();Y(B(r),17,()=>U(n),e=>e.id,(e,n)=>{let r=I(()=>Object.keys(U(n).overrides).length);var i=$g(),a=z(i),s=z(a),l=z(s,!0);F(s);var u=V(s,2),d=z(u),f=z(d),p=V(f),m=e=>{ga(e,{class:`w-3 h-3 text-indigo-600 dark:text-indigo-400`})};J(p,e=>{U(o)===U(n).id&&e(m)}),F(d);var g=V(d,2),_=z(g);F(g),F(u);var v=V(u,2),y=z(v),b=V(y,2);Vo(z(b),{class:`w-3.5 h-3.5`}),F(b),F(v),F(a);var x=V(a,2),S=e=>{var t=Qg(),i=z(t);Y(i,17,()=>Object.entries(U(n).overrides).slice(0,5),([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=Xg(),o=z(a),s=e=>{var t=Yg();let n;H(()=>n=Z(t,``,n,{background:i()})),K(e,t)},c=I(()=>r().includes(`color`)||r().includes(`source`));J(o,e=>{U(c)&&e(s)});var l=V(o,2),u=z(l,!0);F(l),F(a),H(e=>q(u,e),[()=>r().replace(`--sf-`,``)]),K(e,a)});var a=V(i,2),o=e=>{var t=Zg(),n=z(t);F(t),H(()=>q(n,`+${U(r)-5} more`)),K(e,t)};J(a,e=>{U(r)>5&&e(o)}),F(t),K(e,t)};J(x,e=>{U(r)>0&&e(S)}),F(i),H(()=>{X(i,1,`group rounded-xl border transition-all overflow-hidden ${U(o)===U(n).id?`border-indigo-500/40 bg-indigo-500/10`:`border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 hover:bg-black/6 dark:hover:bg-white/6 hover:border-black/14 dark:hover:border-white/14`}`),q(l,U(n).icon),q(f,`${U(n).name??``} `),q(_,`${U(r)??``} override${U(r)===1?``:`s`}`)}),W(`click`,y,()=>t.onApplyTheme(U(n).overrides)),W(`click`,b,()=>c(U(n).id)),K(e,i)}),K(e,r)};J(b,e=>{U(n).length===0?e(x):e(S,-1)}),F(y);var C=V(y,2),w=e=>{var n=e_();W(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),K(e,n)};J(C,e=>{U(i)>0&&e(w)}),F(l),H(()=>p.disabled=U(i)===0),W(`keydown`,f,e=>{e.key===`Enter`&&s()}),Ki(f,()=>U(r),e=>R(r,e)),W(`click`,p,s),K(e,l),He()}Rr([`keydown`,`click`]);var r_={_sync:{generatedBy:`configurator/scripts/sync-api.mjs`,source:`docs/token-renames.json`},renames:{"--sf-color-primary-light":`--sf-color-primary-source-light`,"--sf-color-primary-dark":`--sf-color-primary-source-dark`,"--sf-color-secondary-light":`--sf-color-secondary-source-light`,"--sf-color-secondary-dark":`--sf-color-secondary-source-dark`,"--sf-color-tertiary-light":`--sf-color-tertiary-source-light`,"--sf-color-tertiary-dark":`--sf-color-tertiary-source-dark`,"--sf-color-action-light":`--sf-color-action-source-light`,"--sf-color-action-dark":`--sf-color-action-source-dark`,"--sf-color-neutral-light":`--sf-color-neutral-source-light`,"--sf-color-neutral-dark":`--sf-color-neutral-source-dark`,"--sf-color-base-light":`--sf-color-base-source-light`,"--sf-color-base-dark":`--sf-color-base-source-dark`,"--sf-color-success-light":`--sf-color-success-source-light`,"--sf-color-success-dark":`--sf-color-success-source-dark`,"--sf-color-warning-light":`--sf-color-warning-source-light`,"--sf-color-warning-dark":`--sf-color-warning-source-dark`,"--sf-color-info-light":`--sf-color-info-source-light`,"--sf-color-info-dark":`--sf-color-info-source-dark`,"--sf-color-danger-light":`--sf-color-danger-source-light`,"--sf-color-danger-dark":`--sf-color-danger-source-dark`,"--sf-color-error":`--sf-color-danger`,"--sf-color-error-subtle":`--sf-color-danger-subtle`,"--sf-color-error-muted":`--sf-color-danger-muted`,"--sf-color-error-strong":`--sf-color-danger-strong`,"--sf-color-error-source-light":`--sf-color-danger-source-light`,"--sf-color-error-source-dark":`--sf-color-danger-source-dark`,"--sf-color-primary-ghost":`--sf-color-primary-tint`,"--sf-color-secondary-ghost":`--sf-color-secondary-tint`,"--sf-color-tertiary-ghost":`--sf-color-tertiary-tint`,"--sf-color-action-ghost":`--sf-color-action-tint`,"--sf-color-neutral-ghost":`--sf-color-neutral-tint`,"--sf-color-base-ghost":`--sf-color-base-tint`,"--sf-color-base-superlight":`--sf-color-base-50`,"--sf-color-base-xlight":`--sf-color-base-200`,"--sf-color-base-lighter":`--sf-color-base-400`,"--sf-color-base-darker":`--sf-color-base-600`,"--sf-color-base-xdark":`--sf-color-base-800`,"--sf-color-base-superdark":`--sf-color-base-950`,"--sf-color-text--on-surface":`--sf-color-text--on-base`,"--sf-color-text--secondary":`--sf-color-text--subtle`,"--sf-z-low":`--sf-z-sticky`,"--sf-z-mid":`--sf-z-fixed`,"--sf-z-high":`--sf-z-dropdown`,"--sf-z-top":`--sf-z-toast`,"--sf-avatar-size":`--sf-card-avatar-size`,"--sf-caret-color":`--sf-color-caret`},removals:{"--sf-z-max":`Ambiguous by design: 0.6.0 split the old top rung into --sf-z-overlay (1030) and --sf-z-modal (1040). Pick the one matching your element's role — this is not auto-migrated because the wrong choice silently reorders your stacking context.`,"--sf-blur-xs":`Removed in 0.6.0 — use --sf-blur (single default) or an inline blur(Npx).`,"--sf-blur-s":`Removed in 0.6.0 — use --sf-blur (single default) or an inline blur(Npx).`,"--sf-blur-m":`Removed in 0.6.0 — use --sf-blur (single default) or an inline blur(Npx).`,"--sf-blur-l":`Removed in 0.6.0 — use --sf-blur (single default) or an inline blur(Npx).`,"--sf-blur-xl":`Removed in 0.6.0 — use --sf-blur (single default) or an inline blur(Npx).`,"--sf-opacity-0":`Removed in 0.6.0 — use --sf-opacity-muted / --sf-opacity-disabled, or a literal value.`,"--sf-opacity-10":`Removed in 0.6.0 — use --sf-opacity-muted / --sf-opacity-disabled, or a literal value.`,"--sf-opacity-25":`Removed in 0.6.0 — use --sf-opacity-muted / --sf-opacity-disabled, or a literal value.`,"--sf-opacity-50":`Removed in 0.6.0 — use --sf-opacity-muted (0.5), or a literal value.`,"--sf-opacity-75":`Removed in 0.6.0 — use --sf-opacity-muted / --sf-opacity-disabled, or a literal value.`,"--sf-opacity-100":`Removed in 0.6.0 — use --sf-opacity-muted / --sf-opacity-disabled, or a literal value.`,"--sf-stroke-thin":`Removed in 0.6.0 — use an SVG stroke-width="N" attribute or a --sf-border-width-* token.`,"--sf-stroke-regular":`Removed in 0.6.0 — use an SVG stroke-width="N" attribute or a --sf-border-width-* token.`,"--sf-stroke-bold":`Removed in 0.6.0 — use an SVG stroke-width="N" attribute or a --sf-border-width-* token.`,"--sf-stroke-heavy":`Removed in 0.6.0 — use an SVG stroke-width="N" attribute or a --sf-border-width-* token.`,"--sf-col-width-s":`Removed in 0.6.0 — set the column-width property directly.`,"--sf-col-width-m":`Removed in 0.6.0 — set the column-width property directly.`,"--sf-col-width-l":`Removed in 0.6.0 — set the column-width property directly.`,"--sf-col-rule-width-s":`Removed in 0.6.0 — set the column-rule-width property directly.`,"--sf-col-rule-width-m":`Removed in 0.6.0 — set the column-rule-width property directly.`,"--sf-col-rule-width-l":`Removed in 0.6.0 — set the column-rule-width property directly.`,"--sf-font-weight-thin":`Removed in 0.6.0 — write font-weight: 100 inline, or re-tune a role token (--sf-font-weight-{body,heading,display,interactive,strong}).`,"--sf-font-weight-extralight":`Removed in 0.6.0 — write font-weight: 200 inline, or re-tune a role token.`,"--sf-font-weight-extrabold":`Removed in 0.6.0 — write font-weight: 800 inline, or re-tune a role token.`,"--sf-font-weight-black":`Removed in 0.6.0 — write font-weight: 900 inline, or re-tune a role token.`,"--sf-fluid-custom-1":`Removed in 0.6.0 — write a clamp() directly. --sf-fluid-min-vw / --sf-fluid-max-vw are unchanged.`,"--sf-fluid-custom-2":`Removed in 0.6.0 — write a clamp() directly. --sf-fluid-min-vw / --sf-fluid-max-vw are unchanged.`,"--sf-fluid-custom-3":`Removed in 0.6.0 — write a clamp() directly. --sf-fluid-min-vw / --sf-fluid-max-vw are unchanged.`,"--sf-truncate-suffix":`Removed in 0.6.0 — it was never read. .sf-truncate uses text-overflow: ellipsis.`,"--sf-corner-scoop-size":`Removed before 1.0 together with the .sf-corner-scoop macro (issue #484): a single absolute size needed per-element tuning to read well at both button and hero scale, and the mask clipped box-shadow/border.`,"--sf-aspect":`Removed in the lean cut (#681) with the .sf-aspect macro — set aspect-ratio directly, or use a named .sf-frame--* ratio. Named frame ratios remain.`,"--sf-overlap-pull":`Removed in the lean cut (#681) with the .sf-overlap recipe — apply a negative logical margin directly on the overlapping element.`,"--sf-density":`Removed in the lean cut (#681): its scope (the --sf-size-* rung ladder) was far narrower than the name implied. Override the individual --sf-size-* rungs, or the per-component size tokens, to compact controls.`,"--sf-font-humanist":`Removed in the lean cut (#681) — declare the font-family stack directly, or point a core family token (--sf-font-body/-heading/-display) at your stack.`,"--sf-font-geometric":`Removed in the lean cut (#681) — declare the font-family stack directly, or point a core family token (--sf-font-body/-heading/-display) at your stack.`,"--sf-font-slab":`Removed in the lean cut (#681) — declare the font-family stack directly, or point a core family token (--sf-font-body/-heading/-display) at your stack.`,"--sf-print-base-size":`Removed in the lean cut (#681) — set body font-size inside your own @media print rule.`,"--sf-print-page-margin":`Removed in the lean cut (#681) — set @page margin in your own @media print rule.`,"--sf-print-page-size":`Removed in the lean cut (#681) — set @page size in your own @media print rule.`}},i_=`https://slashed.codeslash.dev/schema/theme/v1.json`,a_=/^--sf-[a-z0-9-]+$/,o_=/[;{}]|\/\*|\*\//,s_=/[\u0000-\u001f\u007f]/,c_=r_.renames??{},l_=r_.removals??{};function u_(e){let t={};for(let n of Object.keys(e).sort())t[n]=e[n];return t}function d_(e){let t=[],n=e=>(t.push(e),{theme:null,errors:t});if(!e||typeof e!=`object`||Array.isArray(e))return n(`theme file must be a JSON object.`);let{schemaVersion:r,overrides:i,name:a,slashedVersion:o}=e;if(!Number.isInteger(r))return n("`schemaVersion` is missing or not an integer.");if(r<1)return n(`\`schemaVersion\` must be >= 1 (got ${r}).`);if(r>1)return n(`\`schemaVersion\` ${r} is newer than this SLASHED understands (max 1). Upgrade SLASHED to read this file.`);if(!i||typeof i!=`object`||Array.isArray(i))return n("`overrides` is missing or not an object.");a!=null&&typeof a!=`string`&&t.push("`name` must be a string when present."),typeof a==`string`&&s_.test(a)&&t.push("`name` contains control characters."),o!=null&&typeof o!=`string`&&t.push("`slashedVersion` must be a string when present.");let s={};for(let[e,n]of Object.entries(i)){if(!a_.test(e)){t.push(`overrides["${e}"]: not a well-formed --sf-* token name.`);continue}if(typeof n!=`string`){t.push(`overrides["${e}"]: value must be a string (got ${typeof n}).`);continue}if(o_.test(n)){t.push(`overrides["${e}"]: value contains CSS-breaking characters (; { } or comment markers).`);continue}let r=n.replace(/\s+/g,` `).trim();if(s_.test(r)){t.push(`overrides["${e}"]: value contains control characters.`);continue}if(r===``){t.push(`overrides["${e}"]: value is empty. Remove the entry to leave the token at its default.`);continue}s[e]=r}return t.length?{theme:null,errors:t}:{theme:{schemaVersion:r,slashedVersion:typeof o==`string`?o:null,name:typeof a==`string`?a:null,overrides:s},errors:[]}}function f_(e){let t;try{t=JSON.parse(e)}catch(e){return{theme:null,errors:[`not valid JSON (${e.message}).`]}}return d_(t)}function p_(e,t={}){let n={},r=[],i=[],a=[],o=[];for(let s of Object.keys(e).sort()){let c=e[s];if(Object.prototype.hasOwnProperty.call(l_,s)){i.push({name:s,reason:l_[s]});continue}let l=c_[s];if(l){if(Object.prototype.hasOwnProperty.call(e,l)){o.push({from:s,to:l,kept:e[l]});continue}if(Object.prototype.hasOwnProperty.call(n,l)){o.push({from:s,to:l,kept:n[l]});continue}n[l]=c,r.push({from:s,to:l});continue}t.live&&!t.live.has(s)&&a.push(s),n[s]=c}return{overrides:u_(n),renamed:r,removed:i,unknown:a,collisions:o}}function m_(e){let t={$schema:i_,schemaVersion:1,...e.slashedVersion?{slashedVersion:e.slashedVersion}:{},...e.name?{name:e.name}:{},overrides:u_(e.overrides??{})};return`${JSON.stringify(t,null,2)}\n`}async function h_(e,t){let{theme:n,errors:r}=f_(await e.text());if(!n)return{overrides:null,name:null,errors:r,notes:[]};let i=p_(n.overrides,{live:t}),a=[];for(let{from:e,to:t}of i.renamed)a.push(`renamed ${e} → ${t}`);for(let{from:e,to:t}of i.collisions)a.push(`dropped ${e} (${t} already set)`);for(let{name:e,reason:t}of i.removed)a.push(`removed ${e} — ${t}`);for(let e of i.unknown)a.push(`unknown ${e} (kept)`);return{overrides:i.overrides,name:n.name,errors:[],notes:a}}var g_=G(`<!> <span class="text-emerald-600 dark:text-emerald-400">Link copied!</span>`,1),__=G(`<!> Copy shareable link`,1),v_=G(`<div class="text-[10px] text-red-700/80 dark:text-red-300/80 leading-relaxed font-mono"> </div>`),y_=G(`<div class="rounded-lg bg-red-500/8 border border-red-500/20 p-3 space-y-1"><div class="flex items-center gap-1.5 text-[10px] font-bold text-red-700 dark:text-red-300"><!> Import refused — nothing was changed</div> <!></div>`),b_=G(`<div class="text-[10px] text-amber-700/80 dark:text-amber-300/80 leading-relaxed font-mono"> </div>`),x_=G(`<div class="rounded-lg bg-amber-500/8 border border-amber-500/20 p-3 space-y-1"><div class="text-[10px] font-bold text-amber-700 dark:text-amber-300"> </div> <!></div>`),S_=G(`<div class="p-4 space-y-4 overflow-y-auto flex-1 h-full"><div><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-1">Export</div> <p class="text-[11px] text-slate-600 dark:text-slate-400 leading-relaxed"> </p></div> <button class="w-full flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[11px] font-bold text-slate-700 dark:text-slate-300 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-900 dark:hover:text-white transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"><!></button> <div><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest mb-2">CSS output</div> <div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded-lg p-0.5"><button>@layer</button> <button>:root</button></div></div> <div class="relative"><pre class="bg-slate-100 dark:bg-[#06060a] border border-black/8 dark:border-white/8 rounded-xl p-4 text-[10px] font-mono text-slate-700 dark:text-slate-300 overflow-x-auto max-h-80 whitespace-pre-wrap"> </pre> <div class="absolute top-2 right-2 flex gap-1"><button class="p-1.5 rounded-lg bg-black/5 dark:bg-white/5 hover:bg-black/12 dark:hover:bg-white/12 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-all cursor-pointer border border-black/8 dark:border-white/8" title="Copy to clipboard"><!></button> <button class="p-1.5 rounded-lg bg-black/5 dark:bg-white/5 hover:bg-black/12 dark:hover:bg-white/12 text-slate-600 dark:text-slate-400 hover:text-slate-900 dark:hover:text-white transition-all cursor-pointer border border-black/8 dark:border-white/8" title="Download .css"><!></button></div></div> <div class="space-y-2"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Theme file</div> <p class="text-[10px] text-slate-600 dark:text-slate-400 leading-relaxed">A named, sorted JSON snapshot you can commit next to your CSS and review in a diff.
-      Importing one migrates tokens renamed since it was written.</p> <div class="flex gap-2"><button class="flex-1 flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"><!> Download .json</button> <button class="flex-1 flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer"><!> Import…</button></div> <input type="file" accept="application/json,.json" class="hidden"/> <!> <!></div> <button class="w-full flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"><!> Download W3C Design Tokens (.json)</button> <div class="rounded-lg bg-indigo-500/8 border border-indigo-500/15 p-3 space-y-2"><div class="text-[10px] font-bold text-indigo-700 dark:text-indigo-300">Usage</div> <div class="text-[10px] text-slate-600 dark:text-slate-400 leading-relaxed">Paste this CSS into your project after the SLASHED import.</div> <pre class="text-[9px] font-mono text-slate-500 bg-black/30 rounded p-2 overflow-x-auto"></pre></div></div>`);function C_(e,t){Ve(t,!0);let n=na(t,`tokens`,19,()=>[]),r=window.__SLASHED_FW_VERSION__===void 0?void 0:window.__SLASHED_FW_VERSION__,i=L(`layer`),a=L(!1),o=L(!1),s=L(Qt([])),c=L(Qt([])),l=L(null),u=I(()=>new Set(n().map(e=>e.name)));function d(){let e=m_({overrides:t.overrides,slashedVersion:r}),n=new Blob([e],{type:`application/json`}),i=URL.createObjectURL(n),a=document.createElement(`a`);a.href=i,a.download=`slashed-theme.json`,a.click(),URL.revokeObjectURL(i)}async function f(e){let n=e.target,r=n.files?.[0];if(!r)return;R(s,[],!0),R(c,[],!0);let i=await h_(r,U(u));i.overrides?(R(s,i.notes,!0),t.onApplyTheme?.(i.overrides)):R(c,i.errors,!0),n.value=``}let p=I(()=>yl(t.overrides,{mode:U(i),banner:!0})),m=I(()=>Object.keys(t.overrides).length);async function h(){try{await navigator.clipboard.writeText(U(p)),R(a,!0),setTimeout(()=>{R(a,!1)},2e3)}catch{}}async function g(){try{let e=wl(t.overrides,Jl());await navigator.clipboard.writeText(e),R(o,!0),setTimeout(()=>{R(o,!1)},2e3)}catch{}}function _(){let e=new Blob([U(p)],{type:`text/css`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`slashed-overrides.css`,n.click(),URL.revokeObjectURL(t)}function v(e){return e.includes(`color`)||e.includes(`scrim-color`)||e.includes(`shadow-color`)?`color`:e.includes(`duration`)||e.includes(`delay`)||e.includes(`transition-duration`)?`duration`:e.includes(`radius`)||e.includes(`space`)||e.includes(`size`)||e.includes(`width`)||e.includes(`height`)||e.includes(`gap`)||e.includes(`blur`)||e.includes(`text-`)||e.includes(`leading`)||e.includes(`tracking`)?`dimension`:e.includes(`font-family`)||e.includes(`font-mono`)||e.includes(`font-body`)||e.includes(`font-heading`)||e.includes(`font-code`)?`fontFamily`:e.includes(`font-weight`)||e.includes(`weight`)?`fontWeight`:`string`}function y(){let e={};for(let[n,r]of Object.entries(t.overrides)){let t=n.replace(/^--sf-/,``).replace(/-/g,`.`);e[t]={$value:r,$type:v(n)}}let n=JSON.stringify({$schema:`https://design-tokens.github.io/community-group/format/`,...e},null,2),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`slashed-tokens.w3c.json`,a.click(),URL.revokeObjectURL(i)}var b=S_(),x=z(b),S=V(z(x),2),C=z(S,!0);F(S),F(x);var w=V(x,2),T=z(w),E=e=>{var t=g_();ga(B(t),{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`}),Me(2),K(e,t)},D=e=>{var t=__();Wa(B(t),{class:`w-3 h-3`}),Me(),K(e,t)};J(T,e=>{U(o)?e(E):e(D,-1)}),F(w);var O=V(w,2),k=V(z(O),2),A=z(k),j=V(A,2);F(k),F(O);var M=V(O,2),ee=z(M),te=z(ee,!0);F(ee);var ne=V(ee,2),re=z(ne),ie=z(re),ae=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},oe=e=>{Oa(e,{class:`w-3 h-3`})};J(ie,e=>{U(a)?e(ae):e(oe,-1)}),F(re);var N=V(re,2);Aa(z(N),{class:`w-3 h-3`}),F(N),F(ne),F(M);var se=V(M,2),ce=V(z(se),4),le=z(ce);Aa(z(le),{class:`w-3 h-3`}),Me(),F(le);var ue=V(le,2);Zo(z(ue),{class:`w-3 h-3`}),Me(),F(ue),F(ce);var de=V(ce,2);Zi(de,e=>R(l,e),()=>U(l));var fe=V(de,2),pe=e=>{var t=y_(),n=z(t);Uo(z(n),{class:`w-3 h-3`}),Me(),F(n),Y(V(n,2),17,()=>U(c),ni,(e,t)=>{var n=v_(),r=z(n,!0);F(n),H(()=>q(r,U(t))),K(e,n)}),F(t),K(e,t)};J(fe,e=>{U(c).length&&e(pe)});var me=V(fe,2),he=e=>{var t=x_(),n=z(t),r=z(n);F(n),Y(V(n,2),17,()=>U(s),ni,(e,t)=>{var n=b_(),r=z(n,!0);F(n),H(()=>q(r,U(t))),K(e,n)}),F(t),H(()=>q(r,`Imported with ${U(s).length??``} adjustment${U(s).length===1?``:`s`}`)),K(e,t)};J(me,e=>{U(s).length&&e(he)}),F(se);var ge=V(se,2);Aa(z(ge),{class:`w-3 h-3`}),Me(),F(ge);var _e=V(ge,2),ve=V(z(_e),4);ve.textContent=`@import 'slashed/slashed.full.css';
-@import './slashed-overrides.css';`,F(_e),F(b),H(()=>{q(C,U(m)>0?`${U(m)} override${U(m)===1?``:`s`} ready to export.`:`No overrides yet. Customise tokens, then export.`),w.disabled=U(m)===0,X(A,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${U(i)===`layer`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),X(j,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${U(i)===`root`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),q(te,U(p)||`/* No overrides */`),le.disabled=U(m)===0,ge.disabled=U(m)===0}),W(`click`,w,g),W(`click`,A,()=>{R(i,`layer`)}),W(`click`,j,()=>{R(i,`root`)}),W(`click`,re,h),W(`click`,N,_),W(`click`,le,d),W(`click`,ue,()=>U(l)?.click()),W(`change`,de,f),W(`click`,ge,y),K(e,b),He()}Rr([`click`,`change`]);var w_=G(`<div class="text-[11px] text-slate-400 dark:text-slate-600 py-8 text-center"> </div>`),T_=G(`<div class="text-[8px] text-slate-400 dark:text-slate-600 uppercase tracking-widest pt-2 pb-1 font-semibold"> </div>`),E_=G(`<span> </span>`),D_=G(`<span class="text-[8px] text-slate-400 dark:text-slate-600 border border-black/10 dark:border-white/10 px-1 rounded">optional</span>`),O_=G(`<div class="text-[9px] text-slate-500 mt-0.5 leading-relaxed"> </div>`),k_=G(`<div class="flex items-start gap-2 group py-1 px-2 rounded-lg hover:bg-black/4 dark:hover:bg-white/4 transition-colors"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><span class="font-mono text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!> <!></div> <!></div> <button title="Copy selector" class="shrink-0 opacity-40 hover:opacity-100 transition-opacity cursor-pointer p-1 rounded hover:bg-black/8 dark:hover:bg-white/8"><!></button></div>`),A_=G(`<!> <div class="space-y-0.5"></div>`,1),j_=G(`<div class="mt-4 mb-1"><div class="text-[9px] font-bold text-slate-500 uppercase tracking-widest py-1 border-b border-black/6 dark:border-white/6"> </div></div> <!>`,1),M_=G(`<span class="text-[8px] font-bold text-indigo-600 dark:text-indigo-400 uppercase">knob</span>`),N_=G(`<span class="text-[8px] text-amber-700/80 dark:text-amber-500/80 border border-amber-500/20 px-1 rounded">advanced</span>`),P_=G(`<div class="font-mono text-[9px] text-slate-400 dark:text-slate-600 mt-0.5"> </div>`),F_=G(`<div class="flex items-start gap-2 group py-1 px-2 rounded-lg hover:bg-black/4 dark:hover:bg-white/4 transition-colors"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><span class="font-mono text-[10px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!> <!></div> <!> <!></div> <button title="Copy var()" class="shrink-0 opacity-40 hover:opacity-100 transition-opacity cursor-pointer p-1 rounded hover:bg-black/8 dark:hover:bg-white/8"><!></button></div>`),I_=G(`<div class="flex flex-col h-full min-h-0"><div class="px-4 pt-4 pb-2 space-y-2 shrink-0"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Classes &amp; Variables</div> <input type="search" placeholder="Search classes, tokens, descriptions…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-2 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <div class="flex bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"><button> </button> <button> </button></div></div> <div class="flex-1 min-h-0 overflow-y-auto px-4 pb-4"><!></div></div>`);function L_(e,t){Ve(t,!0);let n=fs.classes,r=ds.tokens.filter(e=>e.tier===`PUBLIC`||e.tier===`PUBLIC-ADVANCED`),i=L(``),a=L(`classes`),o=L(``),s=I(()=>()=>{let e=U(i).trim().toLowerCase();return e?n.filter(t=>t.name.toLowerCase().includes(e)||t.selector?.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)):n}),c=I(()=>()=>{let e=U(i).trim().toLowerCase();return e?r.filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)||t.value?.toLowerCase().includes(e)):r});function l(e){let t=new Map;for(let n of e){let e=n.category||`Other`,r=n.group||``;t.has(e)||t.set(e,new Map);let i=t.get(e);i.has(r)||i.set(r,[]),i.get(r).push(n)}return t}let u=I(()=>l(U(s)())),d=I(()=>l(U(c)())),f=null;async function p(e){try{await navigator.clipboard.writeText(e),R(o,e,!0),f&&clearTimeout(f),f=setTimeout(()=>{U(o)===e&&R(o,``),f=null},1500)}catch{}}let m={layout:`text-violet-600 dark:text-violet-400`,macro:`text-sky-600 dark:text-sky-400`,state:`text-amber-600 dark:text-amber-400`,accessibility:`text-emerald-600 dark:text-emerald-400`,motion:`text-pink-600 dark:text-pink-400`,print:`text-slate-600 dark:text-slate-400`,form:`text-orange-600 dark:text-orange-400`,component:`text-indigo-600 dark:text-indigo-400`,theme:`text-teal-600 dark:text-teal-400`};var g=I_(),_=z(g),v=V(z(_),2);Ri(v);var y=V(v,2),b=z(y),x=z(b);F(b);var S=V(b,2),C=z(S);F(S),F(y),F(_);var w=V(_,2),T=z(w),E=e=>{var t=Jr(),n=B(t),r=e=>{var t=w_(),n=z(t);F(t),H(()=>q(n,`No classes match "${U(i)??``}"`)),K(e,t)},a=I(()=>U(s)().length===0),c=e=>{var t=Jr();Y(B(t),17,()=>[...U(u).entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=j_(),s=B(a),c=z(s),l=z(c,!0);F(c),F(s),Y(V(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=A_(),s=B(a),c=e=>{var t=T_(),n=z(t,!0);F(t),H(()=>q(n,r())),K(e,t)};J(s,e=>{r()&&e(c)});var l=V(s,2);Y(l,21,i,e=>e.name,(e,t)=>{var n=k_(),r=z(n),i=z(r),a=z(i),s=z(a,!0);F(a);var c=V(a,2),l=e=>{var n=E_(),r=z(n,!0);F(n),H(()=>{X(n,1,`text-[8px] font-bold uppercase ${m[U(t).kind]??`text-slate-500`}`),q(r,U(t).kind)}),K(e,n)};J(c,e=>{U(t).kind&&e(l)});var u=V(c,2),d=e=>{K(e,D_())};J(u,e=>{U(t).optional&&e(d)}),F(i);var f=V(i,2),h=e=>{var n=O_(),r=z(n,!0);F(n),H(()=>q(r,U(t).description)),K(e,n)};J(f,e=>{U(t).description&&e(h)}),F(r);var g=V(r,2),_=z(g),v=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},y=e=>{Oa(e,{class:`w-3 h-3 text-slate-500`})};J(_,e=>{U(o)===U(t).selector?e(v):e(y,-1)}),F(g),F(n),H(()=>q(s,U(t).selector)),W(`click`,g,()=>p(U(t).selector)),K(e,n)}),F(l),K(e,a)}),H(()=>q(l,r())),K(e,a)}),K(e,t)};J(n,e=>{U(a)?e(r):e(c,-1)}),K(e,t)},D=e=>{var t=Jr(),n=B(t),r=e=>{var t=w_(),n=z(t);F(t),H(()=>q(n,`No tokens match "${U(i)??``}"`)),K(e,t)},a=I(()=>U(c)().length===0),s=e=>{var t=Jr();Y(B(t),17,()=>[...U(d).entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=j_(),s=B(a),c=z(s),l=z(c,!0);F(c),F(s),Y(V(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=A_(),s=B(a),c=e=>{var t=T_(),n=z(t,!0);F(t),H(()=>q(n,r())),K(e,t)};J(s,e=>{r()&&e(c)});var l=V(s,2);Y(l,21,i,e=>e.name,(e,t)=>{var n=F_(),r=z(n),i=z(r),a=z(i),s=z(a,!0);F(a);var c=V(a,2),l=e=>{K(e,M_())};J(c,e=>{U(t).role===`knob`&&e(l)});var u=V(c,2),d=e=>{K(e,N_())};J(u,e=>{U(t).tier===`PUBLIC-ADVANCED`&&e(d)}),F(i);var f=V(i,2),m=e=>{var n=P_(),r=z(n,!0);F(n),H(()=>q(r,U(t).value)),K(e,n)};J(f,e=>{U(t).value&&e(m)});var h=V(f,2),g=e=>{var n=O_(),r=z(n,!0);F(n),H(()=>q(r,U(t).description)),K(e,n)};J(h,e=>{U(t).description&&e(g)}),F(r);var _=V(r,2),v=z(_),y=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},b=e=>{Oa(e,{class:`w-3 h-3 text-slate-500`})};J(v,e=>{U(o)===`var(${U(t).name})`?e(y):e(b,-1)}),F(_),F(n),H(()=>q(s,U(t).name)),W(`click`,_,()=>p(`var(${U(t).name})`)),K(e,n)}),F(l),K(e,a)}),H(()=>q(l,r())),K(e,a)}),K(e,t)};J(n,e=>{U(a)?e(r):e(s,-1)}),K(e,t)};J(T,e=>{U(a)===`classes`?e(E):e(D,-1)}),F(w),F(g),H((e,t)=>{X(b,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${U(a)===`classes`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(x,`CSS classes (${e??``})`),X(S,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${U(a)===`tokens`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(C,`CSS vars (${t??``})`)},[()=>U(s)().length,()=>U(c)().length]),Ki(v,()=>U(i),e=>R(i,e)),W(`click`,b,()=>{R(a,`classes`)}),W(`click`,S,()=>{R(a,`tokens`)}),K(e,g),He()}Rr([`click`]);var R_=/\b(?:var|calc|clamp|min|max|env)\s*\(/;function z_(e){return!!e&&R_.test(e)}function B_(e){return e===void 0?`inherit`:z_(e)?`expression`:`value`}var V_=G(`<button> </button>`),H_=G(`<div class="flex items-center gap-1.5 px-2 py-1.5 rounded-md bg-rose-500/10 border border-rose-500/20"><span class="text-[9px] text-rose-700 dark:text-rose-300 leading-snug flex-1 min-w-0">Discard this override and inherit <span class="font-mono"> </span>?</span> <button class="shrink-0 px-1.5 py-0.5 rounded text-[9px] font-bold text-slate-600 dark:text-slate-300 bg-black/5 dark:bg-white/10 hover:bg-black/10 dark:hover:bg-white/15 transition-colors cursor-pointer">Cancel</button> <button class="shrink-0 px-1.5 py-0.5 rounded text-[9px] font-bold text-white bg-rose-600 hover:bg-rose-500 transition-colors cursor-pointer">Reset</button></div>`),U_=G(`<option> </option>`),W_=G(`<select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[10px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500 cursor-pointer"><option>Relink to a scale step…</option><!></select>`),G_=G(`<div class="text-[10px] font-mono text-slate-500 dark:text-slate-500">default: <span class="text-slate-600 dark:text-slate-400"> </span></div> <!>`,1),K_=G(`<input type="text" spellcheck="false" class="w-full bg-black/8 dark:bg-white/8 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500"/>`),q_=G(`<div class="space-y-1"><div class="flex items-center gap-0.5 p-0.5 rounded-md bg-black/5 dark:bg-white/5 w-fit"></div> <!> <!></div>`);function J_(e,t){Ve(t,!0);let n=na(t,`scaleOptions`,19,()=>[]),r=L(null),i=I(()=>U(r)??B_(t.overrideValue)),a=L(``),o=L(!1),s=L(!1),c=L(!1);wn(()=>{t.overrideValue,R(r,null),R(c,!1)}),wn(()=>{U(o)||R(a,t.overrideValue??t.token.value??``,!0)});let l=`__sf_relink__`;function u(e){let n=e.trim();!n||n===t.token.value?t.onReset():t.onSet(n)}function d(e){if(e===`inherit`){if(t.overrideValue===void 0){R(r,null),R(c,!1);return}R(c,!0);return}R(c,!1),R(r,e,!0)}function f(){R(c,!1),R(r,null),t.onReset()}let p=[{id:`inherit`,label:`Inherit`},{id:`value`,label:`Value`},{id:`expression`,label:`Expression`}];var m=q_(),h=z(m);Y(h,21,()=>p,e=>e.id,(e,t)=>{let n=I(()=>U(c)?U(t).id===`inherit`:U(i)===U(t).id);var r=V_(),a=z(r,!0);F(r),H(()=>{Q(r,`aria-pressed`,U(n)),X(r,1,`px-1.5 py-0.5 rounded text-[9px] font-bold transition-colors cursor-pointer ${U(n)?`bg-white dark:bg-slate-700 text-indigo-700 dark:text-indigo-300 shadow-sm`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(a,U(t).label)}),W(`click`,r,()=>d(U(t).id)),K(e,r)}),F(h);var g=V(h,2),_=e=>{var n=H_(),r=z(n),i=V(z(r)),a=z(i,!0);F(i),Me(),F(r);var o=V(r,2),s=V(o,2);F(n),H(()=>q(a,t.token.value)),W(`click`,o,()=>{R(c,!1)}),W(`click`,s,f),K(e,n)};J(g,e=>{U(c)&&e(_)});var v=V(g,2),y=e=>{var r=G_(),i=B(r),a=V(z(i)),o=z(a,!0);F(a),F(i);var s=V(i,2),c=e=>{var r=W_(),i=z(r);i.value=i.__value=l,Y(V(i),17,n,e=>e.value,(e,t)=>{var n=U_(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)}),F(r),r.value=r.__value=l,Ti(r,l),Ei(r),H(()=>Q(r,`aria-label`,`Relink ${t.token.name}`)),W(`change`,r,e=>{let n=e.target.value;n!==l&&t.onSet(n),e.target.value=l}),K(e,r)};J(s,e=>{n().length>0&&e(c)}),H(()=>q(o,t.token.value)),K(e,r)},b=e=>{var n=K_();Ri(n),H(()=>{zi(n,U(a)),Q(n,`placeholder`,U(i)===`expression`?`var(--sf-…) / calc(…)`:t.token.value)}),Lr(`focus`,n,()=>{R(o,!0)}),W(`input`,n,e=>{R(a,e.target.value,!0)}),Lr(`blur`,n,e=>{if(R(o,!1),U(s)){R(s,!1);return}u(e.target.value)}),W(`keydown`,n,e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(R(s,!0),R(o,!1),R(a,t.overrideValue??t.token.value??``,!0),e.currentTarget.blur())}),K(e,n)};J(v,e=>{U(i)===`inherit`?e(y):e(b,-1)}),F(m),K(e,m),He()}Rr([`click`,`change`,`input`,`keydown`]);var Y_=G(`<div class="w-4 h-4 rounded-sm border border-black/10 dark:border-white/10 shrink-0"></div>`),X_=G(`<button class="text-[9px] text-slate-400 dark:text-slate-600 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer shrink-0">reset</button>`),Z_=G(`<div class="text-[9px] text-slate-400 dark:text-slate-600 leading-snug mt-0.5 pl-3.5"> </div>`),Q_=G(`<span class="font-mono">↳ inherits <span class="text-sky-600 dark:text-sky-400"> </span></span>`),$_=G(`<span> </span>`),ev=G(`<div class="flex flex-wrap items-center gap-x-2 gap-y-0.5 mt-0.5 pl-3.5 text-[8px] text-slate-400 dark:text-slate-600"><!> <!></div>`),tv=G(`<div class="flex items-start gap-1 mt-1 ml-3.5 px-1.5 py-1 rounded bg-amber-500/10 text-[8px] text-amber-700 dark:text-amber-300 leading-snug"><span class="font-bold shrink-0">Detached</span> <span> <button class="underline hover:text-amber-900 dark:hover:text-amber-100 cursor-pointer">Restore link</button></span></div>`),nv=G(`<div class="flex items-start gap-1 mt-1 ml-3.5 px-1.5 py-1 rounded bg-rose-500/10 text-[8px] text-rose-700 dark:text-rose-300 leading-snug"><span class="font-bold shrink-0">Invalid</span> <span>this value can't be applied safely. <button class="underline hover:text-rose-900 dark:hover:text-rose-100 cursor-pointer">Reset</button></span></div>`),rv=G(`<div><div class="flex items-center gap-2"><div></div> <!> <div class="text-[10px] font-mono text-slate-700 dark:text-slate-300 truncate min-w-0 flex-1"> </div> <span> </span> <!></div> <!> <!> <!> <div class="mt-1 pl-3.5"><!></div></div>`);function iv(e,t){Ve(t,!0);let n=na(t,`dependentsCount`,3,0),r=I(()=>Vm(t.token)),i=I(()=>Bm(t.token)),a=I(()=>t.overrideValue===void 0?`default`:th(t.token,{[t.token.name]:t.overrideValue})),o={source:`text-slate-500 dark:text-slate-400 bg-black/5 dark:bg-white/8`,alias:`text-sky-700 dark:text-sky-300 bg-sky-500/10`,output:`text-violet-700 dark:text-violet-300 bg-violet-500/10`},s=I(()=>U(i)?U(i).replace(`--sf-`,``):``),c=I(()=>$p(t.token.value)??[]);function l(e){let t=e.name,n=e.syntax?.toLowerCase()??``;return n.includes(`<color>`)?`color`:n.includes(`number`)||n.includes(`length`)||n.includes(`integer`)||n.includes(`percentage`)?`number`:t.includes(`color`)||t.endsWith(`-bg`)?`color`:t.includes(`font`)||t.includes(`family`)?`font`:`text`}let u=I(()=>t.overrideValue??t.token.value),d=I(()=>t.overrideValue!==void 0),f=I(()=>l(t.token)),p=I(()=>t.token.name.replace(`--sf-`,``));function m(e){return Tu.value,ju(e)||ju(`var(${t.token.name})`)||e}let h=I(()=>U(f)===`color`?m(U(u)):``);var g=rv(),_=z(g),v=z(_),y=V(v,2),b=e=>{var t=Y_();let n;H(()=>n=Z(t,``,n,{background:U(h)})),K(e,t)};J(y,e=>{U(f)===`color`&&e(b)});var x=V(y,2),S=z(x,!0);F(x);var C=V(x,2),w=z(C,!0);F(C);var T=V(C,2),E=e=>{var n=X_();H(()=>Q(n,`aria-label`,`Reset ${U(p)}`)),W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(T,e=>{U(d)&&e(E)}),F(_);var D=V(_,2),O=e=>{var n=Z_(),r=z(n,!0);F(n),H(()=>q(r,t.token.description)),K(e,n)};J(D,e=>{t.token.description&&e(O)});var k=V(D,2),A=e=>{var t=ev(),r=z(t),a=e=>{var t=Q_(),n=V(z(t)),r=z(n,!0);F(n),F(t),H(()=>q(r,U(s))),K(e,t)};J(r,e=>{U(i)&&e(a)});var o=V(r,2),c=e=>{var t=$_(),r=z(t);F(t),H(()=>{Q(t,`title`,`${n()} token${n()===1?``:`s`} reference this token in the framework defaults`),q(r,`used by ${n()??``} default${n()===1?``:`s`}`)}),K(e,t)};J(o,e=>{n()>0&&e(c)}),F(t),K(e,t)};J(k,e=>{(U(i)||n()>0)&&e(A)});var j=V(k,2),M=e=>{var n=tv(),i=V(z(n),2),a=z(i),o=V(a);F(i),F(n),H(()=>q(a,`${U(r)===`alias`?`frozen — no longer follows ${U(s)}.`:U(r)===`output`?`frozen — no longer derived from its source tokens.`:`a generated scale step is pinned; its source knob won't move it.`} `)),W(`click`,o,function(...e){t.onReset?.apply(this,e)}),K(e,n)},ee=e=>{var n=nv(),r=V(z(n),2),i=V(z(r));F(r),F(n),W(`click`,i,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(j,e=>{U(a)===`detached`?e(M):U(a)===`invalid`&&e(ee,1)});var te=V(j,2);J_(z(te),{get token(){return t.token},get overrideValue(){return t.overrideValue},get onSet(){return t.onSet},get onReset(){return t.onReset},get scaleOptions(){return U(c)}}),F(te),F(g),H(()=>{X(g,1,`px-3 py-2 rounded-lg transition-colors group ${U(d)?`bg-indigo-500/8 border border-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`),X(v,1,`w-1.5 h-1.5 rounded-full shrink-0 ${U(d)?`bg-indigo-500`:`bg-black/15 dark:bg-white/15`}`),Q(x,`title`,t.token.name),q(S,U(p)),X(C,1,`shrink-0 px-1 py-px rounded text-[7px] font-bold uppercase tracking-wider ${o[U(r)]}`),Q(C,`title`,U(r)===`source`?`Source — a value you set`:U(r)===`alias`?`Alias — re-exports ${U(s)}`:`Output — generated from other tokens`),q(w,Hm[U(r)])}),K(e,g),He()}Rr([`click`]);var av=G(`<button class="flex items-center gap-1 px-2 py-1 rounded-md text-[10px] font-bold text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-500/10 transition-colors cursor-pointer shrink-0"><!> Reset all</button>`),ov=G(`<span><!> </span>`),sv=G(`<div class="flex flex-wrap gap-1.5 mt-3"></div>`),cv=G(`<div class="flex flex-col items-center justify-center text-center py-16 px-6 gap-2"><div class="w-10 h-10 rounded-full bg-emerald-500/10 flex items-center justify-center"><!></div> <p class="text-[12px] font-bold text-slate-700 dark:text-slate-300">No changes yet</p> <p class="text-[10px] text-slate-500 dark:text-slate-500 max-w-[15rem]">You're on the framework defaults. Edit any panel and your overrides will collect here.</p></div>`),lv=G(`<div class="mx-1 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20"><div class="flex items-start gap-2"><!> <div class="flex-1 min-w-0"><div class="text-[10px] font-bold text-amber-700 dark:text-amber-300"> </div> <div class="text-[9px] text-amber-700/80 dark:text-amber-300/80 leading-snug mt-0.5"> </div> <button class="mt-1.5 text-[9px] font-bold text-amber-800 dark:text-amber-200 underline hover:no-underline cursor-pointer">Restore generated scale</button></div></div></div>`),uv=G(`<div><button class="ml-3.5 mb-px text-[8px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-600 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors cursor-pointer"> </button> <!></div>`),dv=G(`<div class="px-3 py-2 rounded-lg bg-black/4 dark:bg-white/4 flex items-center gap-2"><div class="min-w-0 flex-1"><div class="text-[10px] font-mono text-slate-600 dark:text-slate-400 truncate"> </div> <div class="text-[9px] font-mono text-slate-400 dark:text-slate-600 truncate"> </div></div> <button class="text-[9px] text-slate-400 dark:text-slate-600 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer shrink-0">remove</button></div>`),fv=G(`<section><div class="flex items-center gap-2 px-2 mb-1"><!> <span> </span> <span class="text-[9px] text-slate-400 dark:text-slate-600"> </span> <div class="h-px flex-1 bg-black/6 dark:bg-white/6"></div> <button class="text-[9px] font-bold text-slate-400 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer"> </button></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 px-2 mb-1.5"> </p> <div class="space-y-0.5 px-1"></div></section>`),pv=G(`<!> <!>`,1),mv=G(`<div class="flex flex-col h-full min-h-0"><div class="px-4 pt-4 pb-3 shrink-0"><div class="flex items-center justify-between gap-2"><div><h2 class="text-[13px] font-bold text-slate-800 dark:text-slate-100">Changes</h2> <p class="text-[10px] text-slate-500 dark:text-slate-500 mt-0.5">Every active override, grouped by what it does to the system.</p></div> <!></div> <!></div> <div class="w-full h-px bg-black/6 dark:bg-white/6 shrink-0"></div> <div class="flex-1 min-h-0 overflow-y-auto px-2 py-3 space-y-4"><!></div></div>`);function hv(e,t){Ve(t,!0);let n={colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,components:`Components`,misc:`System`},r=I(()=>rh(t.tokens,t.overrides)),i=I(()=>Xm(t.overrides)),a=I(()=>Um(t.tokens)),o=[{key:`invalid`,label:`Invalid`,blurb:`Contains a malformed or CSS-breaking value — fix or reset it before export.`,icon:Uo,accent:`text-rose-600 dark:text-rose-400`},{key:`detached`,label:`Detached`,blurb:`Frozen — no longer follows the token that would produce it.`,icon:Yo,accent:`text-amber-600 dark:text-amber-400`},{key:`relinked`,label:`Re-linked`,blurb:`Re-pointed at another token instead of a fixed value.`,icon:Ha,accent:`text-sky-600 dark:text-sky-400`},{key:`custom`,label:`Custom`,blurb:`A source value you set. Expected and safe.`,icon:Do,accent:`text-indigo-600 dark:text-indigo-400`},{key:`unknown`,label:`Not in this build`,blurb:`Override keys that aren't tokens in this framework version.`,icon:Sa,accent:`text-slate-500 dark:text-slate-500`}];function s(e){let n={};for(let t of e)n[t.name]=null;t.onBulkChange(n)}function c(e){let n={};for(let t of e)n[t]=null;t.onBulkChange(n)}var l=mv(),u=z(l),d=z(u),f=V(z(d),2),p=e=>{var n=av();ho(z(n),{class:`w-3 h-3`}),Me(),F(n),W(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),K(e,n)};J(f,e=>{U(r).total>0&&e(p)}),F(d);var m=V(d,2),h=e=>{var t=sv();Y(t,21,()=>o,e=>e.key,(e,t)=>{let n=I(()=>U(r)[U(t).key].length);var i=Jr(),a=B(i),o=e=>{var r=ov(),i=z(r);fi(i,()=>U(t).icon,(e,t)=>{t(e,{class:`w-2.5 h-2.5`})});var a=V(i);F(r),H(()=>{X(r,1,`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-bold bg-black/5 dark:bg-white/8 ${U(t).accent}`),q(a,` ${U(n)??``} ${U(t).label??``}`)}),K(e,r)};J(a,e=>{U(n)>0&&e(o)}),K(e,i)}),F(t),K(e,t)};J(m,e=>{U(r).total>0&&e(h)}),F(u);var g=V(u,4),_=z(g),v=e=>{var t=cv(),n=z(t);ga(z(n),{class:`w-5 h-5 text-emerald-600 dark:text-emerald-400`}),F(n),Me(4),F(t),K(e,t)},y=e=>{var l=pv(),u=B(l);Y(u,17,()=>U(i),e=>e.family.id,(e,t)=>{var n=lv(),r=z(n),i=z(r);Uo(i,{class:`w-3.5 h-3.5 text-amber-600 dark:text-amber-400 mt-0.5 shrink-0`});var a=V(i,2),o=z(a),s=z(o);F(o);var l=V(o,2),u=z(l);F(l);var d=V(l,2);F(a),F(r),F(n),H(()=>{q(s,`${U(t).shadowedSteps.length??``} ${U(t).family.label??``} step${U(t).shadowedSteps.length===1?``:`s`} pinned`),q(u,`These fixed values override the generated ladder, so its source
-                knob${U(t).overriddenSources.length===1?``:`s`} can't move them.`)}),W(`click`,d,()=>c(U(t).shadowedSteps)),K(e,n)}),Y(V(u,2),17,()=>o,e=>e.key,(e,i)=>{let o=I(()=>U(r)[U(i).key]);var c=Jr(),l=B(c),u=e=>{var r=fv(),c=z(r),l=z(c);{let e=I(()=>`w-3 h-3 ${U(i).accent}`);fi(l,()=>U(i).icon,(t,n)=>{n(t,{get class(){return U(e)}})})}var u=V(l,2),d=z(u,!0);F(u);var f=V(u,2),p=z(f,!0);F(f);var m=V(f,4),h=z(m);F(m),F(c);var g=V(c,2),_=z(g,!0);F(g);var v=V(g,2);Y(v,21,()=>U(o),e=>e.name,(e,r)=>{var i=Jr(),o=B(i),s=e=>{let i=I(()=>td(U(r).name));var o=uv(),s=z(o),c=z(s);F(s);var l=V(s,2);{let e=I(()=>U(a).usedBy[U(r).name]?.length??0);iv(l,{get token(){return U(r).token},get overrideValue(){return t.overrides[U(r).name]},get dependentsCount(){return U(e)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}F(o),H(()=>{Q(s,`title`,`Open in ${n[U(i)]??U(i)}`),q(c,`${n[U(i)]??U(i)??``} →`)}),W(`click`,s,()=>t.onSelectDomain(U(i))),K(e,o)},c=e=>{var n=dv(),i=z(n),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=z(s,!0);F(s),F(i);var l=V(i,2);F(n),H(e=>{Q(a,`title`,U(r).name),q(o,e),Q(s,`title`,U(r).value),q(c,U(r).value)},[()=>U(r).name.replace(`--sf-`,``)]),W(`click`,l,()=>t.onReset(U(r).name)),K(e,n)};J(o,e=>{U(r).token?e(s):e(c,-1)}),K(e,i)}),F(v),F(r),H(()=>{X(u,1,`text-[10px] font-bold uppercase tracking-wider ${U(i).accent}`),q(d,U(i).label),q(p,U(o).length),q(h,`Reset ${U(o).length??``}`),q(_,U(i).blurb)}),W(`click`,m,()=>s(U(o))),K(e,r)};J(l,e=>{U(o).length>0&&e(u)}),K(e,c)}),K(e,l)};J(_,e=>{U(r).total===0?e(v):e(y,-1)}),F(g),F(l),K(e,l),He()}Rr([`click`]);var gv=G(`<span class="text-[9px] font-bold text-indigo-600 dark:text-indigo-400 font-mono"> </span>`),_v=G(`<p class="text-[11px] text-slate-400 dark:text-slate-600 text-center py-8">No tokens found</p>`),vv=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 text-center py-2"> </p>`),yv=G(`<div class="space-y-0.5"><!> <!></div>`),bv=G(`<div class="p-4 space-y-4"><div class="flex items-center justify-between"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest capitalize"> </div> <!></div> <input type="text" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <!></div>`);function xv(e,t){Ve(t,!0);let n=L(``),r=I(()=>()=>t.tokens.filter(e=>td(e.name)===t.domain&&e.tier!==`INTERNAL`)),i=I(()=>()=>{if(!U(n))return U(r)();let e=U(n).toLowerCase();return U(r)().filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))}),a=I(()=>U(i)().filter(e=>e.name in t.overrides).length);var o=bv(),s=z(o),c=z(s),l=z(c);F(c);var u=V(c,2),d=e=>{var t=gv(),n=z(t);F(t),H(()=>q(n,`${U(a)??``} modified`)),K(e,t)};J(u,e=>{U(a)>0&&e(d)}),F(s);var f=V(s,2);Ri(f);var p=V(f,2),m=e=>{K(e,_v())},h=I(()=>U(i)().length===0),g=e=>{var n=yv(),r=z(n);Y(r,17,()=>U(i)().slice(0,60),e=>e.name,(e,n)=>{iv(e,{get token(){return U(n)},get overrideValue(){return t.overrides[U(n).name]},onSet:e=>t.onSet(U(n).name,e),onReset:()=>t.onReset(U(n).name)})});var a=V(r,2),o=e=>{var t=vv(),n=z(t);F(t),H(e=>q(n,`${e??``} more — refine your search`),[()=>U(i)().length-60]),K(e,t)},s=I(()=>U(i)().length>60);J(a,e=>{U(s)&&e(o)}),F(n),K(e,n)};J(p,e=>{U(h)?e(m):e(g,-1)}),F(o),H(()=>{q(l,`${t.domain??``} tokens`),Q(f,`placeholder`,`Search ${t.domain} tokens…`),zi(f,U(n))}),W(`input`,f,e=>{R(n,e.target.value,!0)}),K(e,o),He()}Rr([`input`]);var Sv=G(`<div class="w-1 h-1 bg-white rounded-sm"></div>`),Cv=G(`<div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-rose-800"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div>`),wv=G(`<div class="text-center py-8 text-[11px] text-slate-400 dark:text-slate-600"> </div>`),Tv=G(`<div class="flex items-center gap-2 px-1.5 pt-3 pb-1"><span class="text-[8px] font-bold uppercase tracking-widest text-amber-600/80 dark:text-amber-400/80">Advanced</span> <div class="h-px flex-1 bg-amber-600/25"></div></div>`),Ev=G(`<div class="flex items-center gap-2 px-1.5 pt-3 pb-1"><span class="text-[8px] font-bold uppercase tracking-widest text-rose-700/80 dark:text-rose-400/80">Internal</span> <div class="h-px flex-1 bg-rose-800/25"></div></div>`),Dv=G(`<div class="absolute left-0 top-0 bottom-0 w-0.5 bg-amber-600/40 rounded-full"></div>`),Ov=G(`<div class="absolute left-0 top-0 bottom-0 w-0.5 bg-rose-800/40 rounded-full"></div>`),kv=G(`<!> <!> <div><!> <!> <!></div>`,1),Av=G(`<div class="space-y-0.5 px-1"></div>`),jv=G(`<div class="flex flex-col h-full min-h-0"><div class="px-3 pt-3 pb-2 space-y-2 shrink-0"><input type="text" placeholder="Search tokens…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <div class="flex items-center gap-3"><button><div><!></div> </button> <button><div><!></div> </button> <span class="ml-auto text-[9px] text-slate-300 dark:text-slate-700 font-mono"> </span></div> <div class="flex gap-3"><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-slate-500"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div> <div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-amber-600"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div> <!></div></div> <div class="w-full h-px bg-black/6 dark:bg-white/6 shrink-0"></div> <div class="flex-1 min-h-0 overflow-y-auto py-1"><!></div></div>`);function Mv(e,t){Ve(t,!0);let n=na(t,`focusToken`,3,null),r=na(t,`focusNonce`,3,0),i=L(null),a=L(null),o=null,s=-1;wn(()=>{let e=r();!n()||e===s||(s=e,R(u,n().replace(`--sf-`,``),!0),R(d,t.tokens.some(e=>e.name===n()&&e.tier===`INTERNAL`)||U(d),!0),R(f,!1),R(a,n()),o&&clearTimeout(o),o=setTimeout(()=>{R(a,null)},2600),requestAnimationFrame(()=>{(U(i)?.querySelector(`[data-token="${CSS.escape(n())}"]`))?.scrollIntoView({block:`center`,behavior:`smooth`})}))});let c={PUBLIC:0,"PUBLIC-ADVANCED":1,INTERNAL:2},l=I(()=>Um(t.tokens)),u=L(``),d=L(!1),f=L(!1),p=I(()=>t.tokens.filter(e=>td(e.name)===t.domain).sort((e,t)=>{let n=c[e.tier??`INTERNAL`]??2,r=c[t.tier??`INTERNAL`]??2;return n===r?e.name.localeCompare(t.name):n-r})),m=I(()=>()=>{let e=U(p);if(U(d)||(e=e.filter(e=>e.tier!==`INTERNAL`)),U(f)&&(e=e.filter(e=>e.name in t.overrides)),U(u)){let t=U(u).toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}return e}),h=I(()=>U(p).filter(e=>e.name in t.overrides).length),g=I(()=>U(p).filter(e=>e.tier===`PUBLIC`).length),_=I(()=>U(p).filter(e=>e.tier===`PUBLIC-ADVANCED`).length),v=I(()=>U(p).filter(e=>e.tier===`INTERNAL`).length);var y=jv(),b=z(y),x=z(b);Ri(x);var S=V(x,2),C=z(S),w=z(C),T=z(w),E=e=>{K(e,Sv())};J(T,e=>{U(f)&&e(E)}),F(w);var D=V(w);F(C);var O=V(C,2),k=z(O),A=z(k),j=e=>{K(e,Sv())};J(A,e=>{U(d)&&e(j)}),F(k);var M=V(k);F(O);var ee=V(O,2),te=z(ee);F(ee),F(S);var ne=V(S,2),re=z(ne),ie=V(z(re),2),ae=z(ie);F(ie),F(re);var oe=V(re,2),N=V(z(oe),2),se=z(N);F(N),F(oe);var ce=V(oe,2),le=e=>{var t=Cv(),n=V(z(t),2),r=z(n);F(n),F(t),H(()=>q(r,`Internal (${U(v)??``})`)),K(e,t)};J(ce,e=>{U(d)&&e(le)}),F(ne),F(b);var ue=V(b,4),de=z(ue),fe=e=>{var t=wv(),n=z(t,!0);F(t),H(()=>q(n,U(f)?`No modified tokens in this domain`:`No tokens found`)),K(e,t)},pe=I(()=>U(m)().length===0),me=e=>{let n=I(()=>U(m)());var r=Av();Y(r,23,()=>U(n),e=>e.name,(e,r,i)=>{var o=kv(),s=B(o),c=e=>{K(e,Tv())};J(s,e=>{U(r).tier===`PUBLIC-ADVANCED`&&U(i)>0&&U(n)[U(i)-1].tier!==`PUBLIC-ADVANCED`&&e(c)});var u=V(s,2),d=e=>{K(e,Ev())};J(u,e=>{U(r).tier===`INTERNAL`&&U(i)>0&&U(n)[U(i)-1].tier!==`INTERNAL`&&e(d)});var f=V(u,2),p=z(f),m=e=>{K(e,Dv())};J(p,e=>{U(r).tier===`PUBLIC-ADVANCED`&&e(m)});var h=V(p,2),g=e=>{K(e,Ov())};J(h,e=>{U(r).tier===`INTERNAL`&&e(g)});var _=V(h,2);{let e=I(()=>U(l).usedBy[U(r).name]?.length??0);iv(_,{get token(){return U(r)},get overrideValue(){return t.overrides[U(r).name]},get dependentsCount(){return U(e)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}F(f),H(()=>{X(f,1,`relative rounded-lg transition-shadow ${U(a)===U(r).name?`ring-2 ring-indigo-500/70`:``}`),Q(f,`data-token`,U(r).name)}),K(e,o)}),F(r),K(e,r)};J(de,e=>{U(pe)?e(fe):e(me,-1)}),F(ue),Zi(ue,e=>R(i,e),()=>U(i)),F(y),H(e=>{zi(x,U(u)),X(C,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${U(f)?`text-indigo-600 dark:text-indigo-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),X(w,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${U(f)?`bg-indigo-600 border-indigo-500`:`border-black/20 dark:border-white/20`}`),q(D,` Modified only ${U(h)>0?`(${U(h)})`:``}`),Q(O,`aria-expanded`,U(d)),X(O,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${U(d)?`text-amber-600 dark:text-amber-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),X(k,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${U(d)?`bg-amber-600 border-amber-500`:`border-black/20 dark:border-white/20`}`),q(M,` Internal (${U(v)??``})`),q(te,`${e??``}/${U(p).length??``}`),q(ae,`Public (${U(g)??``})`),q(se,`Advanced (${U(_)??``})`)},[()=>U(m)().length]),W(`input`,x,e=>{R(u,e.target.value,!0)}),W(`click`,C,()=>{R(f,!U(f))}),W(`click`,O,()=>{R(d,!U(d))}),K(e,y),He()}Rr([`input`,`click`]);var Nv=G(`<option> </option>`),Pv=G(`<div class="flex items-center gap-2 p-2.5 bg-black/4 dark:bg-white/4"><span class="text-[15px] font-mono font-bold text-slate-900 dark:text-slate-100"> </span> <span> </span> <div class="flex-1"></div> <div class="grid grid-cols-2 gap-x-2 gap-y-0.5 text-[9px]"><span> </span> <span> </span> <span> </span> <span> </span></div></div>`),Fv=G(`<div class="p-2.5 bg-black/4 dark:bg-white/4 text-[10px] text-slate-500">Waiting for live preview…</div>`),Iv=G(`<button> </button>`),Lv=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Pick an editable brand/status <span class="font-mono">(base)</span> color as the foreground to enable auto-fix.</p>`),Rv=G(`<p class="text-[9px] text-emerald-700 dark:text-emerald-300"> </p>`),zv=G(`<div class="flex items-center gap-2"><span class="w-7 h-7 rounded border border-black/10 dark:border-white/10 shrink-0"></span> <div class="flex-1 min-w-0"><div class="text-[9px] font-mono text-slate-600 dark:text-slate-400 truncate"> </div> <div class="text-[9px] text-emerald-700 dark:text-emerald-300"> </div></div> <button class="px-2.5 py-1 rounded-lg bg-indigo-600/25 border border-indigo-500/40 text-indigo-800 dark:text-indigo-200 text-[10px] font-bold cursor-pointer hover:bg-indigo-600/35 shrink-0">Apply</button></div>`),Bv=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600"> </p>`),Vv=G(`<div class="grid grid-cols-[1fr_auto_1fr] gap-2 items-end"><div><div class="text-[9px] text-slate-500 mb-1">Foreground</div> <select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select></div> <button title="Swap" class="mb-0.5 px-2 py-1.5 rounded-lg border border-black/10 dark:border-white/10 text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5 cursor-pointer text-[12px]">⇄</button> <div><div class="text-[9px] text-slate-500 mb-1">Background</div> <select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select></div></div> <div class="rounded-xl border border-black/8 dark:border-white/8 overflow-hidden"><div class="h-24 flex items-center justify-center"><span class="text-[26px] font-bold">Aa Bb Cc</span></div> <!></div> <div class="rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 p-3 space-y-2"><div class="flex items-center justify-between"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300">Auto-fix to pass <span class="text-slate-400 dark:text-slate-600 font-normal"> </span></span> <div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"></div></div> <!></div>`,1),Hv=G(`<th class="p-1 font-mono font-semibold text-slate-500 text-center whitespace-nowrap"> </th>`),Uv=G(`<td class="p-0.5"><button> </button></td>`),Wv=G(`<td class="p-0.5 text-slate-300 dark:text-slate-700 text-center">·</td>`),Gv=G(`<tr><td class="p-1 font-mono font-semibold text-slate-500 whitespace-nowrap pr-2"> </td><!></tr>`),Kv=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600">Foreground (rows) × background (cols). Click a cell to load it above.</p> <div class="overflow-x-auto"><table class="border-collapse text-[9px]"><thead><tr><th class="p-1"></th><!></tr></thead><tbody></tbody></table></div>`,1),qv=G(`<div class="p-4 space-y-6"><section class="space-y-1"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Contrast checker</div> <p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Live WCAG ratios computed from the actual rendered preview colors — including derived steps and your overrides.</p></section> <section class="space-y-3"><button class="w-full flex items-center justify-between cursor-pointer"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Pair checker</div> <span class="text-[10px] text-slate-500"> </span></button> <!></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <section class="space-y-2"><button class="w-full flex items-center justify-between cursor-pointer"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Contrast matrix</div> <span class="text-[10px] text-slate-500"> </span></button> <!></section></div>`);function Jv(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=[{label:`Text`,expr:`var(--sf-color-text)`},{label:`Text secondary`,expr:`var(--sf-color-text--subtle)`},{label:`Text muted`,expr:`var(--sf-color-text--muted)`},{label:`White`,expr:`#ffffff`},{label:`Black`,expr:`#000000`}],i=[{label:`Surface`,expr:`var(--sf-color-surface)`},{label:`Bg`,expr:`var(--sf-color-bg)`},{label:`Border`,expr:`var(--sf-color-border)`}],a=[{key:`primary`,srcLight:`--sf-color-primary-source-light`,defLight:`oklch(0.47 0.27 264)`,srcDark:`--sf-color-primary-source-dark`,defDark:`oklch(0.715 0.243 264)`},{key:`secondary`,srcLight:`--sf-color-secondary-source-light`,defLight:`oklch(0.22 0.04 264)`,srcDark:`--sf-color-secondary-source-dark`,defDark:`oklch(0.84 0.036 264)`},{key:`tertiary`,srcLight:`--sf-color-tertiary-source-light`,defLight:`oklch(0.42 0.22 295)`,srcDark:`--sf-color-tertiary-source-dark`,defDark:`oklch(0.74 0.198 295)`},{key:`action`,srcLight:`--sf-color-action-source-light`,defLight:`oklch(0.50 0.22 235)`,srcDark:`--sf-color-action-source-dark`,defDark:`oklch(0.70 0.198 235)`},{key:`neutral`,srcLight:`--sf-color-neutral-source-light`,defLight:`oklch(0.52 0.025 260)`,srcDark:`--sf-color-neutral-source-dark`,defDark:`oklch(0.69 0.0225 260)`},{key:`success`,srcLight:`--sf-color-success-source-light`,defLight:`oklch(0.50 0.16 145)`,srcDark:`--sf-color-success-source-dark`,defDark:`oklch(0.70 0.144 145)`},{key:`warning`,srcLight:`--sf-color-warning-source-light`,defLight:`oklch(0.75 0.17 80)`,srcDark:`--sf-color-warning-source-dark`,defDark:`oklch(0.65 0.153 80)`},{key:`danger`,srcLight:`--sf-color-danger-source-light`,defLight:`oklch(0.48 0.22 12)`,srcDark:`--sf-color-danger-source-dark`,defDark:`oklch(0.71 0.198 12)`},{key:`info`,srcLight:`--sf-color-info-source-light`,defLight:`oklch(0.48 0.18 235)`,srcDark:`--sf-color-info-source-dark`,defDark:`oklch(0.71 0.162 235)`}],o=a.flatMap(e=>[{label:`${e.key} (base)`,expr:`var(--sf-color-${e.key})`,editKey:e.key},{label:`${e.key}-100`,expr:`var(--sf-color-${e.key}-100)`},{label:`${e.key}-600`,expr:`var(--sf-color-${e.key}-600)`},{label:`${e.key}-900`,expr:`var(--sf-color-${e.key}-900)`}]),s=[...r,...i,...o],c=Object.fromEntries(a.map(e=>[e.key,e])),l=[{label:`text`,expr:`var(--sf-color-text)`},{label:`white`,expr:`#ffffff`},{label:`black`,expr:`#000000`},{label:`primary`,expr:`var(--sf-color-primary)`,editKey:`primary`}],u=[{label:`surface`,expr:`var(--sf-color-surface)`},{label:`primary`,expr:`var(--sf-color-primary)`},{label:`neutral-100`,expr:`var(--sf-color-neutral-100)`},{label:`success`,expr:`var(--sf-color-success)`},{label:`warning`,expr:`var(--sf-color-warning)`},{label:`danger`,expr:`var(--sf-color-danger)`}],d=L(`White`),f=L(`primary (base)`),p=L(`AA`),m=I(()=>s.find(e=>e.label===U(d))??s[0]),h=I(()=>s.find(e=>e.label===U(f))??s[0]);function g(e,t){Tu.value;let n=Fu(e),r=Fu(t);return!n||!r?null:gd(hd(...n),hd(...r))}function _(e){return e>=7?{tag:`AAA`,cls:`bg-emerald-500/25 text-emerald-800 dark:text-emerald-200`}:e>=4.5?{tag:`AA`,cls:`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`}:e>=3?{tag:`AA-L`,cls:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}:{tag:`Fail`,cls:`bg-rose-500/20 text-rose-700 dark:text-rose-300`}}let v=I(()=>g(U(m).expr,U(h).expr));function y(){let e=U(d);R(d,U(f),!0),R(f,e,!0)}function b(e,t){let n=s.find(t=>t.expr===e),r=s.find(e=>e.expr===t);n&&R(d,n.label,!0),r&&R(f,r.label,!0)}function x(e){return Tu.value,ju(e)||e}let S=L(!1),C=L(!1),w=L(null);function T(){R(w,null);let e=U(m).editKey?c[U(m).editKey]:null;if(!e)return;let n=Ou()===`dark`,r=n?e.srcDark:e.srcLight,i=n?e.defDark:e.defLight,{c:a,h:o,l:s,valid:l}=_d(t.overrides[r]??i);if(!l)return;let u=Fu(U(h).expr);if(!u)return;let d=hd(...u),f=U(p)===`AAA`?7:4.5,g=null;for(let e=0;e<=1.0001;e+=.005){let[t,n,r]=pd(e,a,o);gd(hd(t,n,r),d)>=f&&(g===null||Math.abs(e-s)<Math.abs(g-s))&&(g=e)}if(g===null)return;let[_,v,y]=pd(g,a,o),b=gd(hd(_,v,y),d);R(w,{token:r,value:vd(g,a,o),ratio:b},!0)}function E(){U(w)&&(t.onSet(U(w).token,U(w).value),R(w,null))}wn(()=>{if(!U(S)){R(w,null);return}Tu.value,U(d),U(f),U(p),U(m).editKey&&U(v)!==null&&U(v)<(U(p)===`AAA`?7:4.5)?T():R(w,null)});var D=qv(),O=V(z(D),2),k=z(O),A=V(z(k),2),j=z(A,!0);F(A),F(k);var M=V(k,2),ee=e=>{var t=Vv(),r=B(t),i=z(r),a=V(z(i),2);Y(a,21,()=>s,e=>e.label,(e,t)=>{var r=Nv(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).label)&&(r.value=(r.__value=U(t).label)??``)}),K(e,r)}),F(a),F(i);var o=V(i,2),c=V(o,2),l=V(z(c),2);Y(l,21,()=>s,e=>e.label,(e,t)=>{var r=Nv(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).label)&&(r.value=(r.__value=U(t).label)??``)}),K(e,r)}),F(l),F(c),F(r);var u=V(r,2),g=z(u),b=z(g);F(g);var S=V(g,2),C=e=>{let t=I(()=>_(U(v)));var n=Pv(),r=z(n),i=z(r);F(r);var a=V(r,2),o=z(a,!0);F(a);var s=V(a,4),c=z(s),l=z(c);F(c);var u=V(c,2),d=z(u);F(u);var f=V(u,2),p=z(f);F(f);var m=V(f,2),h=z(m);F(m),F(s),F(n),H(e=>{q(i,`${e??``}:1`),X(a,1,`text-[10px] font-bold px-2 py-0.5 rounded ${U(t).cls}`),q(o,U(t).tag),X(c,1,vi(U(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(l,`${U(v)>=4.5?`✓`:`✗`} AA normal`),X(u,1,vi(U(v)>=3?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(d,`${U(v)>=3?`✓`:`✗`} AA large`),X(f,1,vi(U(v)>=7?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(p,`${U(v)>=7?`✓`:`✗`} AAA normal`),X(m,1,vi(U(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(h,`${U(v)>=4.5?`✓`:`✗`} AAA large`)},[()=>U(v).toFixed(2)]),K(e,n)},T=e=>{K(e,Fv())};J(S,e=>{U(v)===null?e(T,-1):e(C)}),F(u);var D=V(u,2),O=z(D),k=z(O),A=V(z(k)),j=z(A);F(A),F(k);var M=V(k,2);Y(M,20,()=>[`AA`,`AAA`],e=>e,(e,t)=>{var n=Iv(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-0.5 rounded-md text-[10px] font-bold cursor-pointer ${U(p)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t)}),W(`click`,n,()=>{R(p,t,!0)}),K(e,n)}),F(M),F(O);var ee=V(O,2),te=e=>{K(e,Lv())},ne=e=>{var t=Rv(),n=z(t);F(t),H(()=>q(n,`Already passes ${U(p)??``}. 🎉`)),K(e,t)},re=e=>{var t=zv(),n=z(t),r=V(n,2),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o);F(o),F(r);var c=V(r,2);F(t),H((e,t)=>{Z(n,e),q(a,U(w).value),q(s,`→ ${t??``}:1 (${U(p)??``} ✓)`)},[()=>`background:${x(U(w).value)}`,()=>U(w).ratio.toFixed(2)]),W(`click`,c,E),K(e,t)},ie=e=>{var t=Bv(),n=z(t);F(t),H(()=>q(n,`No lightness of this hue reaches ${U(p)??``} on this background — try a different background or hue.`)),K(e,t)};J(ee,e=>{U(m).editKey?U(v)!==null&&U(v)>=(U(p)===`AAA`?7:4.5)?e(ne,1):U(w)?e(re,2):e(ie,-1):e(te)}),F(D),H((e,t,n)=>{Z(g,e),Z(b,t),q(j,`(for ${n??``} mode)`)},[()=>`background:${x(U(h).expr)}`,()=>`color:${x(U(m).expr)}`,()=>Ou()]),Di(a,()=>U(d),e=>R(d,e)),W(`click`,o,y),Di(l,()=>U(f),e=>R(f,e)),K(e,t)};J(M,e=>{U(S)&&e(ee)}),F(O);var te=V(O,4),ne=z(te),re=V(z(ne),2),ie=z(re,!0);F(re),F(ne);var ae=V(ne,2),oe=e=>{var t=Kv(),n=V(B(t),2),r=z(n),i=z(r),a=z(i);Y(V(z(a)),17,()=>u,e=>e.label,(e,t)=>{var n=Hv(),r=z(n,!0);F(n),H(()=>q(r,U(t).label)),K(e,n)}),F(a),F(i);var o=V(i);Y(o,21,()=>l,e=>e.label,(e,t)=>{var n=Gv(),r=z(n),i=z(r,!0);F(r),Y(V(r),17,()=>u,e=>e.label,(e,n)=>{let r=I(()=>g(U(t).expr,U(n).expr));var i=Jr(),a=B(i),o=e=>{let i=I(()=>_(U(r)));var a=Uv(),o=z(a),s=z(o,!0);F(o),F(a),H((e,t)=>{Q(o,`title`,e),X(o,1,`w-full px-1.5 py-1 rounded font-mono font-bold cursor-pointer ${U(i).cls}`),q(s,t)},[()=>`${U(t).label} on ${U(n).label} — ${U(r).toFixed(2)}:1`,()=>U(r).toFixed(1)]),W(`click`,o,()=>b(U(t).expr,U(n).expr)),K(e,a)},s=e=>{K(e,Wv())};J(a,e=>{U(r)===null?e(s,-1):e(o)}),K(e,i)}),F(n),H(()=>q(i,U(t).label)),K(e,n)}),F(o),F(r),F(n),K(e,t)};J(ae,e=>{U(C)&&e(oe)}),F(te),F(D),H(()=>{Q(k,`aria-expanded`,U(S)),q(j,U(S)?`▲`:`▼`),Q(ne,`aria-expanded`,U(C)),q(ie,U(C)?`▲`:`▼`)}),W(`click`,k,()=>{R(S,!U(S))}),W(`click`,ne,()=>{R(C,!U(C))}),K(e,D),He()}Rr([`click`]);var Yv=G(`<button> </button>`),Xv=G(`<!> <!> <div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Ring color</div> <!></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Ring style</div> <div class="flex gap-2"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><div class="px-4 py-2 bg-indigo-600/30 rounded-lg text-[11px] text-indigo-800 dark:text-indigo-200"> </div></div>`,1),Zv=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex items-center gap-3"><div class="bg-indigo-500/30 border border-indigo-500/30 rounded flex items-center justify-center text-[9px] font-mono text-indigo-600/70 dark:text-indigo-400/70 shrink-0"></div> <p class="text-[9px] text-slate-400 dark:text-slate-600">Minimum interactive area — ensures accessibility on touch devices.</p></div>`,1),Qv=G(`<div class="p-4 space-y-6"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Colour contrast</div> <!></div>`);function $v(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`];function r(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let i=I(()=>r(t.overrides[`--sf-focus-ring-width`],2,`px`)),a=I(()=>r(t.overrides[`--sf-focus-ring-offset`],2,`px`)),o=I(()=>t.overrides[`--sf-focus-ring-color`]??``),s=I(()=>r(t.overrides[`--sf-touch-target`],44,`px`)),c=L(!0),l=L(!1);var u=Qv(),d=z(u);cf(d,{title:`Focus ring`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,r)=>{var s=Xv(),c=B(s);{let e=I(()=>`--sf-focus-ring-width`in t.overrides);$(c,{label:`Ring width`,get value(){return U(i)},min:0,max:6,step:.5,unit:`px`,help:`Thickness of the keyboard focus indicator`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-focus-ring-width`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-width`)})}var l=V(c,2);{let e=I(()=>`--sf-focus-ring-offset`in t.overrides);$(l,{label:`Ring offset`,get value(){return U(a)},min:0,max:8,step:.5,unit:`px`,help:`Gap between element edge and focus ring`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-focus-ring-offset`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-offset`)})}var u=V(l,2),d=V(z(u),2);{let e=I(()=>`--sf-focus-ring-color`in t.overrides);of(d,{token:`--sf-focus-ring-color`,get value(){return U(o)},placeholder:`default (action)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-focus-ring-color`,e),onReset:()=>t.onReset(`--sf-focus-ring-color`)})}F(u);var f=V(u,2),p=V(z(f),2);Y(p,20,()=>n,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-focus-ring-style`]??`solid`);var i=Yv(),a=z(i,!0);F(i),H(()=>{X(i,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,n)}),W(`click`,i,()=>n===`solid`?t.onReset(`--sf-focus-ring-style`):t.onSet(`--sf-focus-ring-style`,n)),K(e,i)}),F(p),F(f);var m=V(f,2),h=z(m);Z(h,`outline: var(--sf-focus-ring-width, 2px) var(--sf-focus-ring-style, solid) var(--sf-focus-ring-color, oklch(0.7 0.2 235)); outline-offset: var(--sf-focus-ring-offset, 2px)`);var g=z(h);F(h),F(m),H(()=>q(g,`Focus ring · ${t.overrides[`--sf-focus-ring-style`]??`solid`??``}`)),K(e,s)},$$slots:{default:!0}});var f=V(d,4);cf(f,{title:`Touch target`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,n)=>{var r=Zv(),i=B(r);{let e=I(()=>`--sf-touch-target`in t.overrides);$(i,{label:`Min touch size`,get value(){return U(s)},min:32,max:64,step:1,unit:`px`,help:`--sf-touch-target — minimum tappable area for interactive elements (WCAG 2.5.5). Independent literal (2.75rem / 44px) — deliberately NOT an alias of the --sf-size-* scale, so retuning sizes never drops below the accessibility floor.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-touch-target`,`${e}px`),onReset:()=>t.onReset(`--sf-touch-target`),rawDefault:`2.75rem`,get currentRaw(){return t.overrides[`--sf-touch-target`]},onRawSet:e=>t.onSet(`--sf-touch-target`,e)})}var a=V(i,2);Z(z(a),`width: var(--sf-touch-target, 2.75rem); height: var(--sf-touch-target, 2.75rem)`),Me(2),F(a),K(e,r)},$$slots:{default:!0}}),Jv(V(f,6),{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onBulkChange(){return t.onBulkChange}}),F(u),K(e,u),He()}Rr([`click`]);var ey=G(`<div class="h-full overflow-y-auto"><!></div>`),ty=G(`<span class="ml-0.5 text-[8px] bg-indigo-600 text-white rounded-full px-1.5 py-0.5 leading-none font-black"> </span>`),ny=G(`<div class="flex flex-col h-full min-h-0"><div class="flex-1 min-h-0 overflow-hidden"><!></div> <div class="shrink-0 border-t border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0a0a10] flex"><button><!> Controls</button> <div class="w-px bg-black/8 dark:bg-white/8"></div> <button><!> All tokens <!></button></div></div>`);function ry(e,t){Ve(t,!0);let n=na(t,`focusToken`,3,null),r=na(t,`focusNonce`,3,0),i=new Set([`home`,`changes`,`themes`,`setup`,`cheatsheet`]),a=L(`controls`),o=-1;wn(()=>{t.domain;let e=r();n()&&e!==o?(o=e,R(a,`tokens`)):R(a,`controls`)});let s=I(()=>t.tokens.filter(e=>td(e.name)===t.domain&&e.name in t.overrides).length);var c=Jr(),l=B(c),u=e=>{var n=Jr(),r=B(n),i=e=>{dd(e,{get overrides(){return t.overrides},get onSelect(){return t.onSelectDomain},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},a=e=>{hv(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onResetAll(){return t.onResetAll},get onSelectDomain(){return t.onSelectDomain}})},o=e=>{n_(e,{get overrides(){return t.overrides},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},s=e=>{C_(e,{get overrides(){return t.overrides},get tokens(){return t.tokens},get onApplyTheme(){return t.onApplyTheme}})},c=e=>{L_(e,{})};J(r,e=>{t.domain===`home`?e(i):t.domain===`changes`?e(a,1):t.domain===`themes`?e(o,2):t.domain===`setup`?e(s,3):t.domain===`cheatsheet`&&e(c,4)}),K(e,n)},d=I(()=>i.has(t.domain)),f=e=>{var i=ny(),o=z(i),c=z(o),l=e=>{var n=ey(),r=z(n),i=e=>{Xf(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onSelectDomain(){return t.onSelectDomain}})},a=e=>{Gp(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},o=e=>{am(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},s=e=>{Pm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},c=e=>{vh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},l=e=>{Wh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},u=e=>{og(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},d=e=>{xg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},f=e=>{zg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},p=e=>{qg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},m=e=>{$v(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},h=e=>{xv(e,{get domain(){return t.domain},get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})};J(r,e=>{t.domain===`colors`?e(i):t.domain===`typography`?e(a,1):t.domain===`spacing`?e(o,2):t.domain===`layout`?e(s,3):t.domain===`borders`?e(c,4):t.domain===`depth`?e(l,5):t.domain===`motion`?e(u,6):t.domain===`macros`?e(d,7):t.domain===`misc`?e(f,8):t.domain===`components`?e(p,9):t.domain===`wcag`?e(m,10):e(h,-1)}),F(n),K(e,n)},u=e=>{Mv(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get domain(){return t.domain},get focusToken(){return n()},get focusNonce(){return r()},get onSet(){return t.onSet},get onReset(){return t.onReset}})};J(c,e=>{U(a)===`controls`?e(l):e(u,-1)}),F(o);var d=V(o,2),f=z(d);Do(z(f),{class:`w-3 h-3`}),Me(),F(f);var p=V(f,4),m=z(p);Ja(m,{class:`w-3 h-3`});var h=V(m,2),g=e=>{var t=ty(),n=z(t,!0);F(t),H(()=>q(n,U(s))),K(e,t)};J(h,e=>{U(s)>0&&e(g)}),F(p),F(d),F(i),H(()=>{X(f,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${U(a)===`controls`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(p,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${U(a)===`tokens`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),W(`click`,f,()=>{R(a,`controls`)}),W(`click`,p,()=>{R(a,`tokens`)}),K(e,i)};J(l,e=>{U(d)?e(u):e(f,-1)}),K(e,c),He()}Rr([`click`]);var iy=/^--sf-[\w-]+$/;function ay(e){return e.trim().startsWith(`{`)}function oy(e){try{let t=JSON.parse(e);return!t||typeof t!=`object`||Array.isArray(t)?{map:{},malformed:!0}:{map:`overrides`in t&&t.overrides&&typeof t.overrides==`object`&&!Array.isArray(t.overrides)?t.overrides:`tokens`in t&&t.tokens&&typeof t.tokens==`object`&&!Array.isArray(t.tokens)?t.tokens:t,malformed:!1}}catch{return{map:{},malformed:!0}}}function sy(e,t,n){let r=/\.json$/i.test(t)||ay(e),{map:i,malformed:a}=r?oy(e):{map:bl(e),malformed:!1},o={},s=[];for(let[e,t]of Object.entries(i)){if(!iy.test(e)||typeof t!=`string`){s.push(e);continue}if(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/.test(t)){s.push(e);continue}let n=vl(t);if(!eh(n)){s.push(e);continue}o[e]=n}let c=p_(o,{live:n});return{overrides:c.overrides,report:{format:r?`json`:`css`,accepted:Object.keys(c.overrides).length,renamed:c.renamed.length,removed:c.removed.length,unknown:c.unknown.length,invalid:s,collisions:c.collisions.length,malformed:a&&Object.keys(o).length===0}}}function cy(e){if(e.malformed)return`Import failed — the file has no recognisable SLASHED tokens.`;if(e.accepted===0)return`Nothing imported — no valid SLASHED tokens found.`;let t=[`Imported ${e.accepted} token${e.accepted===1?``:`s`}`];return e.renamed&&t.push(`${e.renamed} migrated`),e.removed&&t.push(`${e.removed} removed`),e.unknown&&t.push(`${e.unknown} unknown`),e.invalid.length&&t.push(`${e.invalid.length} skipped`),e.collisions&&t.push(`${e.collisions} migration collision${e.collisions===1?``:`s`}`),t.join(` · `)+`.`}var ly=G(`<div class="px-4 py-8 text-center text-[11px] text-slate-400 dark:text-slate-600"> </div>`),uy=G(`<div class="px-4 pt-2 pb-1 text-[8px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Go to</div>`),dy=G(`<div class="px-4 pt-2 pb-1 text-[8px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Tokens</div>`),fy=G(`<span class="text-[12px] font-semibold text-slate-800 dark:text-slate-200 flex-1 truncate"> </span> <span class="text-[9px] text-slate-400 dark:text-slate-600">panel</span>`,1),py=G(`<span class="shrink-0 text-[8px] font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-500/15 border border-indigo-500/25 rounded px-1 py-0.5">overridden</span>`),my=G(`<div class="text-[10px] text-slate-400 dark:text-slate-600 truncate mt-0.5"> </div>`),hy=G(`<div class="flex-1 min-w-0"><div class="flex items-center gap-2"><span class="text-[11px] font-mono text-slate-800 dark:text-slate-200 truncate"> </span> <!></div> <!></div> <span class="text-[9px] font-bold text-slate-500 dark:text-slate-400 bg-black/5 dark:bg-white/5 rounded px-1.5 py-0.5 shrink-0"> </span>`,1),gy=G(`<!> <!> <button><!></button>`,1),_y=G(`<div class="px-4 py-2 border-t border-black/6 dark:border-white/6 flex items-center gap-3 text-[9px] text-slate-400 dark:text-slate-600"><span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">↑↓</kbd> navigate</span> <span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">↵</kbd> open</span> <span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">Esc</kbd> close</span></div>`),vy=G(`<div class="fixed inset-0 z-50 bg-black/60 backdrop-blur-sm flex items-start justify-center pt-[15vh]" role="dialog" aria-modal="true" aria-label="Search" tabindex="-1"><div class="w-[560px] max-w-[95vw] bg-white dark:bg-[#111118] border border-black/12 dark:border-white/12 rounded-2xl shadow-2xl overflow-hidden"><div class="flex items-center gap-3 px-4 py-3 border-b border-black/8 dark:border-white/8"><svg class="w-4 h-4 text-slate-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg> <input placeholder="Search panels &amp; tokens… (e.g. Shape, radius, primary)" class="flex-1 bg-transparent text-[13px] text-slate-900 dark:text-slate-100 placeholder-slate-400 dark:placeholder-slate-600 outline-none"/> <kbd class="text-[9px] font-mono text-slate-400 dark:text-slate-600 border border-black/10 dark:border-white/10 rounded px-1.5 py-0.5 shrink-0">Esc</kbd></div> <div class="max-h-[360px] overflow-y-auto"><!></div> <!></div></div>`);function yy(e,t){Ve(t,!0);let n=L(``),r=L(0),i=L(null),a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,misc:`System`,components:`Components`,changes:`Changes`,wcag:`Accessibility`,themes:`Presets`,setup:`Install & export`,cheatsheet:`Reference`},o={borders:[`border`,`radius`,`shape`],shadows:[`shadow`,`depth`],effects:[`effect`],wcag:[`accessibility`,`contrast`],themes:[`theme`,`preset`],setup:[`install`,`export`],cheatsheet:[`reference`,`classes`],misc:[`system`]},s=[`home`,`colors`,`typography`,`spacing`,`borders`,`motion`,`layout`,`depth`,`macros`,`components`,`misc`,`changes`,`wcag`,`themes`,`setup`,`cheatsheet`].map(e=>({id:e,label:a[e]??e,terms:[e,...o[e]??[]]})),c=I(()=>{let e=U(n).trim().toLowerCase(),r=(e?s.filter(t=>t.label.toLowerCase().includes(e)||t.terms.some(t=>t.includes(e))):s).map(e=>({kind:`nav`,id:e.id,label:e.label})),i=[];if(e){for(let n of t.tokens)if(n.tier!==`INTERNAL`&&(n.name.toLowerCase().includes(e)||(n.description?.toLowerCase().includes(e)??!1))&&(i.push({kind:`token`,token:n,domain:td(n.name),overridden:n.name in t.overrides}),i.length>=40))break}return[...r,...i]}),l=I(()=>U(c).filter(e=>e.kind===`nav`).length);wn(()=>{U(n),R(r,0)}),wn(()=>{U(i)&&U(i).focus()});function u(e){e.kind===`nav`?t.onNavigate(e.id):t.onNavigate(e.domain,e.token.name),t.onClose()}function d(e){if(e.key===`Escape`){e.preventDefault(),t.onClose();return}if(e.key===`ArrowDown`){e.preventDefault(),R(r,Math.min(U(r)+1,U(c).length-1),!0);return}if(e.key===`ArrowUp`){e.preventDefault(),R(r,Math.max(U(r)-1,0),!0);return}e.key===`Enter`&&U(c)[U(r)]&&(e.preventDefault(),u(U(c)[U(r)]))}var f=vy(),p=z(f),m=z(p),h=V(z(m),2);Ri(h),Zi(h,e=>R(i,e),()=>U(i)),Me(2),F(m);var g=V(m,2),_=z(g),v=e=>{var t=ly(),r=z(t);F(t),H(()=>q(r,`No matches for "${U(n)??``}"`)),K(e,t)},y=e=>{var t=Jr();Y(B(t),19,()=>U(c),e=>e.kind===`nav`?`nav:${e.id}`:`tok:${e.token.name}`,(e,t,n)=>{var i=gy(),o=B(i),s=e=>{K(e,uy())};J(o,e=>{U(n)===0&&U(l)>0&&e(s)});var c=V(o,2),d=e=>{K(e,dy())};J(c,e=>{U(t).kind===`token`&&U(n)===U(l)&&e(d)});var f=V(c,2),p=z(f),m=e=>{var n=fy(),r=B(n),i=z(r,!0);F(r),Me(2),H(()=>q(i,U(t).label)),K(e,n)},h=e=>{var n=hy(),r=B(n),i=z(r),o=z(i),s=z(o,!0);F(o);var c=V(o,2),l=e=>{K(e,py())};J(c,e=>{U(t).overridden&&e(l)}),F(i);var u=V(i,2),d=e=>{var n=my(),r=z(n,!0);F(n),H(()=>q(r,U(t).token.description)),K(e,n)};J(u,e=>{U(t).token.description&&e(d)}),F(r);var f=V(r,2),p=z(f,!0);F(f),H(()=>{q(s,U(t).token.name),q(p,a[U(t).domain]??U(t).domain)}),K(e,n)};J(p,e=>{U(t).kind===`nav`?e(m):e(h,-1)}),F(f),H(()=>X(f,1,`w-full flex items-center gap-3 px-4 py-2 text-left transition-colors cursor-pointer ${U(r)===U(n)?`bg-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`)),Lr(`mouseenter`,f,()=>{R(r,U(n),!0)}),W(`click`,f,()=>u(U(t))),K(e,i)}),K(e,t)};J(_,e=>{U(c).length===0?e(v):e(y,-1)}),F(g);var b=V(g,2),x=e=>{K(e,_y())};J(b,e=>{U(c).length>0&&e(x)}),F(p),F(f),W(`mousedown`,f,e=>{e.target===e.currentTarget&&t.onClose()}),W(`keydown`,h,d),Ki(h,()=>U(n),e=>R(n,e)),K(e,f),He()}Rr([`mousedown`,`keydown`,`click`]);var by=G(`<span class="w-4 h-4 bg-indigo-600 text-white rounded-full flex items-center justify-center text-[8px] font-black"> </span>`),xy=G(`<button><!> <!></button>`),Sy=G(`<div role="status" class="shrink-0 flex items-center gap-2 px-4 py-1.5 bg-indigo-500/10 border-b border-indigo-500/20 text-[11px] text-indigo-700 dark:text-indigo-300"><span class="flex-1"> </span> <button aria-label="Dismiss" class="text-indigo-500 hover:text-indigo-700 dark:hover:text-indigo-200 cursor-pointer font-bold">×</button></div>`),Cy=G(`<div class="md:hidden flex items-stretch border-b border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0d0d14] shrink-0"><!> <!></div>`),wy=G(`<button data-testid="reset-category" class="flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[9px] font-bold text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-500/10 transition-colors cursor-pointer shrink-0"><!> </button>`),Ty=G(`<div><!></div>`),Ey=G(`<div class="md:hidden fixed inset-0 z-40 flex" role="dialog" aria-modal="true" aria-label="Choose a panel" tabindex="-1"><div class="w-64 max-w-[80vw] h-full shadow-2xl overflow-y-auto"><!></div> <button class="flex-1 h-full bg-black/50 backdrop-blur-sm cursor-pointer" aria-label="Close menu"></button></div>`),Dy=G(`<div class="flex justify-between"><span class="text-slate-500">Migrated (renamed)</span><span class="font-mono text-sky-600 dark:text-sky-400"> </span></div>`),Oy=G(`<div class="flex justify-between"><span class="text-slate-500">Dropped (removed by framework)</span><span class="font-mono text-slate-500"> </span></div>`),ky=G(`<div class="flex justify-between"><span class="text-slate-500">Unknown in this build</span><span class="font-mono text-amber-600 dark:text-amber-400"> </span></div>`),Ay=G(`<div class="flex justify-between"><span class="text-slate-500">Skipped (invalid)</span><span class="font-mono text-rose-600 dark:text-rose-400"> </span></div>`),jy=G(`<div class="flex justify-between"><span class="text-slate-500">Skipped (migration collision)</span><span class="font-mono text-amber-600 dark:text-amber-400"> </span></div>`),My=G(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4" role="dialog" aria-modal="true" aria-label="Import overrides" tabindex="-1"><div class="w-[420px] max-w-full bg-white dark:bg-[#111118] border border-black/12 dark:border-white/12 rounded-2xl shadow-2xl overflow-hidden"><div class="px-4 py-3 border-b border-black/8 dark:border-white/8"><h3 class="text-[13px] font-bold text-slate-800 dark:text-slate-100">Import overrides</h3> <p class="text-[10px] text-slate-500 mt-0.5 font-mono truncate"> </p></div> <div class="px-4 py-3 space-y-1.5 text-[11px]"><div class="flex justify-between"><span class="text-slate-500">Tokens to import</span><span class="font-bold text-slate-800 dark:text-slate-200"> </span></div> <!> <!> <!> <!> <!> <p class="text-[10px] text-slate-400 dark:text-slate-600 pt-1.5 leading-relaxed"><span class="font-semibold">Merge</span> <span class="font-semibold">Replace</span> discards the current set first.</p></div> <div class="px-4 py-3 border-t border-black/8 dark:border-white/8 flex items-center justify-end gap-2"><button class="px-3 py-1.5 text-[11px] rounded-lg bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-300 hover:bg-black/12 dark:hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-[11px] rounded-lg bg-rose-600/10 border border-rose-500/30 text-rose-700 dark:text-rose-300 hover:bg-rose-600/20 transition-colors cursor-pointer">Replace</button> <button class="px-3 py-1.5 text-[11px] font-bold rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white shadow-sm shadow-indigo-600/30 transition-colors cursor-pointer">Merge</button></div></div></div>`),Ny=G(`<div><!> <!> <!> <div class="flex flex-1 min-h-0"><div class="shrink-0 hidden md:flex"><!></div> <div><div class="h-9 flex items-center px-4 border-b border-black/6 dark:border-white/6 shrink-0 gap-2"><div data-testid="panel-heading" class="flex items-center gap-1.5 flex-1 min-w-0"><button aria-label="Choose a panel" class="md:hidden flex items-center gap-1.5 flex-1 min-w-0 text-left cursor-pointer"><span class="text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate"> </span> <!></button> <span class="hidden md:inline text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate"> </span></div> <!></div> <div class="flex-1 min-h-0 flex flex-col overflow-hidden"><!></div></div> <!></div> <!> <!> <!> <!></div>`);function Py(e,t){Ve(t,!0);let n=(e,t=f,n=f,r=f)=>{var i=xy(),a=z(i);fi(a,n,(e,t)=>{t(e,{class:`w-3.5 h-3.5`})});var o=V(a),s=V(o),c=e=>{var t=by(),n=z(t,!0);F(t),H(()=>q(n,U(A)>9?`9+`:U(A))),K(e,t)};J(s,e=>{t()===`preview`&&U(A)>0&&e(c)}),F(i),H(()=>{Q(i,`aria-pressed`,U(C)===t()),X(i,1,`flex-1 flex items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold transition-colors cursor-pointer ${U(C)===t()?`text-indigo-700 dark:text-indigo-300 bg-indigo-500/10`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(o,` ${r()??``} `)}),W(`click`,i,()=>{R(C,t(),!0)}),K(e,i)},r=ds.tokens??ds,i=new Set(r.map(e=>e.name)),a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,misc:`System`,components:`Components`,changes:`Changes`,themes:`Presets`,wcag:`Accessibility`,setup:`Install & export`,cheatsheet:`Reference`};function o(e){let t={};for(let n of Object.keys(e)){let e=td(n);t[e]=(t[e]??0)+1}return t}let s=Yl(),c=L(Qt(Xl())),l=L(Qt([])),u=L(Qt([])),d=L(`home`),p=L(!1),m=L(!1);function h(e){let t=document.activeElement;return e.focus(),{destroy(){t?.focus?.()}}}function g(e){if(e.key===`Escape`){R(m,!1);return}if(e.key!==`Tab`)return;let t=[...e.currentTarget.querySelectorAll(`a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)].filter(e=>e.offsetParent!==null);if(t.length===0)return;let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&i===n?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}let _=L(null),v=0,y=L(null),b=null,x=L(null);function S(e,t){R(d,e,!0),t?(v+=1,R(_,{token:t,nonce:v},!0)):R(_,null),R(C,`controls`)}let C=L(`controls`),w=L(`light`),T=L(`fluid`),E=L(`normal`),D=L(`color`),O=new Set([`changes`,`themes`,`setup`,`cheatsheet`]),k=I(()=>O.has(U(d)));wn(()=>{U(k)&&yr(()=>{R(C,`controls`)})});let A=I(()=>Object.keys(U(c)).length),j=I(()=>o(U(c))),M=I(()=>Object.keys(U(c)).filter(e=>td(e)===U(d))),ee=I(()=>U(M).length),te=I(()=>U(l).length>0),ne=I(()=>U(u).length>0);function re(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let ie=L(Qt(yr(()=>({...U(c)})))),ae=L(`idle`),oe=I(()=>!re(U(c),U(ie))),N=null;wn(()=>{Zl(U(c))}),wn(()=>{let e=Qs[U(d)];e&&yr(()=>{R(D,e,!0)})});function se(e){let t=U(c),n=typeof e==`function`?e(t):e;re(t,n)||(R(l,[...U(l).slice(-49),t],!0),R(u,[],!0),(U(ae)===`saved`||U(ae)===`error`)&&R(ae,`idle`)),R(c,n,!0)}async function ce(){if(!U(oe)||U(ae)===`saving`)return;let e={...U(c)};R(ae,`saving`);try{await eu(U(c)),re(U(c),e)?(R(ie,e,!0),R(ae,`saved`),N&&clearTimeout(N),N=setTimeout(()=>{U(ae)===`saved`&&R(ae,`idle`),N=null},2e3)):R(ae,`idle`)}catch(e){console.warn(`slashed: save failed`,e),R(ae,`error`)}}function le(e,t){se(n=>({...n,[e]:t}))}function ue(e){se(t=>{let n={...t};return delete n[e],n})}function de(e){se(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function fe(e){se({...e})}function pe(){se({})}function me(){let e={};for(let t of U(M))e[t]=null;de(e)}function he(){if(U(l).length===0)return;let e=U(l)[U(l).length-1],t=U(c);R(l,U(l).slice(0,-1),!0),R(u,[t,...U(u)],!0),R(c,e,!0)}function ge(){if(U(u).length===0)return;let e=U(u)[0],t=U(c);R(u,U(u).slice(1),!0),R(l,[...U(l),t],!0),R(c,e,!0)}function _e(e){R(y,e,!0),b&&clearTimeout(b),b=setTimeout(()=>{R(y,null),b=null},6e3)}function ve(e){if(!U(x))return;let{overrides:t,report:n}=U(x);se(e===`replace`?{...t}:e=>({...e,...t})),_e(`${e===`replace`?`Replaced`:`Merged`} · ${cy(n)}`),R(x,null)}function ye(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(!n){_e(`Nothing imported — the selected file is empty.`);return}let{overrides:r,report:a}=sy(n,t.name,i);if(a.malformed||Object.keys(r).length===0){_e(cy(a));return}R(x,{overrides:r,report:a,filename:t.name},!0)},n.onerror=()=>{_e(`Import failed — the selected file could not be read.`)},n.readAsText(t)},e.click()}function be(){let e=yl(U(c),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}ra(()=>{let e=e=>{if(e.key===`Escape`&&U(m)){e.preventDefault(),R(m,!1);return}(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key===`z`&&(e.preventDefault(),he()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&e.key===`z`||e.key===`y`)&&(e.preventDefault(),ge()),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key.toLowerCase()===`s`&&(e.preventDefault(),ce()),(e.ctrlKey||e.metaKey)&&!e.repeat&&e.key.toLowerCase()===`k`&&(e.preventDefault(),R(p,!U(p)))};return window.addEventListener(`keydown`,e),()=>{window.removeEventListener(`keydown`,e),N&&clearTimeout(N),b&&clearTimeout(b)}});var xe=Ny(),Se=z(xe);cu(Se,{get overrides(){return U(c)},get overridesCount(){return U(A)},get canUndo(){return U(te)},get canRedo(){return U(ne)},get hasPendingChanges(){return U(oe)},get saveState(){return U(ae)},onUndo:he,onRedo:ge,onResetAll:pe,onImport:ye,onExport:be,onSave:ce,onOpenSearch:()=>{R(p,!0)}});var Ce=V(Se,2),we=e=>{var t=Sy(),n=z(t),r=z(n,!0);F(n);var i=V(n,2);F(t),H(()=>q(r,U(y))),W(`click`,i,()=>{R(y,null)}),K(e,t)};J(Ce,e=>{U(y)&&e(we)});var Te=V(Ce,2),Ee=e=>{var t=Cy(),r=z(t);n(r,()=>`controls`,()=>Do,()=>`Controls`);var i=V(r,2);n(i,()=>`preview`,()=>Pa,()=>`Preview`),F(t),K(e,t)};J(Te,e=>{U(k)||e(Ee)});var De=V(Te,2),P=z(De);pu(z(P),{get activeId(){return U(d)},onSelect:e=>{S(e)},get overridesByDomain(){return U(j)}}),F(P);var Oe=V(P,2),ke=z(Oe),Ae=z(ke),je=z(Ae),Ne=z(je),Pe=z(Ne,!0);F(Ne),va(V(Ne,2),{class:`w-3 h-3 text-slate-400 shrink-0`}),F(je);var Fe=V(je,2),Ie=z(Fe,!0);F(Fe),F(Ae);var Le=V(Ae,2),Re=e=>{var t=wy(),n=z(t);ho(n,{class:`w-3 h-3`});var r=V(n);F(t),H(()=>{Q(t,`title`,`Reset ${U(ee)} override${U(ee)===1?``:`s`} in ${a[U(d)]??U(d)}`),q(r,` Reset ${U(ee)??``}`)}),W(`click`,t,me),K(e,t)};J(Le,e=>{U(ee)>0&&e(Re)}),F(ke);var ze=V(ke,2),Be=z(ze);{let e=I(()=>U(_)?.token??null),t=I(()=>U(_)?.nonce??0);ry(Be,{get domain(){return U(d)},get tokens(){return r},get overrides(){return U(c)},get focusToken(){return U(e)},get focusNonce(){return U(t)},onSet:le,onReset:ue,onBulkChange:de,onApplyTheme:fe,onSelectDomain:e=>{S(e)},onResetAll:pe})}F(ze),F(Oe);var Ue=V(Oe,2),We=e=>{var t=Ty();Ju(z(t),{get overrides(){return U(c)},get previewTheme(){return U(w)},get previewWidth(){return U(T)},get previewMotion(){return U(E)},get previewTemplate(){return U(D)},onThemeChange:e=>{R(w,e,!0)},onWidthChange:e=>{R(T,e,!0)},onMotionChange:e=>{R(E,e,!0)},onTemplateChange:e=>{R(D,e,!0)}}),F(t),H(()=>X(t,1,`flex-1 flex-col min-h-0 min-w-0 ${U(C)===`controls`?`hidden md:flex`:`flex`}`)),K(e,t)};J(Ue,e=>{U(k)||e(We)}),F(De);var Ge=V(De,2);{let e=I(()=>a[U(d)]??U(d));gu(Ge,{get overridesCount(){return U(A)},get domain(){return U(e)}})}var Ke=V(Ge,2),qe=e=>{var t=Ey(),n=z(t);pu(z(n),{expanded:!0,get activeId(){return U(d)},onSelect:e=>{R(d,e,!0),R(m,!1),R(C,`controls`)},get overridesByDomain(){return U(j)}}),F(n);var r=V(n,2);F(t),mi(t,e=>h?.(e)),W(`keydown`,t,g),W(`click`,r,()=>{R(m,!1)}),K(e,t)};J(Ke,e=>{U(m)&&e(qe)});var Je=V(Ke,2),Ye=e=>{let t=I(()=>U(x).report);var n=My(),r=z(n),i=z(r),a=V(z(i),2),o=z(a,!0);F(a),F(i);var s=V(i,2),c=z(s),l=V(z(c)),u=z(l,!0);F(l),F(c);var d=V(c,2),f=e=>{var n=Dy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).renamed)),K(e,n)};J(d,e=>{U(t).renamed>0&&e(f)});var p=V(d,2),m=e=>{var n=Oy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).removed)),K(e,n)};J(p,e=>{U(t).removed>0&&e(m)});var h=V(p,2),g=e=>{var n=ky(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).unknown)),K(e,n)};J(h,e=>{U(t).unknown>0&&e(g)});var _=V(h,2),v=e=>{var n=Ay(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).invalid.length)),K(e,n)};J(_,e=>{U(t).invalid.length>0&&e(v)});var y=V(_,2),b=e=>{var n=jy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).collisions)),K(e,n)};J(y,e=>{U(t).collisions>0&&e(b)});var S=V(y,2),C=V(z(S));Me(2),F(S),F(s);var w=V(s,2),T=z(w),E=V(T,2),D=V(E,2);F(w),F(r),F(n),H(()=>{q(o,U(x).filename),q(u,U(t).accepted),q(C,` keeps your current ${U(A)??``} override${U(A)===1?``:`s`} and adds these on top. `)}),W(`keydown`,n,e=>{e.key===`Escape`&&R(x,null)}),W(`click`,T,()=>{R(x,null)}),W(`click`,E,()=>ve(`replace`)),W(`click`,D,()=>ve(`merge`)),K(e,n)};J(Je,e=>{U(x)&&e(Ye)});var Xe=V(Je,2),Ze=e=>{yy(e,{get tokens(){return r},get overrides(){return U(c)},onNavigate:(e,t)=>{S(e,t)},onClose:()=>{R(p,!1)}})};J(Xe,e=>{U(p)&&e(Ze)}),F(xe),H(()=>{X(xe,1,`${s?`w-full h-full`:`w-screen h-screen`} flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans`),X(Oe,1,`min-w-0 bg-slate-50 dark:bg-[#0c0c15] border-r border-black/8 dark:border-white/8 flex-col min-h-0 ${U(k)?`flex-1 flex`:`flex-1 md:flex-none md:w-[360px] ${U(C)===`preview`?`hidden md:flex`:`flex`}`}`),q(Pe,a[U(d)]??U(d)),q(Ie,a[U(d)]??U(d))}),W(`click`,je,()=>{R(m,!0)}),K(e,xe),He()}Rr([`click`,`keydown`]);function Fy(){let e=window.slashedApp,t=typeof e?.cssUrl==`string`?e.cssUrl.trim():``;return t===``?void 0:t}function Iy(e){try{return new URL(e,window.location.href).origin===window.location.origin}catch{return!1}}function Ly(e){sc(e),Yr(Py,{target:e})}var Ry=document.getElementById(`app`),zy=document.getElementById(`slashed-admin-app`);if(Ry)Ry.innerHTML=``,Ly(Ry);else if(zy){let e=Fy();if(zy.innerHTML=``,typeof zy.attachShadow==`function`&&e&&Iy(e)){let t=document.createElement(`link`);t.rel=`stylesheet`,t.href=e;let n=!1,r,i=()=>{if(n)return;n=!0,clearTimeout(r);let e=zy.attachShadow({mode:`open`});e.appendChild(t);let i=document.createElement(`div`);i.style.width=`100%`,i.style.height=`100%`,e.appendChild(i),Ly(i)},a=()=>{n||(n=!0,clearTimeout(r),t.remove(),Ly(zy))};r=setTimeout(a,5e3),t.addEventListener(`load`,i),t.addEventListener(`error`,a),document.head.appendChild(t)}else Ly(zy)}var By=G(`<button aria-label="Open SLASHED token editor" class="fixed right-0 z-[99998] pointer-events-auto bg-indigo-600 hover:bg-indigo-500 text-white shadow-xl flex flex-col items-center justify-center gap-1 px-1.5 py-3 rounded-l-xl transition-colors cursor-pointer" style="top: calc(var(--wp-admin--admin-bar--height, 32px) + 16px);"><span class="text-sm font-black leading-none select-none">/</span> <!></button>`),Vy=G(`<span class="shrink-0 text-[9px] bg-indigo-500/20 border border-indigo-500/30 text-indigo-300 font-bold px-1.5 py-0.5 rounded-full font-mono leading-none"> </span>`),Hy=G(`<div class="absolute inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm" role="dialog" aria-modal="true" aria-labelledby="reset-confirm-title" tabindex="-1"><div class="bg-[#1a1a2e] border border-white/10 rounded-xl p-5 mx-4 shadow-2xl w-full max-w-[320px]"><h3 id="reset-confirm-title" class="text-white font-bold text-sm mb-2">Reset all overrides?</h3> <p class="text-slate-400 text-xs mb-4"> </p> <div class="flex gap-2 justify-end"><button class="px-3 py-1.5 text-xs rounded-lg bg-white/8 text-slate-300 hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-xs rounded-lg bg-rose-600 hover:bg-rose-500 text-white font-bold transition-colors cursor-pointer">Reset all</button></div></div></div>`),Uy=G(`<!> <div><div class="h-10 bg-[#0d0d14] border-b border-white/8 flex items-center px-2 gap-1.5 shrink-0"><div class="w-6 h-6 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-black text-sm leading-none shrink-0 shadow-lg shadow-indigo-600/30 select-none">/</div> <span class="text-[10px] font-bold text-white tracking-tight shrink-0">SLASHED</span> <span class="text-[9px] text-slate-500 font-mono uppercase tracking-widest truncate min-w-0"> </span> <!> <div class="flex-1 min-w-0"></div> <button><!></button> <button title="Undo (Ctrl+Z)" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Redo (Ctrl+Shift+Z)" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-3.5 bg-white/10 mx-0.5 shrink-0"></div> <button title="Import CSS / JSON" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Export CSS" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Reset all overrides" class="p-1 rounded text-rose-400 hover:text-rose-300 hover:bg-rose-500/10 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-3.5 bg-white/10 mx-0.5 shrink-0"></div> <button title="Collapse panel" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button></div> <div class="flex flex-1 min-h-0"><!> <div class="flex-1 bg-[#0c0c15] flex flex-col min-h-0"><div class="h-9 flex items-center px-4 border-b border-white/6 shrink-0"><span class="text-[11px] font-bold text-slate-300 uppercase tracking-widest flex-1"> </span></div> <div class="flex-1 min-h-0 flex flex-col overflow-hidden"><!></div></div></div> <!> <!></div>`,1);function Wy(e,t){Ve(t,!0);let n=ds.tokens??ds,r=`slashed-overlay/open`,i=`slashed-overlay/domain`,a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Borders`,shadows:`Shadows`,motion:`Motion`,effects:`Effects`,macros:`Macros`,misc:`Misc`,themes:`Themes`,wcag:`WCAG`,setup:`Install`,cheatsheet:`Classes`};function o(e){let t={};for(let n of Object.keys(e)){let e=td(n);t[e]=(t[e]??0)+1}return t}function s(e,t){try{let n=localStorage.getItem(e);return n===null?t:n!==`false`}catch{return t}}function c(e,t){try{return localStorage.getItem(e)??t}catch{return t}}let l=L(Qt(s(r,!0))),u=L(Qt(typeof window<`u`&&window.matchMedia(`(max-width: 768px)`).matches)),d=L(Qt(Xl())),f=L(Qt([])),p=L(Qt([])),m=L(Qt(c(i,`home`))),h=L(!1),g=L(!1),_=L(null),v=L(null);wn(()=>{U(g)&&gr().then(()=>U(_)?.focus())});let y=I(()=>Object.keys(U(d)).length),b=I(()=>o(U(d))),x=I(()=>U(f).length>0),S=I(()=>U(p).length>0);function C(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let w=L(Qt(yr(()=>({...U(d)})))),T=L(`idle`),E=I(()=>!C(U(d),U(w))),D=null;function O(){let e=document.getElementById(`slashed-frontend-overlay`);if(!e)return;let t=`var(--wp-admin--admin-bar--height, 32px)`;e.style.position=`fixed`,e.style.right=`0`,e.style.zIndex=`99998`,e.style.pointerEvents=`auto`,U(l)?(e.style.top=t,e.style.width=U(u)?`100vw`:`420px`,e.style.height=`calc(100vh - ${t})`):(e.style.top=`calc(${t} + 16px)`,e.style.width=`40px`,e.style.height=`64px`)}wn(()=>{let e=U(d),t=requestAnimationFrame(()=>{Zl(e),Du(document)});return()=>cancelAnimationFrame(t)}),wn(()=>{!U(u)&&U(l)?document.documentElement.classList.add(`sf-panel-active`):document.documentElement.classList.remove(`sf-panel-active`)}),wn(()=>{O()}),wn(()=>{try{localStorage.setItem(r,String(U(l)))}catch{}}),wn(()=>{try{localStorage.setItem(i,U(m))}catch{}});function k(){R(l,!U(l))}function A(e){let t=U(d),n=typeof e==`function`?e(t):e;C(t,n)||(R(f,[...U(f).slice(-49),t],!0),R(p,[],!0),(U(T)===`saved`||U(T)===`error`)&&R(T,`idle`)),R(d,n,!0)}async function j(){if(!U(E)||U(T)===`saving`)return;let e={...U(d)};R(T,`saving`);try{await eu(U(d)),C(U(d),e)?(R(w,e,!0),R(T,`saved`),D&&clearTimeout(D),D=setTimeout(()=>{U(T)===`saved`&&R(T,`idle`),D=null},2e3)):R(T,`idle`)}catch(e){console.warn(`slashed: save failed`,e),R(T,`error`)}}function M(e,t){A(n=>({...n,[e]:t}))}function ee(e){A(t=>{let n={...t};return delete n[e],n})}function te(e){A(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function ne(e){A({...e})}function re(){R(g,!0)}function ie(){R(g,!1),A({})}function ae(){R(g,!1)}function oe(){if(!U(f).length)return;let e=U(f)[U(f).length-1];R(p,[U(d),...U(p)],!0),R(f,U(f).slice(0,-1),!0),R(d,e,!0)}function N(){if(!U(p).length)return;let e=U(p)[0];R(f,[...U(f),U(d)],!0),R(p,U(p).slice(1),!0),R(d,e,!0)}function se(){let e=yl(U(d),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}function ce(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(n)if(t.name.endsWith(`.json`))try{let e=JSON.parse(n);typeof e==`object`&&e&&!Array.isArray(e)&&A(Object.fromEntries(Object.entries(e).filter(([e,t])=>typeof t==`string`&&/^--sf-[\w-]+$/.test(e))))}catch{}else{let e={},t=/(--sf-[\w-]+)\s*:\s*([^;]+);/g,r;for(;(r=t.exec(n))!==null;)e[r[1].trim()]=r[2].trim();Object.keys(e).length&&A(t=>({...t,...e}))}},n.readAsText(t)},e.click()}ra(()=>{let e=document.createElement(`style`);e.id=`sf-panel-push`,e.textContent=[`html { transition: padding-right 200ms ease-in-out; }`,`html.sf-panel-active { padding-right: 420px !important; overflow-x: clip; }`].join(`
-`),document.head.appendChild(e);let t=window.matchMedia(`(max-width: 768px)`),n=e=>{R(u,e.matches,!0)};t.addEventListener(`change`,n);let r=e=>{let t=e.key.toLowerCase();U(l)&&((e.ctrlKey||e.metaKey)&&!e.shiftKey&&t===`z`&&(e.preventDefault(),oe()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&t===`z`||t===`y`)&&(e.preventDefault(),N()),(e.ctrlKey||e.metaKey)&&!e.repeat&&t===`k`&&(e.preventDefault(),R(h,!U(h))),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&t===`s`&&(e.preventDefault(),j()))},i=()=>k();return window.addEventListener(`keydown`,r),document.addEventListener(`slashed:toggle-overlay`,i),()=>{e.remove(),document.documentElement.classList.remove(`sf-panel-active`),t.removeEventListener(`change`,n),window.removeEventListener(`keydown`,r),document.removeEventListener(`slashed:toggle-overlay`,i),D&&clearTimeout(D)}});var le=Uy(),ue=B(le),de=e=>{var t=By();ba(V(z(t),2),{class:`w-3 h-3 opacity-70 rotate-180`}),F(t),W(`click`,t,k),K(e,t)};J(ue,e=>{U(l)||e(de)});var fe=V(ue,2);let pe,me;var he=z(fe),ge=V(z(he),4),_e=z(ge,!0);F(ge);var ve=V(ge,2),ye=e=>{var t=Vy(),n=z(t,!0);F(t),H(()=>q(n,U(y))),K(e,t)};J(ve,e=>{U(y)>0&&e(ye)});var be=V(ve,4),xe=z(be),Se=e=>{Xa(e,{class:`w-3 h-3 animate-spin`})},Ce=e=>{ga(e,{class:`w-3 h-3`})},we=e=>{Uo(e,{class:`w-3 h-3`})},Te=e=>{yo(e,{class:`w-3 h-3`})};J(xe,e=>{U(T)===`saving`?e(Se):U(T)===`saved`?e(Ce,1):U(T)===`error`?e(we,2):e(Te,-1)}),F(be);var Ee=V(be,2);qo(z(Ee),{class:`w-3 h-3`}),F(Ee);var De=V(Ee,2);uo(z(De),{class:`w-3 h-3`}),F(De);var P=V(De,4);Ia(z(P),{class:`w-3 h-3`}),F(P);var Oe=V(P,2);Aa(z(Oe),{class:`w-3 h-3`}),F(Oe);var ke=V(Oe,2);Vo(z(ke),{class:`w-3 h-3`}),F(ke);var Ae=V(ke,4);ba(z(Ae),{class:`w-3 h-3`}),F(Ae),F(he);var je=V(he,2),Me=z(je);pu(Me,{get activeId(){return U(m)},onSelect:e=>{R(m,e,!0)},get overridesByDomain(){return U(b)}});var Ne=V(Me,2),Pe=z(Ne),Fe=z(Pe),Ie=z(Fe,!0);F(Fe),F(Pe);var Le=V(Pe,2);ry(z(Le),{get domain(){return U(m)},get tokens(){return n},get overrides(){return U(d)},onSet:M,onReset:ee,onBulkChange:te,onApplyTheme:ne,onSelectDomain:e=>{R(m,e,!0)},onResetAll:re}),F(Le),F(Ne),F(je);var Re=V(je,2),ze=e=>{yy(e,{get tokens(){return n},get overrides(){return U(d)},onNavigate:e=>{R(m,e,!0)},onClose:()=>{R(h,!1)}})};J(Re,e=>{U(h)&&e(ze)});var Be=V(Re,2),Ue=e=>{var t=Hy(),n=z(t),r=V(z(n),2),i=z(r);F(r);var a=V(r,2),o=z(a);Zi(o,e=>R(_,e),()=>U(_));var s=V(o,2);Zi(s,e=>R(v,e),()=>U(v)),F(a),F(n),F(t),H(()=>q(i,`This will clear all ${U(y)??``} customisation${U(y)===1?``:`s`}.
-          You can still undo this before saving.`)),W(`keydown`,t,e=>{e.key===`Escape`&&(e.stopPropagation(),ae()),e.key===`Tab`&&(e.preventDefault(),document.activeElement===U(_)?U(v)?.focus():U(_)?.focus())}),W(`click`,o,ae),W(`click`,s,ie),K(e,t)};J(Be,e=>{U(g)&&e(Ue)}),F(fe),H(e=>{pe=X(fe,1,`dark fixed right-0 z-[99998] pointer-events-auto flex flex-col bg-[#0a0a0f] text-slate-200 font-sans shadow-2xl shadow-black/60 border-l border-white/8 transition-transform duration-200 ease-in-out`,null,pe,{"translate-x-full":!U(l),"translate-x-0":U(l),"pointer-events-none":!U(l)}),me=Z(fe,`top: var(--wp-admin--admin-bar--height, 32px); width: ${U(u)?`100vw`:`420px`}; height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));`,me,{visibility:U(l)?void 0:`hidden`}),Q(fe,`aria-hidden`,!U(l)),fe.inert=!U(l)||void 0,q(_e,a[U(m)]??U(m)),be.disabled=!U(E)||U(T)===`saving`,Q(be,`title`,U(T)===`error`?`Save failed — click to retry`:U(E)?`Save changes (Ctrl+S)`:`No unsaved changes`),Q(be,`aria-label`,U(T)===`saving`?`Saving changes`:U(T)===`error`?`Save failed`:U(E)?`Save changes`:`No unsaved changes`),X(be,1,e),Ee.disabled=!U(x),De.disabled=!U(S),Oe.disabled=U(y)===0,ke.disabled=U(y)===0,q(Ie,a[U(m)]??U(m))},[()=>vi([`p-1 rounded transition-colors cursor-pointer shrink-0 disabled:pointer-events-none`,U(T)===`error`?`text-red-400`:U(T)===`saved`?`text-emerald-300`:U(E)?`text-emerald-400 hover:text-emerald-300 hover:bg-emerald-500/10`:`text-slate-500 opacity-40`].join(` `))]),W(`click`,be,j),W(`click`,Ee,oe),W(`click`,De,N),W(`click`,P,ce),W(`click`,Oe,se),W(`click`,ke,re),W(`click`,Ae,k),K(e,le),He()}Rr([`click`,`keydown`]);function Gy(){return window.slashedApp?.cssUrl}function Ky(e){try{return new URL(e,location.href).origin===location.origin}catch{return!1}}function qy(){let e=document.getElementById(`slashed-frontend-overlay`);if(!e||e.shadowRoot)return;uc(`dark`);let t=e.attachShadow({mode:`open`}),n=document.createElement(`div`);t.appendChild(n);let r=!1,i=()=>{r||(Yr(Wy,{target:n}),r=!0,e.setAttribute(`data-slashed-ready`,``))},a=Gy();if(a&&Ky(a)){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=a;let n=setTimeout(i,5e3),r=()=>{clearTimeout(n),i()};e.addEventListener(`load`,r),e.addEventListener(`error`,r),t.appendChild(e)}else i()}document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,qy):qy();
+      Importing one migrates tokens renamed since it was written.</p> <div class="flex gap-2"><button class="flex-1 flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"><!> Download .json</button> <button class="flex-1 flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer"><!> Import…</button></div> <input type="file" accept="application/json,.json" class="hidden"/> <!> <!></div> <button class="w-full flex items-center justify-center gap-2 py-2 rounded-lg border border-black/8 dark:border-white/8 bg-black/4 dark:bg-white/4 text-[10px] font-bold text-slate-600 dark:text-slate-400 hover:bg-black/8 dark:hover:bg-white/8 hover:text-slate-800 dark:hover:text-slate-200 transition-all cursor-pointer disabled:opacity-40 disabled:cursor-not-allowed"><!> Download W3C Design Tokens (.json)</button> <div class="rounded-lg bg-indigo-500/8 border border-indigo-500/15 p-3 space-y-2"><div class="text-[10px] font-bold text-indigo-700 dark:text-indigo-300">Usage</div> <div class="text-[10px] text-slate-600 dark:text-slate-400 leading-relaxed">Paste this CSS into your project after the SLASHED import.</div> <pre class="text-[9px] font-mono text-slate-500 bg-black/30 rounded p-2 overflow-x-auto"></pre></div></div>`);function C_(e,t){Ve(t,!0);let n=na(t,`tokens`,19,()=>[]),r=window.__SLASHED_FW_VERSION__===void 0?void 0:window.__SLASHED_FW_VERSION__,i=L(`layer`),a=L(!1),o=L(!1),s=L(Qt([])),c=L(Qt([])),l=L(null),u=I(()=>new Set(n().map(e=>e.name)));function d(){let e=m_({overrides:t.overrides,slashedVersion:r}),n=new Blob([e],{type:`application/json`}),i=URL.createObjectURL(n),a=document.createElement(`a`);a.href=i,a.download=`slashed-theme.json`,a.click(),URL.revokeObjectURL(i)}async function f(e){let n=e.target,r=n.files?.[0];if(!r)return;R(s,[],!0),R(c,[],!0);let i=await h_(r,U(u));i.overrides?(R(s,i.notes,!0),t.onApplyTheme?.(i.overrides)):R(c,i.errors,!0),n.value=``}let p=I(()=>yl(t.overrides,{mode:U(i),banner:!0})),m=I(()=>Object.keys(t.overrides).length);async function h(){try{await navigator.clipboard.writeText(U(p)),R(a,!0),setTimeout(()=>{R(a,!1)},2e3)}catch{}}async function g(){try{let e=wl(t.overrides,Jl());await navigator.clipboard.writeText(e),R(o,!0),setTimeout(()=>{R(o,!1)},2e3)}catch{}}function _(){let e=new Blob([U(p)],{type:`text/css`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`slashed-overrides.css`,n.click(),URL.revokeObjectURL(t)}function v(e){return e.includes(`color`)||e.includes(`scrim-color`)||e.includes(`shadow-color`)?`color`:e.includes(`duration`)||e.includes(`delay`)||e.includes(`transition-duration`)?`duration`:e.includes(`radius`)||e.includes(`space`)||e.includes(`size`)||e.includes(`width`)||e.includes(`height`)||e.includes(`gap`)||e.includes(`blur`)||e.includes(`text-`)||e.includes(`leading`)||e.includes(`tracking`)?`dimension`:e.includes(`font-family`)||e.includes(`font-mono`)||e.includes(`font-body`)||e.includes(`font-heading`)||e.includes(`font-code`)?`fontFamily`:e.includes(`font-weight`)||e.includes(`weight`)?`fontWeight`:`string`}function y(){let e={};for(let[n,r]of Object.entries(t.overrides)){let t=n.replace(/^--sf-/,``).replace(/-/g,`.`);e[t]={$value:r,$type:v(n)}}let n=JSON.stringify({$schema:`https://design-tokens.github.io/community-group/format/`,...e},null,2),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=document.createElement(`a`);a.href=i,a.download=`slashed-tokens.w3c.json`,a.click(),URL.revokeObjectURL(i)}var b=S_(),x=z(b),S=V(z(x),2),C=z(S,!0);F(S),F(x);var w=V(x,2),T=z(w),E=e=>{var t=g_();ga(B(t),{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`}),Me(2),K(e,t)},D=e=>{var t=__();Wa(B(t),{class:`w-3 h-3`}),Me(),K(e,t)};J(T,e=>{U(o)?e(E):e(D,-1)}),F(w);var O=V(w,2),k=V(z(O),2),A=z(k),j=V(A,2);F(k),F(O);var M=V(O,2),N=z(M),ee=z(N,!0);F(N);var te=V(N,2),ne=z(te),re=z(ne),ie=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},ae=e=>{Oa(e,{class:`w-3 h-3`})};J(re,e=>{U(a)?e(ie):e(ae,-1)}),F(ne);var oe=V(ne,2);Aa(z(oe),{class:`w-3 h-3`}),F(oe),F(te),F(M);var se=V(M,2),ce=V(z(se),4),le=z(ce);Aa(z(le),{class:`w-3 h-3`}),Me(),F(le);var ue=V(le,2);Zo(z(ue),{class:`w-3 h-3`}),Me(),F(ue),F(ce);var de=V(ce,2);Zi(de,e=>R(l,e),()=>U(l));var fe=V(de,2),pe=e=>{var t=y_(),n=z(t);Uo(z(n),{class:`w-3 h-3`}),Me(),F(n),Y(V(n,2),17,()=>U(c),ni,(e,t)=>{var n=v_(),r=z(n,!0);F(n),H(()=>q(r,U(t))),K(e,n)}),F(t),K(e,t)};J(fe,e=>{U(c).length&&e(pe)});var me=V(fe,2),he=e=>{var t=x_(),n=z(t),r=z(n);F(n),Y(V(n,2),17,()=>U(s),ni,(e,t)=>{var n=b_(),r=z(n,!0);F(n),H(()=>q(r,U(t))),K(e,n)}),F(t),H(()=>q(r,`Imported with ${U(s).length??``} adjustment${U(s).length===1?``:`s`}`)),K(e,t)};J(me,e=>{U(s).length&&e(he)}),F(se);var ge=V(se,2);Aa(z(ge),{class:`w-3 h-3`}),Me(),F(ge);var _e=V(ge,2),ve=V(z(_e),4);ve.textContent=`@import 'slashed/slashed.full.css';
+@import './slashed-overrides.css';`,F(_e),F(b),H(()=>{q(C,U(m)>0?`${U(m)} override${U(m)===1?``:`s`} ready to export.`:`No overrides yet. Customise tokens, then export.`),w.disabled=U(m)===0,X(A,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${U(i)===`layer`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),X(j,1,`flex-1 py-1.5 rounded-md text-[11px] font-bold transition-all cursor-pointer ${U(i)===`root`?`bg-indigo-600 text-white`:`text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200`}`),q(ee,U(p)||`/* No overrides */`),le.disabled=U(m)===0,ge.disabled=U(m)===0}),W(`click`,w,g),W(`click`,A,()=>{R(i,`layer`)}),W(`click`,j,()=>{R(i,`root`)}),W(`click`,ne,h),W(`click`,oe,_),W(`click`,le,d),W(`click`,ue,()=>U(l)?.click()),W(`change`,de,f),W(`click`,ge,y),K(e,b),He()}Rr([`click`,`change`]);var w_=G(`<div class="text-[11px] text-slate-400 dark:text-slate-600 py-8 text-center"> </div>`),T_=G(`<div class="text-[8px] text-slate-400 dark:text-slate-600 uppercase tracking-widest pt-2 pb-1 font-semibold"> </div>`),E_=G(`<span> </span>`),D_=G(`<span class="text-[8px] text-slate-400 dark:text-slate-600 border border-black/10 dark:border-white/10 px-1 rounded">optional</span>`),O_=G(`<div class="text-[9px] text-slate-500 mt-0.5 leading-relaxed"> </div>`),k_=G(`<div class="flex items-start gap-2 group py-1 px-2 rounded-lg hover:bg-black/4 dark:hover:bg-white/4 transition-colors"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><span class="font-mono text-[11px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!> <!></div> <!></div> <button title="Copy selector" class="shrink-0 opacity-40 hover:opacity-100 transition-opacity cursor-pointer p-1 rounded hover:bg-black/8 dark:hover:bg-white/8"><!></button></div>`),A_=G(`<!> <div class="space-y-0.5"></div>`,1),j_=G(`<div class="mt-4 mb-1"><div class="text-[9px] font-bold text-slate-500 uppercase tracking-widest py-1 border-b border-black/6 dark:border-white/6"> </div></div> <!>`,1),M_=G(`<span class="text-[8px] font-bold text-indigo-600 dark:text-indigo-400 uppercase">knob</span>`),N_=G(`<span class="text-[8px] text-amber-700/80 dark:text-amber-500/80 border border-amber-500/20 px-1 rounded">advanced</span>`),P_=G(`<div class="font-mono text-[9px] text-slate-400 dark:text-slate-600 mt-0.5"> </div>`),F_=G(`<div class="flex items-start gap-2 group py-1 px-2 rounded-lg hover:bg-black/4 dark:hover:bg-white/4 transition-colors"><div class="flex-1 min-w-0"><div class="flex items-center gap-1.5 flex-wrap"><span class="font-mono text-[10px] font-semibold text-slate-800 dark:text-slate-200"> </span> <!> <!></div> <!> <!></div> <button title="Copy var()" class="shrink-0 opacity-40 hover:opacity-100 transition-opacity cursor-pointer p-1 rounded hover:bg-black/8 dark:hover:bg-white/8"><!></button></div>`),I_=G(`<div class="flex flex-col h-full min-h-0"><div class="px-4 pt-4 pb-2 space-y-2 shrink-0"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Classes &amp; Variables</div> <input type="search" placeholder="Search classes, tokens, descriptions…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-2 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <div class="flex bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"><button> </button> <button> </button></div></div> <div class="flex-1 min-h-0 overflow-y-auto px-4 pb-4"><!></div></div>`);function L_(e,t){Ve(t,!0);let n=fs.classes,r=ds.tokens.filter(e=>e.tier===`PUBLIC`||e.tier===`PUBLIC-ADVANCED`),i=L(``),a=L(`classes`),o=L(``),s=I(()=>()=>{let e=U(i).trim().toLowerCase();return e?n.filter(t=>t.name.toLowerCase().includes(e)||t.selector?.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)):n}),c=I(()=>()=>{let e=U(i).trim().toLowerCase();return e?r.filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e)||t.group?.toLowerCase().includes(e)||t.value?.toLowerCase().includes(e)):r});function l(e){let t=new Map;for(let n of e){let e=n.category||`Other`,r=n.group||``;t.has(e)||t.set(e,new Map);let i=t.get(e);i.has(r)||i.set(r,[]),i.get(r).push(n)}return t}let u=I(()=>l(U(s)())),d=I(()=>l(U(c)())),f=null;async function p(e){try{await navigator.clipboard.writeText(e),R(o,e,!0),f&&clearTimeout(f),f=setTimeout(()=>{U(o)===e&&R(o,``),f=null},1500)}catch{}}let m={layout:`text-violet-600 dark:text-violet-400`,macro:`text-sky-600 dark:text-sky-400`,state:`text-amber-600 dark:text-amber-400`,accessibility:`text-emerald-600 dark:text-emerald-400`,motion:`text-pink-600 dark:text-pink-400`,print:`text-slate-600 dark:text-slate-400`,form:`text-orange-600 dark:text-orange-400`,component:`text-indigo-600 dark:text-indigo-400`,theme:`text-teal-600 dark:text-teal-400`};var g=I_(),_=z(g),v=V(z(_),2);Ri(v);var y=V(v,2),b=z(y),x=z(b);F(b);var S=V(b,2),C=z(S);F(S),F(y),F(_);var w=V(_,2),T=z(w),E=e=>{var t=Jr(),n=B(t),r=e=>{var t=w_(),n=z(t);F(t),H(()=>q(n,`No classes match "${U(i)??``}"`)),K(e,t)},a=I(()=>U(s)().length===0),c=e=>{var t=Jr();Y(B(t),17,()=>[...U(u).entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=j_(),s=B(a),c=z(s),l=z(c,!0);F(c),F(s),Y(V(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=A_(),s=B(a),c=e=>{var t=T_(),n=z(t,!0);F(t),H(()=>q(n,r())),K(e,t)};J(s,e=>{r()&&e(c)});var l=V(s,2);Y(l,21,i,e=>e.name,(e,t)=>{var n=k_(),r=z(n),i=z(r),a=z(i),s=z(a,!0);F(a);var c=V(a,2),l=e=>{var n=E_(),r=z(n,!0);F(n),H(()=>{X(n,1,`text-[8px] font-bold uppercase ${m[U(t).kind]??`text-slate-500`}`),q(r,U(t).kind)}),K(e,n)};J(c,e=>{U(t).kind&&e(l)});var u=V(c,2),d=e=>{K(e,D_())};J(u,e=>{U(t).optional&&e(d)}),F(i);var f=V(i,2),h=e=>{var n=O_(),r=z(n,!0);F(n),H(()=>q(r,U(t).description)),K(e,n)};J(f,e=>{U(t).description&&e(h)}),F(r);var g=V(r,2),_=z(g),v=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},y=e=>{Oa(e,{class:`w-3 h-3 text-slate-500`})};J(_,e=>{U(o)===U(t).selector?e(v):e(y,-1)}),F(g),F(n),H(()=>q(s,U(t).selector)),W(`click`,g,()=>p(U(t).selector)),K(e,n)}),F(l),K(e,a)}),H(()=>q(l,r())),K(e,a)}),K(e,t)};J(n,e=>{U(a)?e(r):e(c,-1)}),K(e,t)},D=e=>{var t=Jr(),n=B(t),r=e=>{var t=w_(),n=z(t);F(t),H(()=>q(n,`No tokens match "${U(i)??``}"`)),K(e,t)},a=I(()=>U(c)().length===0),s=e=>{var t=Jr();Y(B(t),17,()=>[...U(d).entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=j_(),s=B(a),c=z(s),l=z(c,!0);F(c),F(s),Y(V(s,2),17,()=>[...i().entries()],([e,t])=>e,(e,t)=>{var n=I(()=>h(U(t),2));let r=()=>U(n)[0],i=()=>U(n)[1];var a=A_(),s=B(a),c=e=>{var t=T_(),n=z(t,!0);F(t),H(()=>q(n,r())),K(e,t)};J(s,e=>{r()&&e(c)});var l=V(s,2);Y(l,21,i,e=>e.name,(e,t)=>{var n=F_(),r=z(n),i=z(r),a=z(i),s=z(a,!0);F(a);var c=V(a,2),l=e=>{K(e,M_())};J(c,e=>{U(t).role===`knob`&&e(l)});var u=V(c,2),d=e=>{K(e,N_())};J(u,e=>{U(t).tier===`PUBLIC-ADVANCED`&&e(d)}),F(i);var f=V(i,2),m=e=>{var n=P_(),r=z(n,!0);F(n),H(()=>q(r,U(t).value)),K(e,n)};J(f,e=>{U(t).value&&e(m)});var h=V(f,2),g=e=>{var n=O_(),r=z(n,!0);F(n),H(()=>q(r,U(t).description)),K(e,n)};J(h,e=>{U(t).description&&e(g)}),F(r);var _=V(r,2),v=z(_),y=e=>{ga(e,{class:`w-3 h-3 text-emerald-600 dark:text-emerald-400`})},b=e=>{Oa(e,{class:`w-3 h-3 text-slate-500`})};J(v,e=>{U(o)===`var(${U(t).name})`?e(y):e(b,-1)}),F(_),F(n),H(()=>q(s,U(t).name)),W(`click`,_,()=>p(`var(${U(t).name})`)),K(e,n)}),F(l),K(e,a)}),H(()=>q(l,r())),K(e,a)}),K(e,t)};J(n,e=>{U(a)?e(r):e(s,-1)}),K(e,t)};J(T,e=>{U(a)===`classes`?e(E):e(D,-1)}),F(w),F(g),H((e,t)=>{X(b,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${U(a)===`classes`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(x,`CSS classes (${e??``})`),X(S,1,`flex-1 py-1.5 rounded text-[10px] font-bold transition-all cursor-pointer ${U(a)===`tokens`?`bg-indigo-600/30 text-indigo-800 dark:text-indigo-200 border border-indigo-500/30`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(C,`CSS vars (${t??``})`)},[()=>U(s)().length,()=>U(c)().length]),Ki(v,()=>U(i),e=>R(i,e)),W(`click`,b,()=>{R(a,`classes`)}),W(`click`,S,()=>{R(a,`tokens`)}),K(e,g),He()}Rr([`click`]);var R_=/\b(?:var|calc|clamp|min|max|env)\s*\(/;function z_(e){return!!e&&R_.test(e)}function B_(e){return e===void 0?`inherit`:z_(e)?`expression`:`value`}var V_=G(`<button> </button>`),H_=G(`<div class="flex items-center gap-1.5 px-2 py-1.5 rounded-md bg-rose-500/10 border border-rose-500/20"><span class="text-[9px] text-rose-700 dark:text-rose-300 leading-snug flex-1 min-w-0">Discard this override and inherit <span class="font-mono"> </span>?</span> <button class="shrink-0 px-1.5 py-0.5 rounded text-[9px] font-bold text-slate-600 dark:text-slate-300 bg-black/5 dark:bg-white/10 hover:bg-black/10 dark:hover:bg-white/15 transition-colors cursor-pointer">Cancel</button> <button class="shrink-0 px-1.5 py-0.5 rounded text-[9px] font-bold text-white bg-rose-600 hover:bg-rose-500 transition-colors cursor-pointer">Reset</button></div>`),U_=G(`<option> </option>`),W_=G(`<select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[10px] font-mono text-slate-700 dark:text-slate-300 focus:outline-none focus:border-indigo-500 cursor-pointer"><option>Relink to a scale step…</option><!></select>`),G_=G(`<div class="text-[10px] font-mono text-slate-500 dark:text-slate-500">default: <span class="text-slate-600 dark:text-slate-400"> </span></div> <!>`,1),K_=G(`<input type="text" spellcheck="false" class="w-full bg-black/8 dark:bg-white/8 border border-black/10 dark:border-white/10 rounded px-1.5 py-1 text-[10px] font-mono text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500"/>`),q_=G(`<div class="space-y-1"><div class="flex items-center gap-0.5 p-0.5 rounded-md bg-black/5 dark:bg-white/5 w-fit"></div> <!> <!></div>`);function J_(e,t){Ve(t,!0);let n=na(t,`scaleOptions`,19,()=>[]),r=L(null),i=I(()=>U(r)??B_(t.overrideValue)),a=L(``),o=L(!1),s=L(!1),c=L(!1);wn(()=>{t.overrideValue,R(r,null),R(c,!1)}),wn(()=>{U(o)||R(a,t.overrideValue??t.token.value??``,!0)});let l=`__sf_relink__`;function u(e){let n=e.trim();!n||n===t.token.value?t.onReset():t.onSet(n)}function d(e){if(e===`inherit`){if(t.overrideValue===void 0){R(r,null),R(c,!1);return}R(c,!0);return}R(c,!1),R(r,e,!0)}function f(){R(c,!1),R(r,null),t.onReset()}let p=[{id:`inherit`,label:`Inherit`},{id:`value`,label:`Value`},{id:`expression`,label:`Expression`}];var m=q_(),h=z(m);Y(h,21,()=>p,e=>e.id,(e,t)=>{let n=I(()=>U(c)?U(t).id===`inherit`:U(i)===U(t).id);var r=V_(),a=z(r,!0);F(r),H(()=>{Q(r,`aria-pressed`,U(n)),X(r,1,`px-1.5 py-0.5 rounded text-[9px] font-bold transition-colors cursor-pointer ${U(n)?`bg-white dark:bg-slate-700 text-indigo-700 dark:text-indigo-300 shadow-sm`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(a,U(t).label)}),W(`click`,r,()=>d(U(t).id)),K(e,r)}),F(h);var g=V(h,2),_=e=>{var n=H_(),r=z(n),i=V(z(r)),a=z(i,!0);F(i),Me(),F(r);var o=V(r,2),s=V(o,2);F(n),H(()=>q(a,t.token.value)),W(`click`,o,()=>{R(c,!1)}),W(`click`,s,f),K(e,n)};J(g,e=>{U(c)&&e(_)});var v=V(g,2),y=e=>{var r=G_(),i=B(r),a=V(z(i)),o=z(a,!0);F(a),F(i);var s=V(i,2),c=e=>{var r=W_(),i=z(r);i.value=i.__value=l,Y(V(i),17,n,e=>e.value,(e,t)=>{var n=U_(),r=z(n,!0);F(n);var i={};H(()=>{q(r,U(t).label),i!==(i=U(t).value)&&(n.value=(n.__value=U(t).value)??``)}),K(e,n)}),F(r),r.value=r.__value=l,Ti(r,l),Ei(r),H(()=>Q(r,`aria-label`,`Relink ${t.token.name}`)),W(`change`,r,e=>{let n=e.target.value;n!==l&&t.onSet(n),e.target.value=l}),K(e,r)};J(s,e=>{n().length>0&&e(c)}),H(()=>q(o,t.token.value)),K(e,r)},b=e=>{var n=K_();Ri(n),H(()=>{zi(n,U(a)),Q(n,`placeholder`,U(i)===`expression`?`var(--sf-…) / calc(…)`:t.token.value)}),Lr(`focus`,n,()=>{R(o,!0)}),W(`input`,n,e=>{R(a,e.target.value,!0)}),Lr(`blur`,n,e=>{if(R(o,!1),U(s)){R(s,!1);return}u(e.target.value)}),W(`keydown`,n,e=>{e.key===`Enter`&&e.currentTarget.blur(),e.key===`Escape`&&(R(s,!0),R(o,!1),R(a,t.overrideValue??t.token.value??``,!0),e.currentTarget.blur())}),K(e,n)};J(v,e=>{U(i)===`inherit`?e(y):e(b,-1)}),F(m),K(e,m),He()}Rr([`click`,`change`,`input`,`keydown`]);var Y_=G(`<div class="w-4 h-4 rounded-sm border border-black/10 dark:border-white/10 shrink-0"></div>`),X_=G(`<button class="text-[9px] text-slate-400 dark:text-slate-600 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer shrink-0">reset</button>`),Z_=G(`<div class="text-[9px] text-slate-400 dark:text-slate-600 leading-snug mt-0.5 pl-3.5"> </div>`),Q_=G(`<span class="font-mono">↳ inherits <span class="text-sky-600 dark:text-sky-400"> </span></span>`),$_=G(`<span> </span>`),ev=G(`<div class="flex flex-wrap items-center gap-x-2 gap-y-0.5 mt-0.5 pl-3.5 text-[8px] text-slate-400 dark:text-slate-600"><!> <!></div>`),tv=G(`<div class="flex items-start gap-1 mt-1 ml-3.5 px-1.5 py-1 rounded bg-amber-500/10 text-[8px] text-amber-700 dark:text-amber-300 leading-snug"><span class="font-bold shrink-0">Detached</span> <span> <button class="underline hover:text-amber-900 dark:hover:text-amber-100 cursor-pointer">Restore link</button></span></div>`),nv=G(`<div class="flex items-start gap-1 mt-1 ml-3.5 px-1.5 py-1 rounded bg-rose-500/10 text-[8px] text-rose-700 dark:text-rose-300 leading-snug"><span class="font-bold shrink-0">Invalid</span> <span>this value can't be applied safely. <button class="underline hover:text-rose-900 dark:hover:text-rose-100 cursor-pointer">Reset</button></span></div>`),rv=G(`<div><div class="flex items-center gap-2"><div></div> <!> <div class="text-[10px] font-mono text-slate-700 dark:text-slate-300 truncate min-w-0 flex-1"> </div> <span> </span> <!></div> <!> <!> <!> <div class="mt-1 pl-3.5"><!></div></div>`);function iv(e,t){Ve(t,!0);let n=na(t,`dependentsCount`,3,0),r=I(()=>Vm(t.token)),i=I(()=>Bm(t.token)),a=I(()=>t.overrideValue===void 0?`default`:th(t.token,{[t.token.name]:t.overrideValue})),o={source:`text-slate-500 dark:text-slate-400 bg-black/5 dark:bg-white/8`,alias:`text-sky-700 dark:text-sky-300 bg-sky-500/10`,output:`text-violet-700 dark:text-violet-300 bg-violet-500/10`},s=I(()=>U(i)?U(i).replace(`--sf-`,``):``),c=I(()=>$p(t.token.value)??[]);function l(e){let t=e.name,n=e.syntax?.toLowerCase()??``;return n.includes(`<color>`)?`color`:n.includes(`number`)||n.includes(`length`)||n.includes(`integer`)||n.includes(`percentage`)?`number`:t.includes(`color`)||t.endsWith(`-bg`)?`color`:t.includes(`font`)||t.includes(`family`)?`font`:`text`}let u=I(()=>t.overrideValue??t.token.value),d=I(()=>t.overrideValue!==void 0),f=I(()=>l(t.token)),p=I(()=>t.token.name.replace(`--sf-`,``));function m(e){return Tu.value,ju(e)||ju(`var(${t.token.name})`)||e}let h=I(()=>U(f)===`color`?m(U(u)):``);var g=rv(),_=z(g),v=z(_),y=V(v,2),b=e=>{var t=Y_();let n;H(()=>n=Z(t,``,n,{background:U(h)})),K(e,t)};J(y,e=>{U(f)===`color`&&e(b)});var x=V(y,2),S=z(x,!0);F(x);var C=V(x,2),w=z(C,!0);F(C);var T=V(C,2),E=e=>{var n=X_();H(()=>Q(n,`aria-label`,`Reset ${U(p)}`)),W(`click`,n,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(T,e=>{U(d)&&e(E)}),F(_);var D=V(_,2),O=e=>{var n=Z_(),r=z(n,!0);F(n),H(()=>q(r,t.token.description)),K(e,n)};J(D,e=>{t.token.description&&e(O)});var k=V(D,2),A=e=>{var t=ev(),r=z(t),a=e=>{var t=Q_(),n=V(z(t)),r=z(n,!0);F(n),F(t),H(()=>q(r,U(s))),K(e,t)};J(r,e=>{U(i)&&e(a)});var o=V(r,2),c=e=>{var t=$_(),r=z(t);F(t),H(()=>{Q(t,`title`,`${n()} token${n()===1?``:`s`} reference this token in the framework defaults`),q(r,`used by ${n()??``} default${n()===1?``:`s`}`)}),K(e,t)};J(o,e=>{n()>0&&e(c)}),F(t),K(e,t)};J(k,e=>{(U(i)||n()>0)&&e(A)});var j=V(k,2),M=e=>{var n=tv(),i=V(z(n),2),a=z(i),o=V(a);F(i),F(n),H(()=>q(a,`${U(r)===`alias`?`frozen — no longer follows ${U(s)}.`:U(r)===`output`?`frozen — no longer derived from its source tokens.`:`a generated scale step is pinned; its source knob won't move it.`} `)),W(`click`,o,function(...e){t.onReset?.apply(this,e)}),K(e,n)},N=e=>{var n=nv(),r=V(z(n),2),i=V(z(r));F(r),F(n),W(`click`,i,function(...e){t.onReset?.apply(this,e)}),K(e,n)};J(j,e=>{U(a)===`detached`?e(M):U(a)===`invalid`&&e(N,1)});var ee=V(j,2);J_(z(ee),{get token(){return t.token},get overrideValue(){return t.overrideValue},get onSet(){return t.onSet},get onReset(){return t.onReset},get scaleOptions(){return U(c)}}),F(ee),F(g),H(()=>{X(g,1,`px-3 py-2 rounded-lg transition-colors group ${U(d)?`bg-indigo-500/8 border border-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`),X(v,1,`w-1.5 h-1.5 rounded-full shrink-0 ${U(d)?`bg-indigo-500`:`bg-black/15 dark:bg-white/15`}`),Q(x,`title`,t.token.name),q(S,U(p)),X(C,1,`shrink-0 px-1 py-px rounded text-[7px] font-bold uppercase tracking-wider ${o[U(r)]}`),Q(C,`title`,U(r)===`source`?`Source — a value you set`:U(r)===`alias`?`Alias — re-exports ${U(s)}`:`Output — generated from other tokens`),q(w,Hm[U(r)])}),K(e,g),He()}Rr([`click`]);var av=G(`<button class="flex items-center gap-1 px-2 py-1 rounded-md text-[10px] font-bold text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-500/10 transition-colors cursor-pointer shrink-0"><!> Reset all</button>`),ov=G(`<span><!> </span>`),sv=G(`<div class="flex flex-wrap gap-1.5 mt-3"></div>`),cv=G(`<div class="flex flex-col items-center justify-center text-center py-16 px-6 gap-2"><div class="w-10 h-10 rounded-full bg-emerald-500/10 flex items-center justify-center"><!></div> <p class="text-[12px] font-bold text-slate-700 dark:text-slate-300">No changes yet</p> <p class="text-[10px] text-slate-500 dark:text-slate-500 max-w-[15rem]">You're on the framework defaults. Edit any panel and your overrides will collect here.</p></div>`),lv=G(`<div class="mx-1 px-3 py-2 rounded-lg bg-amber-500/10 border border-amber-500/20"><div class="flex items-start gap-2"><!> <div class="flex-1 min-w-0"><div class="text-[10px] font-bold text-amber-700 dark:text-amber-300"> </div> <div class="text-[9px] text-amber-700/80 dark:text-amber-300/80 leading-snug mt-0.5"> </div> <button class="mt-1.5 text-[9px] font-bold text-amber-800 dark:text-amber-200 underline hover:no-underline cursor-pointer">Restore generated scale</button></div></div></div>`),uv=G(`<div><button class="ml-3.5 mb-px text-[8px] font-bold uppercase tracking-wider text-slate-400 dark:text-slate-600 hover:text-indigo-600 dark:hover:text-indigo-400 transition-colors cursor-pointer"> </button> <!></div>`),dv=G(`<div class="px-3 py-2 rounded-lg bg-black/4 dark:bg-white/4 flex items-center gap-2"><div class="min-w-0 flex-1"><div class="text-[10px] font-mono text-slate-600 dark:text-slate-400 truncate"> </div> <div class="text-[9px] font-mono text-slate-400 dark:text-slate-600 truncate"> </div></div> <button class="text-[9px] text-slate-400 dark:text-slate-600 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer shrink-0">remove</button></div>`),fv=G(`<section><div class="flex items-center gap-2 px-2 mb-1"><!> <span> </span> <span class="text-[9px] text-slate-400 dark:text-slate-600"> </span> <div class="h-px flex-1 bg-black/6 dark:bg-white/6"></div> <button class="text-[9px] font-bold text-slate-400 hover:text-rose-600 dark:hover:text-rose-400 transition-colors cursor-pointer"> </button></div> <p class="text-[9px] text-slate-400 dark:text-slate-600 px-2 mb-1.5"> </p> <div class="space-y-0.5 px-1"></div></section>`),pv=G(`<!> <!>`,1),mv=G(`<div class="flex flex-col h-full min-h-0"><div class="px-4 pt-4 pb-3 shrink-0"><div class="flex items-center justify-between gap-2"><div><h2 class="text-[13px] font-bold text-slate-800 dark:text-slate-100">Changes</h2> <p class="text-[10px] text-slate-500 dark:text-slate-500 mt-0.5">Every active override, grouped by what it does to the system.</p></div> <!></div> <!></div> <div class="w-full h-px bg-black/6 dark:bg-white/6 shrink-0"></div> <div class="flex-1 min-h-0 overflow-y-auto px-2 py-3 space-y-4"><!></div></div>`);function hv(e,t){Ve(t,!0);let n={colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,components:`Components`,misc:`System`},r=I(()=>rh(t.tokens,t.overrides)),i=I(()=>Xm(t.overrides)),a=I(()=>Um(t.tokens)),o=[{key:`invalid`,label:`Invalid`,blurb:`Contains a malformed or CSS-breaking value — fix or reset it before export.`,icon:Uo,accent:`text-rose-600 dark:text-rose-400`},{key:`detached`,label:`Detached`,blurb:`Frozen — no longer follows the token that would produce it.`,icon:Yo,accent:`text-amber-600 dark:text-amber-400`},{key:`relinked`,label:`Re-linked`,blurb:`Re-pointed at another token instead of a fixed value.`,icon:Ha,accent:`text-sky-600 dark:text-sky-400`},{key:`custom`,label:`Custom`,blurb:`A source value you set. Expected and safe.`,icon:Do,accent:`text-indigo-600 dark:text-indigo-400`},{key:`unknown`,label:`Not in this build`,blurb:`Override keys that aren't tokens in this framework version.`,icon:Sa,accent:`text-slate-500 dark:text-slate-500`}];function s(e){let n={};for(let t of e)n[t.name]=null;t.onBulkChange(n)}function c(e){let n={};for(let t of e)n[t]=null;t.onBulkChange(n)}var l=mv(),u=z(l),d=z(u),f=V(z(d),2),p=e=>{var n=av();ho(z(n),{class:`w-3 h-3`}),Me(),F(n),W(`click`,n,function(...e){t.onResetAll?.apply(this,e)}),K(e,n)};J(f,e=>{U(r).total>0&&e(p)}),F(d);var m=V(d,2),h=e=>{var t=sv();Y(t,21,()=>o,e=>e.key,(e,t)=>{let n=I(()=>U(r)[U(t).key].length);var i=Jr(),a=B(i),o=e=>{var r=ov(),i=z(r);fi(i,()=>U(t).icon,(e,t)=>{t(e,{class:`w-2.5 h-2.5`})});var a=V(i);F(r),H(()=>{X(r,1,`inline-flex items-center gap-1 px-1.5 py-0.5 rounded text-[9px] font-bold bg-black/5 dark:bg-white/8 ${U(t).accent}`),q(a,` ${U(n)??``} ${U(t).label??``}`)}),K(e,r)};J(a,e=>{U(n)>0&&e(o)}),K(e,i)}),F(t),K(e,t)};J(m,e=>{U(r).total>0&&e(h)}),F(u);var g=V(u,4),_=z(g),v=e=>{var t=cv(),n=z(t);ga(z(n),{class:`w-5 h-5 text-emerald-600 dark:text-emerald-400`}),F(n),Me(4),F(t),K(e,t)},y=e=>{var l=pv(),u=B(l);Y(u,17,()=>U(i),e=>e.family.id,(e,t)=>{var n=lv(),r=z(n),i=z(r);Uo(i,{class:`w-3.5 h-3.5 text-amber-600 dark:text-amber-400 mt-0.5 shrink-0`});var a=V(i,2),o=z(a),s=z(o);F(o);var l=V(o,2),u=z(l);F(l);var d=V(l,2);F(a),F(r),F(n),H(()=>{q(s,`${U(t).shadowedSteps.length??``} ${U(t).family.label??``} step${U(t).shadowedSteps.length===1?``:`s`} pinned`),q(u,`These fixed values override the generated ladder, so its source
+                knob${U(t).overriddenSources.length===1?``:`s`} can't move them.`)}),W(`click`,d,()=>c(U(t).shadowedSteps)),K(e,n)}),Y(V(u,2),17,()=>o,e=>e.key,(e,i)=>{let o=I(()=>U(r)[U(i).key]);var c=Jr(),l=B(c),u=e=>{var r=fv(),c=z(r),l=z(c);{let e=I(()=>`w-3 h-3 ${U(i).accent}`);fi(l,()=>U(i).icon,(t,n)=>{n(t,{get class(){return U(e)}})})}var u=V(l,2),d=z(u,!0);F(u);var f=V(u,2),p=z(f,!0);F(f);var m=V(f,4),h=z(m);F(m),F(c);var g=V(c,2),_=z(g,!0);F(g);var v=V(g,2);Y(v,21,()=>U(o),e=>e.name,(e,r)=>{var i=Jr(),o=B(i),s=e=>{let i=I(()=>td(U(r).name));var o=uv(),s=z(o),c=z(s);F(s);var l=V(s,2);{let e=I(()=>U(a).usedBy[U(r).name]?.length??0);iv(l,{get token(){return U(r).token},get overrideValue(){return t.overrides[U(r).name]},get dependentsCount(){return U(e)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}F(o),H(()=>{Q(s,`title`,`Open in ${n[U(i)]??U(i)}`),q(c,`${n[U(i)]??U(i)??``} →`)}),W(`click`,s,()=>t.onSelectDomain(U(i))),K(e,o)},c=e=>{var n=dv(),i=z(n),a=z(i),o=z(a,!0);F(a);var s=V(a,2),c=z(s,!0);F(s),F(i);var l=V(i,2);F(n),H(e=>{Q(a,`title`,U(r).name),q(o,e),Q(s,`title`,U(r).value),q(c,U(r).value)},[()=>U(r).name.replace(`--sf-`,``)]),W(`click`,l,()=>t.onReset(U(r).name)),K(e,n)};J(o,e=>{U(r).token?e(s):e(c,-1)}),K(e,i)}),F(v),F(r),H(()=>{X(u,1,`text-[10px] font-bold uppercase tracking-wider ${U(i).accent}`),q(d,U(i).label),q(p,U(o).length),q(h,`Reset ${U(o).length??``}`),q(_,U(i).blurb)}),W(`click`,m,()=>s(U(o))),K(e,r)};J(l,e=>{U(o).length>0&&e(u)}),K(e,c)}),K(e,l)};J(_,e=>{U(r).total===0?e(v):e(y,-1)}),F(g),F(l),K(e,l),He()}Rr([`click`]);var gv=G(`<span class="text-[9px] font-bold text-indigo-600 dark:text-indigo-400 font-mono"> </span>`),_v=G(`<p class="text-[11px] text-slate-400 dark:text-slate-600 text-center py-8">No tokens found</p>`),vv=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600 text-center py-2"> </p>`),yv=G(`<div class="space-y-0.5"><!> <!></div>`),bv=G(`<div class="p-4 space-y-4"><div class="flex items-center justify-between"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest capitalize"> </div> <!></div> <input type="text" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <!></div>`);function xv(e,t){Ve(t,!0);let n=L(``),r=I(()=>()=>t.tokens.filter(e=>td(e.name)===t.domain&&e.tier!==`INTERNAL`)),i=I(()=>()=>{if(!U(n))return U(r)();let e=U(n).toLowerCase();return U(r)().filter(t=>t.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))}),a=I(()=>U(i)().filter(e=>e.name in t.overrides).length);var o=bv(),s=z(o),c=z(s),l=z(c);F(c);var u=V(c,2),d=e=>{var t=gv(),n=z(t);F(t),H(()=>q(n,`${U(a)??``} modified`)),K(e,t)};J(u,e=>{U(a)>0&&e(d)}),F(s);var f=V(s,2);Ri(f);var p=V(f,2),m=e=>{K(e,_v())},h=I(()=>U(i)().length===0),g=e=>{var n=yv(),r=z(n);Y(r,17,()=>U(i)().slice(0,60),e=>e.name,(e,n)=>{iv(e,{get token(){return U(n)},get overrideValue(){return t.overrides[U(n).name]},onSet:e=>t.onSet(U(n).name,e),onReset:()=>t.onReset(U(n).name)})});var a=V(r,2),o=e=>{var t=vv(),n=z(t);F(t),H(e=>q(n,`${e??``} more — refine your search`),[()=>U(i)().length-60]),K(e,t)},s=I(()=>U(i)().length>60);J(a,e=>{U(s)&&e(o)}),F(n),K(e,n)};J(p,e=>{U(h)?e(m):e(g,-1)}),F(o),H(()=>{q(l,`${t.domain??``} tokens`),Q(f,`placeholder`,`Search ${t.domain} tokens…`),zi(f,U(n))}),W(`input`,f,e=>{R(n,e.target.value,!0)}),K(e,o),He()}Rr([`input`]);var Sv=G(`<div class="w-1 h-1 bg-white rounded-sm"></div>`),Cv=G(`<div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-rose-800"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div>`),wv=G(`<div class="text-center py-8 text-[11px] text-slate-400 dark:text-slate-600"> </div>`),Tv=G(`<div class="flex items-center gap-2 px-1.5 pt-3 pb-1"><span class="text-[8px] font-bold uppercase tracking-widest text-amber-600/80 dark:text-amber-400/80">Advanced</span> <div class="h-px flex-1 bg-amber-600/25"></div></div>`),Ev=G(`<div class="flex items-center gap-2 px-1.5 pt-3 pb-1"><span class="text-[8px] font-bold uppercase tracking-widest text-rose-700/80 dark:text-rose-400/80">Internal</span> <div class="h-px flex-1 bg-rose-800/25"></div></div>`),Dv=G(`<div class="absolute left-0 top-0 bottom-0 w-0.5 bg-amber-600/40 rounded-full"></div>`),Ov=G(`<div class="absolute left-0 top-0 bottom-0 w-0.5 bg-rose-800/40 rounded-full"></div>`),kv=G(`<!> <!> <div><!> <!> <!></div>`,1),Av=G(`<div class="space-y-0.5 px-1"></div>`),jv=G(`<div class="flex flex-col h-full min-h-0"><div class="px-3 pt-3 pb-2 space-y-2 shrink-0"><input type="text" placeholder="Search tokens…" class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-3 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 placeholder:text-slate-600 dark:placeholder:text-slate-400 focus:outline-none focus:border-indigo-500"/> <div class="flex items-center gap-3"><button><div><!></div> </button> <button><div><!></div> </button> <span class="ml-auto text-[9px] text-slate-300 dark:text-slate-700 font-mono"> </span></div> <div class="flex gap-3"><div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-slate-500"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div> <div class="flex items-center gap-1"><div class="w-1.5 h-1.5 rounded-full bg-amber-600"></div> <span class="text-[8px] text-slate-400 dark:text-slate-600"> </span></div> <!></div></div> <div class="w-full h-px bg-black/6 dark:bg-white/6 shrink-0"></div> <div class="flex-1 min-h-0 overflow-y-auto py-1"><!></div></div>`);function Mv(e,t){Ve(t,!0);let n=na(t,`focusToken`,3,null),r=na(t,`focusNonce`,3,0),i=L(null),a=L(null),o=null,s=-1;wn(()=>{let e=r();!n()||e===s||(s=e,R(u,n().replace(`--sf-`,``),!0),R(d,t.tokens.some(e=>e.name===n()&&e.tier===`INTERNAL`)||U(d),!0),R(f,!1),R(a,n()),o&&clearTimeout(o),o=setTimeout(()=>{R(a,null)},2600),requestAnimationFrame(()=>{(U(i)?.querySelector(`[data-token="${CSS.escape(n())}"]`))?.scrollIntoView({block:`center`,behavior:`smooth`})}))});let c={PUBLIC:0,"PUBLIC-ADVANCED":1,INTERNAL:2},l=I(()=>Um(t.tokens)),u=L(``),d=L(!1),f=L(!1),p=I(()=>t.tokens.filter(e=>td(e.name)===t.domain).sort((e,t)=>{let n=c[e.tier??`INTERNAL`]??2,r=c[t.tier??`INTERNAL`]??2;return n===r?e.name.localeCompare(t.name):n-r})),m=I(()=>()=>{let e=U(p);if(U(d)||(e=e.filter(e=>e.tier!==`INTERNAL`)),U(f)&&(e=e.filter(e=>e.name in t.overrides)),U(u)){let t=U(u).toLowerCase();e=e.filter(e=>e.name.toLowerCase().includes(t)||e.description?.toLowerCase().includes(t))}return e}),h=I(()=>U(p).filter(e=>e.name in t.overrides).length),g=I(()=>U(p).filter(e=>e.tier===`PUBLIC`).length),_=I(()=>U(p).filter(e=>e.tier===`PUBLIC-ADVANCED`).length),v=I(()=>U(p).filter(e=>e.tier===`INTERNAL`).length);var y=jv(),b=z(y),x=z(b);Ri(x);var S=V(x,2),C=z(S),w=z(C),T=z(w),E=e=>{K(e,Sv())};J(T,e=>{U(f)&&e(E)}),F(w);var D=V(w);F(C);var O=V(C,2),k=z(O),A=z(k),j=e=>{K(e,Sv())};J(A,e=>{U(d)&&e(j)}),F(k);var M=V(k);F(O);var N=V(O,2),ee=z(N);F(N),F(S);var te=V(S,2),ne=z(te),re=V(z(ne),2),ie=z(re);F(re),F(ne);var ae=V(ne,2),oe=V(z(ae),2),se=z(oe);F(oe),F(ae);var ce=V(ae,2),le=e=>{var t=Cv(),n=V(z(t),2),r=z(n);F(n),F(t),H(()=>q(r,`Internal (${U(v)??``})`)),K(e,t)};J(ce,e=>{U(d)&&e(le)}),F(te),F(b);var ue=V(b,4),de=z(ue),fe=e=>{var t=wv(),n=z(t,!0);F(t),H(()=>q(n,U(f)?`No modified tokens in this domain`:`No tokens found`)),K(e,t)},pe=I(()=>U(m)().length===0),me=e=>{let n=I(()=>U(m)());var r=Av();Y(r,23,()=>U(n),e=>e.name,(e,r,i)=>{var o=kv(),s=B(o),c=e=>{K(e,Tv())};J(s,e=>{U(r).tier===`PUBLIC-ADVANCED`&&U(i)>0&&U(n)[U(i)-1].tier!==`PUBLIC-ADVANCED`&&e(c)});var u=V(s,2),d=e=>{K(e,Ev())};J(u,e=>{U(r).tier===`INTERNAL`&&U(i)>0&&U(n)[U(i)-1].tier!==`INTERNAL`&&e(d)});var f=V(u,2),p=z(f),m=e=>{K(e,Dv())};J(p,e=>{U(r).tier===`PUBLIC-ADVANCED`&&e(m)});var h=V(p,2),g=e=>{K(e,Ov())};J(h,e=>{U(r).tier===`INTERNAL`&&e(g)});var _=V(h,2);{let e=I(()=>U(l).usedBy[U(r).name]?.length??0);iv(_,{get token(){return U(r)},get overrideValue(){return t.overrides[U(r).name]},get dependentsCount(){return U(e)},onSet:e=>t.onSet(U(r).name,e),onReset:()=>t.onReset(U(r).name)})}F(f),H(()=>{X(f,1,`relative rounded-lg transition-shadow ${U(a)===U(r).name?`ring-2 ring-indigo-500/70`:``}`),Q(f,`data-token`,U(r).name)}),K(e,o)}),F(r),K(e,r)};J(de,e=>{U(pe)?e(fe):e(me,-1)}),F(ue),Zi(ue,e=>R(i,e),()=>U(i)),F(y),H(e=>{zi(x,U(u)),X(C,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${U(f)?`text-indigo-600 dark:text-indigo-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),X(w,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${U(f)?`bg-indigo-600 border-indigo-500`:`border-black/20 dark:border-white/20`}`),q(D,` Modified only ${U(h)>0?`(${U(h)})`:``}`),Q(O,`aria-expanded`,U(d)),X(O,1,`flex items-center gap-1 text-[9px] font-bold transition-colors cursor-pointer ${U(d)?`text-amber-600 dark:text-amber-400`:`text-slate-400 dark:text-slate-600 hover:text-slate-600 dark:hover:text-slate-400`}`),X(k,1,`w-2.5 h-2.5 rounded border flex items-center justify-center transition-colors ${U(d)?`bg-amber-600 border-amber-500`:`border-black/20 dark:border-white/20`}`),q(M,` Internal (${U(v)??``})`),q(ee,`${e??``}/${U(p).length??``}`),q(ie,`Public (${U(g)??``})`),q(se,`Advanced (${U(_)??``})`)},[()=>U(m)().length]),W(`input`,x,e=>{R(u,e.target.value,!0)}),W(`click`,C,()=>{R(f,!U(f))}),W(`click`,O,()=>{R(d,!U(d))}),K(e,y),He()}Rr([`input`,`click`]);var Nv=G(`<option> </option>`),Pv=G(`<div class="flex items-center gap-2 p-2.5 bg-black/4 dark:bg-white/4"><span class="text-[15px] font-mono font-bold text-slate-900 dark:text-slate-100"> </span> <span> </span> <div class="flex-1"></div> <div class="grid grid-cols-2 gap-x-2 gap-y-0.5 text-[9px]"><span> </span> <span> </span> <span> </span> <span> </span></div></div>`),Fv=G(`<div class="p-2.5 bg-black/4 dark:bg-white/4 text-[10px] text-slate-500">Waiting for live preview…</div>`),Iv=G(`<button> </button>`),Lv=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600">Pick an editable brand/status <span class="font-mono">(base)</span> color as the foreground to enable auto-fix.</p>`),Rv=G(`<p class="text-[9px] text-emerald-700 dark:text-emerald-300"> </p>`),zv=G(`<div class="flex items-center gap-2"><span class="w-7 h-7 rounded border border-black/10 dark:border-white/10 shrink-0"></span> <div class="flex-1 min-w-0"><div class="text-[9px] font-mono text-slate-600 dark:text-slate-400 truncate"> </div> <div class="text-[9px] text-emerald-700 dark:text-emerald-300"> </div></div> <button class="px-2.5 py-1 rounded-lg bg-indigo-600/25 border border-indigo-500/40 text-indigo-800 dark:text-indigo-200 text-[10px] font-bold cursor-pointer hover:bg-indigo-600/35 shrink-0">Apply</button></div>`),Bv=G(`<p class="text-[9px] text-slate-400 dark:text-slate-600"> </p>`),Vv=G(`<div class="grid grid-cols-[1fr_auto_1fr] gap-2 items-end"><div><div class="text-[9px] text-slate-500 mb-1">Foreground</div> <select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select></div> <button title="Swap" class="mb-0.5 px-2 py-1.5 rounded-lg border border-black/10 dark:border-white/10 text-slate-600 dark:text-slate-400 hover:text-slate-800 dark:hover:text-slate-200 hover:bg-black/5 dark:hover:bg-white/5 cursor-pointer text-[12px]">⇄</button> <div><div class="text-[9px] text-slate-500 mb-1">Background</div> <select class="w-full bg-black/5 dark:bg-white/5 border border-black/10 dark:border-white/10 rounded-lg px-2 py-1.5 text-[11px] text-slate-800 dark:text-slate-200 focus:outline-none focus:border-indigo-500 cursor-pointer"></select></div></div> <div class="rounded-xl border border-black/8 dark:border-white/8 overflow-hidden"><div class="h-24 flex items-center justify-center"><span class="text-[26px] font-bold">Aa Bb Cc</span></div> <!></div> <div class="rounded-xl bg-black/4 dark:bg-white/4 border border-black/8 dark:border-white/8 p-3 space-y-2"><div class="flex items-center justify-between"><span class="text-[10px] font-bold text-slate-700 dark:text-slate-300">Auto-fix to pass <span class="text-slate-400 dark:text-slate-600 font-normal"> </span></span> <div class="flex bg-black/5 dark:bg-white/5 border border-black/8 dark:border-white/8 rounded-lg p-0.5 gap-0.5"></div></div> <!></div>`,1),Hv=G(`<th class="p-1 font-mono font-semibold text-slate-500 text-center whitespace-nowrap"> </th>`),Uv=G(`<td class="p-0.5"><button> </button></td>`),Wv=G(`<td class="p-0.5 text-slate-300 dark:text-slate-700 text-center">·</td>`),Gv=G(`<tr><td class="p-1 font-mono font-semibold text-slate-500 whitespace-nowrap pr-2"> </td><!></tr>`),Kv=G(`<p class="text-[10px] text-slate-400 dark:text-slate-600">Foreground (rows) × background (cols). Click a cell to load it above.</p> <div class="overflow-x-auto"><table class="border-collapse text-[9px]"><thead><tr><th class="p-1"></th><!></tr></thead><tbody></tbody></table></div>`,1),qv=G(`<div class="p-4 space-y-6"><section class="space-y-1"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Contrast checker</div> <p class="text-[10px] text-slate-400 dark:text-slate-600 leading-relaxed">Live WCAG ratios computed from the actual rendered preview colors — including derived steps and your overrides.</p></section> <section class="space-y-3"><button class="w-full flex items-center justify-between cursor-pointer"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Pair checker</div> <span class="text-[10px] text-slate-500"> </span></button> <!></section> <div class="h-px bg-black/6 dark:bg-white/6"></div> <section class="space-y-2"><button class="w-full flex items-center justify-between cursor-pointer"><div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Contrast matrix</div> <span class="text-[10px] text-slate-500"> </span></button> <!></section></div>`);function Jv(e,t){Ve(t,!0);let n=I(()=>ic.value===`dark`?`#16161e`:`#ffffff`),r=[{label:`Text`,expr:`var(--sf-color-text)`},{label:`Text secondary`,expr:`var(--sf-color-text--subtle)`},{label:`Text muted`,expr:`var(--sf-color-text--muted)`},{label:`White`,expr:`#ffffff`},{label:`Black`,expr:`#000000`}],i=[{label:`Surface`,expr:`var(--sf-color-surface)`},{label:`Bg`,expr:`var(--sf-color-bg)`},{label:`Border`,expr:`var(--sf-color-border)`}],a=[{key:`primary`,srcLight:`--sf-color-primary-source-light`,defLight:`oklch(0.47 0.27 264)`,srcDark:`--sf-color-primary-source-dark`,defDark:`oklch(0.715 0.243 264)`},{key:`secondary`,srcLight:`--sf-color-secondary-source-light`,defLight:`oklch(0.22 0.04 264)`,srcDark:`--sf-color-secondary-source-dark`,defDark:`oklch(0.84 0.036 264)`},{key:`tertiary`,srcLight:`--sf-color-tertiary-source-light`,defLight:`oklch(0.42 0.22 295)`,srcDark:`--sf-color-tertiary-source-dark`,defDark:`oklch(0.74 0.198 295)`},{key:`action`,srcLight:`--sf-color-action-source-light`,defLight:`oklch(0.50 0.22 235)`,srcDark:`--sf-color-action-source-dark`,defDark:`oklch(0.70 0.198 235)`},{key:`neutral`,srcLight:`--sf-color-neutral-source-light`,defLight:`oklch(0.52 0.025 260)`,srcDark:`--sf-color-neutral-source-dark`,defDark:`oklch(0.69 0.0225 260)`},{key:`success`,srcLight:`--sf-color-success-source-light`,defLight:`oklch(0.50 0.16 145)`,srcDark:`--sf-color-success-source-dark`,defDark:`oklch(0.70 0.144 145)`},{key:`warning`,srcLight:`--sf-color-warning-source-light`,defLight:`oklch(0.75 0.17 80)`,srcDark:`--sf-color-warning-source-dark`,defDark:`oklch(0.65 0.153 80)`},{key:`danger`,srcLight:`--sf-color-danger-source-light`,defLight:`oklch(0.48 0.22 12)`,srcDark:`--sf-color-danger-source-dark`,defDark:`oklch(0.71 0.198 12)`},{key:`info`,srcLight:`--sf-color-info-source-light`,defLight:`oklch(0.48 0.18 235)`,srcDark:`--sf-color-info-source-dark`,defDark:`oklch(0.71 0.162 235)`}],o=a.flatMap(e=>[{label:`${e.key} (base)`,expr:`var(--sf-color-${e.key})`,editKey:e.key},{label:`${e.key}-100`,expr:`var(--sf-color-${e.key}-100)`},{label:`${e.key}-600`,expr:`var(--sf-color-${e.key}-600)`},{label:`${e.key}-900`,expr:`var(--sf-color-${e.key}-900)`}]),s=[...r,...i,...o],c=Object.fromEntries(a.map(e=>[e.key,e])),l=[{label:`text`,expr:`var(--sf-color-text)`},{label:`white`,expr:`#ffffff`},{label:`black`,expr:`#000000`},{label:`primary`,expr:`var(--sf-color-primary)`,editKey:`primary`}],u=[{label:`surface`,expr:`var(--sf-color-surface)`},{label:`primary`,expr:`var(--sf-color-primary)`},{label:`neutral-100`,expr:`var(--sf-color-neutral-100)`},{label:`success`,expr:`var(--sf-color-success)`},{label:`warning`,expr:`var(--sf-color-warning)`},{label:`danger`,expr:`var(--sf-color-danger)`}],d=L(`White`),f=L(`primary (base)`),p=L(`AA`),m=I(()=>s.find(e=>e.label===U(d))??s[0]),h=I(()=>s.find(e=>e.label===U(f))??s[0]);function g(e,t){Tu.value;let n=Fu(e),r=Fu(t);return!n||!r?null:gd(hd(...n),hd(...r))}function _(e){return e>=7?{tag:`AAA`,cls:`bg-emerald-500/25 text-emerald-800 dark:text-emerald-200`}:e>=4.5?{tag:`AA`,cls:`bg-emerald-500/15 text-emerald-700 dark:text-emerald-300`}:e>=3?{tag:`AA-L`,cls:`bg-amber-500/20 text-amber-700 dark:text-amber-300`}:{tag:`Fail`,cls:`bg-rose-500/20 text-rose-700 dark:text-rose-300`}}let v=I(()=>g(U(m).expr,U(h).expr));function y(){let e=U(d);R(d,U(f),!0),R(f,e,!0)}function b(e,t){let n=s.find(t=>t.expr===e),r=s.find(e=>e.expr===t);n&&R(d,n.label,!0),r&&R(f,r.label,!0)}function x(e){return Tu.value,ju(e)||e}let S=L(!1),C=L(!1),w=L(null);function T(){R(w,null);let e=U(m).editKey?c[U(m).editKey]:null;if(!e)return;let n=Ou()===`dark`,r=n?e.srcDark:e.srcLight,i=n?e.defDark:e.defLight,{c:a,h:o,l:s,valid:l}=_d(t.overrides[r]??i);if(!l)return;let u=Fu(U(h).expr);if(!u)return;let d=hd(...u),f=U(p)===`AAA`?7:4.5,g=null;for(let e=0;e<=1.0001;e+=.005){let[t,n,r]=pd(e,a,o);gd(hd(t,n,r),d)>=f&&(g===null||Math.abs(e-s)<Math.abs(g-s))&&(g=e)}if(g===null)return;let[_,v,y]=pd(g,a,o),b=gd(hd(_,v,y),d);R(w,{token:r,value:vd(g,a,o),ratio:b},!0)}function E(){U(w)&&(t.onSet(U(w).token,U(w).value),R(w,null))}wn(()=>{if(!U(S)){R(w,null);return}Tu.value,U(d),U(f),U(p),U(m).editKey&&U(v)!==null&&U(v)<(U(p)===`AAA`?7:4.5)?T():R(w,null)});var D=qv(),O=V(z(D),2),k=z(O),A=V(z(k),2),j=z(A,!0);F(A),F(k);var M=V(k,2),N=e=>{var t=Vv(),r=B(t),i=z(r),a=V(z(i),2);Y(a,21,()=>s,e=>e.label,(e,t)=>{var r=Nv(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).label)&&(r.value=(r.__value=U(t).label)??``)}),K(e,r)}),F(a),F(i);var o=V(i,2),c=V(o,2),l=V(z(c),2);Y(l,21,()=>s,e=>e.label,(e,t)=>{var r=Nv(),i=z(r,!0);F(r);var a={};H(()=>{Z(r,`background:${U(n)};`),q(i,U(t).label),a!==(a=U(t).label)&&(r.value=(r.__value=U(t).label)??``)}),K(e,r)}),F(l),F(c),F(r);var u=V(r,2),g=z(u),b=z(g);F(g);var S=V(g,2),C=e=>{let t=I(()=>_(U(v)));var n=Pv(),r=z(n),i=z(r);F(r);var a=V(r,2),o=z(a,!0);F(a);var s=V(a,4),c=z(s),l=z(c);F(c);var u=V(c,2),d=z(u);F(u);var f=V(u,2),p=z(f);F(f);var m=V(f,2),h=z(m);F(m),F(s),F(n),H(e=>{q(i,`${e??``}:1`),X(a,1,`text-[10px] font-bold px-2 py-0.5 rounded ${U(t).cls}`),q(o,U(t).tag),X(c,1,vi(U(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(l,`${U(v)>=4.5?`✓`:`✗`} AA normal`),X(u,1,vi(U(v)>=3?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(d,`${U(v)>=3?`✓`:`✗`} AA large`),X(f,1,vi(U(v)>=7?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(p,`${U(v)>=7?`✓`:`✗`} AAA normal`),X(m,1,vi(U(v)>=4.5?`text-emerald-700 dark:text-emerald-300`:`text-rose-700 dark:text-rose-300`)),q(h,`${U(v)>=4.5?`✓`:`✗`} AAA large`)},[()=>U(v).toFixed(2)]),K(e,n)},T=e=>{K(e,Fv())};J(S,e=>{U(v)===null?e(T,-1):e(C)}),F(u);var D=V(u,2),O=z(D),k=z(O),A=V(z(k)),j=z(A);F(A),F(k);var M=V(k,2);Y(M,20,()=>[`AA`,`AAA`],e=>e,(e,t)=>{var n=Iv(),r=z(n,!0);F(n),H(()=>{X(n,1,`px-2 py-0.5 rounded-md text-[10px] font-bold cursor-pointer ${U(p)===t?`bg-black/12 dark:bg-white/12 text-slate-900 dark:text-white`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(r,t)}),W(`click`,n,()=>{R(p,t,!0)}),K(e,n)}),F(M),F(O);var N=V(O,2),ee=e=>{K(e,Lv())},te=e=>{var t=Rv(),n=z(t);F(t),H(()=>q(n,`Already passes ${U(p)??``}. 🎉`)),K(e,t)},ne=e=>{var t=zv(),n=z(t),r=V(n,2),i=z(r),a=z(i,!0);F(i);var o=V(i,2),s=z(o);F(o),F(r);var c=V(r,2);F(t),H((e,t)=>{Z(n,e),q(a,U(w).value),q(s,`→ ${t??``}:1 (${U(p)??``} ✓)`)},[()=>`background:${x(U(w).value)}`,()=>U(w).ratio.toFixed(2)]),W(`click`,c,E),K(e,t)},re=e=>{var t=Bv(),n=z(t);F(t),H(()=>q(n,`No lightness of this hue reaches ${U(p)??``} on this background — try a different background or hue.`)),K(e,t)};J(N,e=>{U(m).editKey?U(v)!==null&&U(v)>=(U(p)===`AAA`?7:4.5)?e(te,1):U(w)?e(ne,2):e(re,-1):e(ee)}),F(D),H((e,t,n)=>{Z(g,e),Z(b,t),q(j,`(for ${n??``} mode)`)},[()=>`background:${x(U(h).expr)}`,()=>`color:${x(U(m).expr)}`,()=>Ou()]),Di(a,()=>U(d),e=>R(d,e)),W(`click`,o,y),Di(l,()=>U(f),e=>R(f,e)),K(e,t)};J(M,e=>{U(S)&&e(N)}),F(O);var ee=V(O,4),te=z(ee),ne=V(z(te),2),re=z(ne,!0);F(ne),F(te);var ie=V(te,2),ae=e=>{var t=Kv(),n=V(B(t),2),r=z(n),i=z(r),a=z(i);Y(V(z(a)),17,()=>u,e=>e.label,(e,t)=>{var n=Hv(),r=z(n,!0);F(n),H(()=>q(r,U(t).label)),K(e,n)}),F(a),F(i);var o=V(i);Y(o,21,()=>l,e=>e.label,(e,t)=>{var n=Gv(),r=z(n),i=z(r,!0);F(r),Y(V(r),17,()=>u,e=>e.label,(e,n)=>{let r=I(()=>g(U(t).expr,U(n).expr));var i=Jr(),a=B(i),o=e=>{let i=I(()=>_(U(r)));var a=Uv(),o=z(a),s=z(o,!0);F(o),F(a),H((e,t)=>{Q(o,`title`,e),X(o,1,`w-full px-1.5 py-1 rounded font-mono font-bold cursor-pointer ${U(i).cls}`),q(s,t)},[()=>`${U(t).label} on ${U(n).label} — ${U(r).toFixed(2)}:1`,()=>U(r).toFixed(1)]),W(`click`,o,()=>b(U(t).expr,U(n).expr)),K(e,a)},s=e=>{K(e,Wv())};J(a,e=>{U(r)===null?e(s,-1):e(o)}),K(e,i)}),F(n),H(()=>q(i,U(t).label)),K(e,n)}),F(o),F(r),F(n),K(e,t)};J(ie,e=>{U(C)&&e(ae)}),F(ee),F(D),H(()=>{Q(k,`aria-expanded`,U(S)),q(j,U(S)?`▲`:`▼`),Q(te,`aria-expanded`,U(C)),q(re,U(C)?`▲`:`▼`)}),W(`click`,k,()=>{R(S,!U(S))}),W(`click`,te,()=>{R(C,!U(C))}),K(e,D),He()}Rr([`click`]);var Yv=G(`<button> </button>`),Xv=G(`<!> <!> <div class="flex items-center gap-2"><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 w-24 shrink-0">Ring color</div> <!></div> <div><div class="text-[10px] font-semibold text-slate-600 dark:text-slate-400 mb-1.5">Ring style</div> <div class="flex gap-2"></div></div> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-4 flex items-center justify-center"><div class="px-4 py-2 bg-indigo-600/30 rounded-lg text-[11px] text-indigo-800 dark:text-indigo-200"> </div></div>`,1),Zv=G(`<!> <div class="bg-black/4 dark:bg-white/4 rounded-xl border border-black/8 dark:border-white/8 p-3 flex items-center gap-3"><div class="bg-indigo-500/30 border border-indigo-500/30 rounded flex items-center justify-center text-[9px] font-mono text-indigo-600/70 dark:text-indigo-400/70 shrink-0"></div> <p class="text-[9px] text-slate-400 dark:text-slate-600">Minimum interactive area — ensures accessibility on touch devices.</p></div>`,1),Qv=G(`<div class="p-4 space-y-6"><!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <!> <div class="h-px bg-black/6 dark:bg-white/6"></div> <div class="text-[10px] font-bold text-slate-500 uppercase tracking-widest">Colour contrast</div> <!></div>`);function $v(e,t){Ve(t,!0);let n=[`solid`,`dashed`,`dotted`];function r(e,t,n){if(!e)return t;let r=parseFloat(n?e.replace(n,``):e);return isNaN(r)?t:r}let i=I(()=>r(t.overrides[`--sf-focus-ring-width`],2,`px`)),a=I(()=>r(t.overrides[`--sf-focus-ring-offset`],2,`px`)),o=I(()=>t.overrides[`--sf-focus-ring-color`]??``),s=I(()=>r(t.overrides[`--sf-touch-target`],44,`px`)),c=L(!0),l=L(!1);var u=Qv(),d=z(u);cf(d,{title:`Focus ring`,get open(){return U(c)},set open(e){R(c,e,!0)},children:(e,r)=>{var s=Xv(),c=B(s);{let e=I(()=>`--sf-focus-ring-width`in t.overrides);$(c,{label:`Ring width`,get value(){return U(i)},min:0,max:6,step:.5,unit:`px`,help:`Thickness of the keyboard focus indicator`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-focus-ring-width`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-width`)})}var l=V(c,2);{let e=I(()=>`--sf-focus-ring-offset`in t.overrides);$(l,{label:`Ring offset`,get value(){return U(a)},min:0,max:8,step:.5,unit:`px`,help:`Gap between element edge and focus ring`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-focus-ring-offset`,`${e}px`),onReset:()=>t.onReset(`--sf-focus-ring-offset`)})}var u=V(l,2),d=V(z(u),2);{let e=I(()=>`--sf-focus-ring-color`in t.overrides);of(d,{token:`--sf-focus-ring-color`,get value(){return U(o)},placeholder:`default (action)`,get isOverridden(){return U(e)},onSet:e=>t.onSet(`--sf-focus-ring-color`,e),onReset:()=>t.onReset(`--sf-focus-ring-color`)})}F(u);var f=V(u,2),p=V(z(f),2);Y(p,20,()=>n,e=>e,(e,n)=>{let r=I(()=>t.overrides[`--sf-focus-ring-style`]??`solid`);var i=Yv(),a=z(i,!0);F(i),H(()=>{X(i,1,`flex-1 py-2 rounded-lg text-[10px] border transition-all cursor-pointer capitalize ${U(r)===n?`bg-indigo-500/15 border-indigo-500/40 text-indigo-800 dark:text-indigo-200`:`border-black/8 dark:border-white/8 text-slate-600 dark:text-slate-400 hover:bg-black/5 dark:hover:bg-white/5 hover:text-slate-800 dark:hover:text-slate-200`}`),q(a,n)}),W(`click`,i,()=>n===`solid`?t.onReset(`--sf-focus-ring-style`):t.onSet(`--sf-focus-ring-style`,n)),K(e,i)}),F(p),F(f);var m=V(f,2),h=z(m);Z(h,`outline: var(--sf-focus-ring-width, 2px) var(--sf-focus-ring-style, solid) var(--sf-focus-ring-color, oklch(0.7 0.2 235)); outline-offset: var(--sf-focus-ring-offset, 2px)`);var g=z(h);F(h),F(m),H(()=>q(g,`Focus ring · ${t.overrides[`--sf-focus-ring-style`]??`solid`??``}`)),K(e,s)},$$slots:{default:!0}});var f=V(d,4);cf(f,{title:`Touch target`,get open(){return U(l)},set open(e){R(l,e,!0)},children:(e,n)=>{var r=Zv(),i=B(r);{let e=I(()=>`--sf-touch-target`in t.overrides);$(i,{label:`Min touch size`,get value(){return U(s)},min:32,max:64,step:1,unit:`px`,help:`--sf-touch-target — minimum tappable area for interactive elements (WCAG 2.5.5). Independent literal (2.75rem / 44px) — deliberately NOT an alias of the --sf-size-* scale, so retuning sizes never drops below the accessibility floor.`,get overridden(){return U(e)},onChange:e=>t.onSet(`--sf-touch-target`,`${e}px`),onReset:()=>t.onReset(`--sf-touch-target`),rawDefault:`2.75rem`,get currentRaw(){return t.overrides[`--sf-touch-target`]},onRawSet:e=>t.onSet(`--sf-touch-target`,e)})}var a=V(i,2);Z(z(a),`width: var(--sf-touch-target, 2.75rem); height: var(--sf-touch-target, 2.75rem)`),Me(2),F(a),K(e,r)},$$slots:{default:!0}}),Jv(V(f,6),{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onBulkChange(){return t.onBulkChange}}),F(u),K(e,u),He()}Rr([`click`]);var ey=G(`<div class="h-full overflow-y-auto"><!></div>`),ty=G(`<span class="ml-0.5 text-[8px] bg-indigo-600 text-white rounded-full px-1.5 py-0.5 leading-none font-black"> </span>`),ny=G(`<div class="flex flex-col h-full min-h-0"><div class="flex-1 min-h-0 overflow-hidden"><!></div> <div class="shrink-0 border-t border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0a0a10] flex"><button><!> Controls</button> <div class="w-px bg-black/8 dark:bg-white/8"></div> <button><!> All tokens <!></button></div></div>`);function ry(e,t){Ve(t,!0);let n=na(t,`focusToken`,3,null),r=na(t,`focusNonce`,3,0),i=new Set([`home`,`changes`,`themes`,`setup`,`cheatsheet`]),a=L(`controls`),o=-1;wn(()=>{t.domain;let e=r();n()&&e!==o?(o=e,R(a,`tokens`)):R(a,`controls`)});let s=I(()=>t.tokens.filter(e=>td(e.name)===t.domain&&e.name in t.overrides).length);var c=Jr(),l=B(c),u=e=>{var n=Jr(),r=B(n),i=e=>{dd(e,{get overrides(){return t.overrides},get onSelect(){return t.onSelectDomain},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},a=e=>{hv(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onResetAll(){return t.onResetAll},get onSelectDomain(){return t.onSelectDomain}})},o=e=>{n_(e,{get overrides(){return t.overrides},get onApplyTheme(){return t.onApplyTheme},get onResetAll(){return t.onResetAll}})},s=e=>{C_(e,{get overrides(){return t.overrides},get tokens(){return t.tokens},get onApplyTheme(){return t.onApplyTheme}})},c=e=>{L_(e,{})};J(r,e=>{t.domain===`home`?e(i):t.domain===`changes`?e(a,1):t.domain===`themes`?e(o,2):t.domain===`setup`?e(s,3):t.domain===`cheatsheet`&&e(c,4)}),K(e,n)},d=I(()=>i.has(t.domain)),f=e=>{var i=ny(),o=z(i),c=z(o),l=e=>{var n=ey(),r=z(n),i=e=>{Xf(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange},get onSelectDomain(){return t.onSelectDomain}})},a=e=>{Gp(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},o=e=>{am(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},s=e=>{Pm(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},c=e=>{vh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},l=e=>{Wh(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},u=e=>{og(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},d=e=>{xg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},f=e=>{zg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},p=e=>{qg(e,{get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})},m=e=>{$v(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset},get onBulkChange(){return t.onBulkChange}})},h=e=>{xv(e,{get domain(){return t.domain},get tokens(){return t.tokens},get overrides(){return t.overrides},get onSet(){return t.onSet},get onReset(){return t.onReset}})};J(r,e=>{t.domain===`colors`?e(i):t.domain===`typography`?e(a,1):t.domain===`spacing`?e(o,2):t.domain===`layout`?e(s,3):t.domain===`borders`?e(c,4):t.domain===`depth`?e(l,5):t.domain===`motion`?e(u,6):t.domain===`macros`?e(d,7):t.domain===`misc`?e(f,8):t.domain===`components`?e(p,9):t.domain===`wcag`?e(m,10):e(h,-1)}),F(n),K(e,n)},u=e=>{Mv(e,{get tokens(){return t.tokens},get overrides(){return t.overrides},get domain(){return t.domain},get focusToken(){return n()},get focusNonce(){return r()},get onSet(){return t.onSet},get onReset(){return t.onReset}})};J(c,e=>{U(a)===`controls`?e(l):e(u,-1)}),F(o);var d=V(o,2),f=z(d);Do(z(f),{class:`w-3 h-3`}),Me(),F(f);var p=V(f,4),m=z(p);Ja(m,{class:`w-3 h-3`});var h=V(m,2),g=e=>{var t=ty(),n=z(t,!0);F(t),H(()=>q(n,U(s))),K(e,t)};J(h,e=>{U(s)>0&&e(g)}),F(p),F(d),F(i),H(()=>{X(f,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${U(a)===`controls`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),X(p,1,`flex-1 flex items-center justify-center gap-1.5 py-2 text-[10px] font-bold transition-all cursor-pointer ${U(a)===`tokens`?`text-indigo-700 dark:text-indigo-300 bg-indigo-600/10 border-t-2 border-t-indigo-500 -mt-px`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`)}),W(`click`,f,()=>{R(a,`controls`)}),W(`click`,p,()=>{R(a,`tokens`)}),K(e,i)};J(l,e=>{U(d)?e(u):e(f,-1)}),K(e,c),He()}Rr([`click`]);var iy=/^--sf-[\w-]+$/;function ay(e){return e.trim().startsWith(`{`)}function oy(e){try{let t=JSON.parse(e);return!t||typeof t!=`object`||Array.isArray(t)?{map:{},malformed:!0}:{map:`overrides`in t&&t.overrides&&typeof t.overrides==`object`&&!Array.isArray(t.overrides)?t.overrides:`tokens`in t&&t.tokens&&typeof t.tokens==`object`&&!Array.isArray(t.tokens)?t.tokens:t,malformed:!1}}catch{return{map:{},malformed:!0}}}function sy(e,t,n){let r=/\.json$/i.test(t)||ay(e),{map:i,malformed:a}=r?oy(e):{map:bl(e),malformed:!1},o={},s=[];for(let[e,t]of Object.entries(i)){if(!iy.test(e)||typeof t!=`string`){s.push(e);continue}if(/[\u0000-\u0008\u000b\u000c\u000e-\u001f\u007f]/.test(t)){s.push(e);continue}let n=vl(t);if(!eh(n)){s.push(e);continue}o[e]=n}let c=p_(o,{live:n});return{overrides:c.overrides,report:{format:r?`json`:`css`,accepted:Object.keys(c.overrides).length,renamed:c.renamed.length,removed:c.removed.length,unknown:c.unknown.length,invalid:s,collisions:c.collisions.length,malformed:a&&Object.keys(o).length===0}}}function cy(e){if(e.malformed)return`Import failed — the file has no recognisable SLASHED tokens.`;if(e.accepted===0)return`Nothing imported — no valid SLASHED tokens found.`;let t=[`Imported ${e.accepted} token${e.accepted===1?``:`s`}`];return e.renamed&&t.push(`${e.renamed} migrated`),e.removed&&t.push(`${e.removed} removed`),e.unknown&&t.push(`${e.unknown} unknown`),e.invalid.length&&t.push(`${e.invalid.length} skipped`),e.collisions&&t.push(`${e.collisions} migration collision${e.collisions===1?``:`s`}`),t.join(` · `)+`.`}var ly=G(`<div class="px-4 py-8 text-center text-[11px] text-slate-400 dark:text-slate-600"> </div>`),uy=G(`<div class="px-4 pt-2 pb-1 text-[8px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Go to</div>`),dy=G(`<div class="px-4 pt-2 pb-1 text-[8px] font-bold uppercase tracking-widest text-slate-400 dark:text-slate-600">Tokens</div>`),fy=G(`<span class="text-[12px] font-semibold text-slate-800 dark:text-slate-200 flex-1 truncate"> </span> <span class="text-[9px] text-slate-400 dark:text-slate-600">panel</span>`,1),py=G(`<span class="shrink-0 text-[8px] font-bold text-indigo-600 dark:text-indigo-400 bg-indigo-500/15 border border-indigo-500/25 rounded px-1 py-0.5">overridden</span>`),my=G(`<div class="text-[10px] text-slate-400 dark:text-slate-600 truncate mt-0.5"> </div>`),hy=G(`<div class="flex-1 min-w-0"><div class="flex items-center gap-2"><span class="text-[11px] font-mono text-slate-800 dark:text-slate-200 truncate"> </span> <!></div> <!></div> <span class="text-[9px] font-bold text-slate-500 dark:text-slate-400 bg-black/5 dark:bg-white/5 rounded px-1.5 py-0.5 shrink-0"> </span>`,1),gy=G(`<!> <!> <button><!></button>`,1),_y=G(`<div class="px-4 py-2 border-t border-black/6 dark:border-white/6 flex items-center gap-3 text-[9px] text-slate-400 dark:text-slate-600"><span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">↑↓</kbd> navigate</span> <span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">↵</kbd> open</span> <span><kbd class="font-mono border border-black/10 dark:border-white/10 rounded px-1">Esc</kbd> close</span></div>`),vy=G(`<div class="fixed inset-0 z-50 bg-black/60 backdrop-blur-sm flex items-start justify-center pt-[15vh]" role="dialog" aria-modal="true" aria-label="Search" tabindex="-1"><div class="w-[560px] max-w-[95vw] bg-white dark:bg-[#111118] border border-black/12 dark:border-white/12 rounded-2xl shadow-2xl overflow-hidden"><div class="flex items-center gap-3 px-4 py-3 border-b border-black/8 dark:border-white/8"><svg class="w-4 h-4 text-slate-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path></svg> <input placeholder="Search panels &amp; tokens… (e.g. Shape, radius, primary)" class="flex-1 bg-transparent text-[13px] text-slate-900 dark:text-slate-100 placeholder-slate-400 dark:placeholder-slate-600 outline-none"/> <kbd class="text-[9px] font-mono text-slate-400 dark:text-slate-600 border border-black/10 dark:border-white/10 rounded px-1.5 py-0.5 shrink-0">Esc</kbd></div> <div class="max-h-[360px] overflow-y-auto"><!></div> <!></div></div>`);function yy(e,t){Ve(t,!0);let n=L(``),r=L(0),i=L(null),a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,misc:`System`,components:`Components`,changes:`Changes`,wcag:`Accessibility`,themes:`Presets`,setup:`Install & export`,cheatsheet:`Reference`},o={borders:[`border`,`radius`,`shape`],shadows:[`shadow`,`depth`],effects:[`effect`],wcag:[`accessibility`,`contrast`],themes:[`theme`,`preset`],setup:[`install`,`export`],cheatsheet:[`reference`,`classes`],misc:[`system`]},s=[`home`,`colors`,`typography`,`spacing`,`borders`,`motion`,`layout`,`depth`,`macros`,`components`,`misc`,`changes`,`wcag`,`themes`,`setup`,`cheatsheet`].map(e=>({id:e,label:a[e]??e,terms:[e,...o[e]??[]]})),c=I(()=>{let e=U(n).trim().toLowerCase(),r=(e?s.filter(t=>t.label.toLowerCase().includes(e)||t.terms.some(t=>t.includes(e))):s).map(e=>({kind:`nav`,id:e.id,label:e.label})),i=[];if(e){for(let n of t.tokens)if(n.tier!==`INTERNAL`&&(n.name.toLowerCase().includes(e)||(n.description?.toLowerCase().includes(e)??!1))&&(i.push({kind:`token`,token:n,domain:td(n.name),overridden:n.name in t.overrides}),i.length>=40))break}return[...r,...i]}),l=I(()=>U(c).filter(e=>e.kind===`nav`).length);wn(()=>{U(n),R(r,0)}),wn(()=>{U(i)&&U(i).focus()});function u(e){e.kind===`nav`?t.onNavigate(e.id):t.onNavigate(e.domain,e.token.name),t.onClose()}function d(e){if(e.key===`Escape`){e.preventDefault(),t.onClose();return}if(e.key===`ArrowDown`){e.preventDefault(),R(r,Math.min(U(r)+1,U(c).length-1),!0);return}if(e.key===`ArrowUp`){e.preventDefault(),R(r,Math.max(U(r)-1,0),!0);return}e.key===`Enter`&&U(c)[U(r)]&&(e.preventDefault(),u(U(c)[U(r)]))}var f=vy(),p=z(f),m=z(p),h=V(z(m),2);Ri(h),Zi(h,e=>R(i,e),()=>U(i)),Me(2),F(m);var g=V(m,2),_=z(g),v=e=>{var t=ly(),r=z(t);F(t),H(()=>q(r,`No matches for "${U(n)??``}"`)),K(e,t)},y=e=>{var t=Jr();Y(B(t),19,()=>U(c),e=>e.kind===`nav`?`nav:${e.id}`:`tok:${e.token.name}`,(e,t,n)=>{var i=gy(),o=B(i),s=e=>{K(e,uy())};J(o,e=>{U(n)===0&&U(l)>0&&e(s)});var c=V(o,2),d=e=>{K(e,dy())};J(c,e=>{U(t).kind===`token`&&U(n)===U(l)&&e(d)});var f=V(c,2),p=z(f),m=e=>{var n=fy(),r=B(n),i=z(r,!0);F(r),Me(2),H(()=>q(i,U(t).label)),K(e,n)},h=e=>{var n=hy(),r=B(n),i=z(r),o=z(i),s=z(o,!0);F(o);var c=V(o,2),l=e=>{K(e,py())};J(c,e=>{U(t).overridden&&e(l)}),F(i);var u=V(i,2),d=e=>{var n=my(),r=z(n,!0);F(n),H(()=>q(r,U(t).token.description)),K(e,n)};J(u,e=>{U(t).token.description&&e(d)}),F(r);var f=V(r,2),p=z(f,!0);F(f),H(()=>{q(s,U(t).token.name),q(p,a[U(t).domain]??U(t).domain)}),K(e,n)};J(p,e=>{U(t).kind===`nav`?e(m):e(h,-1)}),F(f),H(()=>X(f,1,`w-full flex items-center gap-3 px-4 py-2 text-left transition-colors cursor-pointer ${U(r)===U(n)?`bg-indigo-500/15`:`hover:bg-black/4 dark:hover:bg-white/4`}`)),Lr(`mouseenter`,f,()=>{R(r,U(n),!0)}),W(`click`,f,()=>u(U(t))),K(e,i)}),K(e,t)};J(_,e=>{U(c).length===0?e(v):e(y,-1)}),F(g);var b=V(g,2),x=e=>{K(e,_y())};J(b,e=>{U(c).length>0&&e(x)}),F(p),F(f),W(`mousedown`,f,e=>{e.target===e.currentTarget&&t.onClose()}),W(`keydown`,h,d),Ki(h,()=>U(n),e=>R(n,e)),K(e,f),He()}Rr([`mousedown`,`keydown`,`click`]);var by=G(`<span class="w-4 h-4 bg-indigo-600 text-white rounded-full flex items-center justify-center text-[8px] font-black"> </span>`),xy=G(`<button><!> <!></button>`),Sy=G(`<div role="status" class="shrink-0 flex items-center gap-2 px-4 py-1.5 bg-indigo-500/10 border-b border-indigo-500/20 text-[11px] text-indigo-700 dark:text-indigo-300"><span class="flex-1"> </span> <button aria-label="Dismiss" class="text-indigo-500 hover:text-indigo-700 dark:hover:text-indigo-200 cursor-pointer font-bold">×</button></div>`),Cy=G(`<div class="@3xl:hidden flex items-stretch border-b border-black/8 dark:border-white/8 bg-slate-50 dark:bg-[#0d0d14] shrink-0"><!> <!></div>`),wy=G(`<button data-testid="reset-category" class="flex items-center gap-1 px-1.5 py-0.5 rounded-md text-[9px] font-bold text-slate-500 hover:text-rose-600 dark:hover:text-rose-400 hover:bg-rose-500/10 transition-colors cursor-pointer shrink-0"><!> </button>`),Ty=G(`<div><!></div>`),Ey=G(`<div class="@3xl:hidden fixed inset-0 z-40 flex" role="dialog" aria-modal="true" aria-label="Choose a panel" tabindex="-1"><div class="w-64 max-w-[80vw] h-full shadow-2xl overflow-y-auto"><!></div> <button class="flex-1 h-full bg-black/50 backdrop-blur-sm cursor-pointer" aria-label="Close menu"></button></div>`),Dy=G(`<div class="flex justify-between"><span class="text-slate-500">Migrated (renamed)</span><span class="font-mono text-sky-600 dark:text-sky-400"> </span></div>`),Oy=G(`<div class="flex justify-between"><span class="text-slate-500">Dropped (removed by framework)</span><span class="font-mono text-slate-500"> </span></div>`),ky=G(`<div class="flex justify-between"><span class="text-slate-500">Unknown in this build</span><span class="font-mono text-amber-600 dark:text-amber-400"> </span></div>`),Ay=G(`<div class="flex justify-between"><span class="text-slate-500">Skipped (invalid)</span><span class="font-mono text-rose-600 dark:text-rose-400"> </span></div>`),jy=G(`<div class="flex justify-between"><span class="text-slate-500">Skipped (migration collision)</span><span class="font-mono text-amber-600 dark:text-amber-400"> </span></div>`),My=G(`<div class="fixed inset-0 z-50 flex items-center justify-center bg-black/60 backdrop-blur-sm p-4" role="dialog" aria-modal="true" aria-label="Import overrides" tabindex="-1"><div class="w-[420px] max-w-full bg-white dark:bg-[#111118] border border-black/12 dark:border-white/12 rounded-2xl shadow-2xl overflow-hidden"><div class="px-4 py-3 border-b border-black/8 dark:border-white/8"><h3 class="text-[13px] font-bold text-slate-800 dark:text-slate-100">Import overrides</h3> <p class="text-[10px] text-slate-500 mt-0.5 font-mono truncate"> </p></div> <div class="px-4 py-3 space-y-1.5 text-[11px]"><div class="flex justify-between"><span class="text-slate-500">Tokens to import</span><span class="font-bold text-slate-800 dark:text-slate-200"> </span></div> <!> <!> <!> <!> <!> <p class="text-[10px] text-slate-400 dark:text-slate-600 pt-1.5 leading-relaxed"><span class="font-semibold">Merge</span> <span class="font-semibold">Replace</span> discards the current set first.</p></div> <div class="px-4 py-3 border-t border-black/8 dark:border-white/8 flex items-center justify-end gap-2"><button class="px-3 py-1.5 text-[11px] rounded-lg bg-black/8 dark:bg-white/8 text-slate-700 dark:text-slate-300 hover:bg-black/12 dark:hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-[11px] rounded-lg bg-rose-600/10 border border-rose-500/30 text-rose-700 dark:text-rose-300 hover:bg-rose-600/20 transition-colors cursor-pointer">Replace</button> <button class="px-3 py-1.5 text-[11px] font-bold rounded-lg bg-indigo-600 hover:bg-indigo-500 text-white shadow-sm shadow-indigo-600/30 transition-colors cursor-pointer">Merge</button></div></div></div>`),Ny=G(`<div><!> <!> <!> <div class="flex flex-1 min-h-0"><div class="shrink-0 hidden @3xl:flex"><!></div> <div><div class="h-9 flex items-center px-4 border-b border-black/6 dark:border-white/6 shrink-0 gap-2"><div data-testid="panel-heading" class="flex items-center gap-1.5 flex-1 min-w-0"><button aria-label="Choose a panel" class="@3xl:hidden flex items-center gap-1.5 flex-1 min-w-0 text-left cursor-pointer"><span class="text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate"> </span> <!></button> <span class="hidden @3xl:inline text-[11px] font-bold text-slate-700 dark:text-slate-300 uppercase tracking-widest truncate"> </span></div> <!></div> <div class="flex-1 min-h-0 flex flex-col overflow-hidden"><!></div></div> <!></div> <!> <!> <!> <!></div>`);function Py(e,t){Ve(t,!0);let n=(e,t=f,n=f,r=f)=>{var i=xy(),a=z(i);fi(a,n,(e,t)=>{t(e,{class:`w-3.5 h-3.5`})});var o=V(a),s=V(o),c=e=>{var t=by(),n=z(t,!0);F(t),H(()=>q(n,U(N)>9?`9+`:U(N))),K(e,t)};J(s,e=>{t()===`preview`&&U(N)>0&&e(c)}),F(i),H(()=>{Q(i,`aria-pressed`,U(E)===t()),X(i,1,`flex-1 flex items-center justify-center gap-1.5 py-2.5 text-[11px] font-bold transition-colors cursor-pointer ${U(E)===t()?`text-indigo-700 dark:text-indigo-300 bg-indigo-500/10`:`text-slate-500 hover:text-slate-700 dark:hover:text-slate-300`}`),q(o,` ${r()??``} `)}),W(`click`,i,()=>{R(E,t(),!0)}),K(e,i)},r=ds.tokens??ds,i=new Set(r.map(e=>e.name)),a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,misc:`System`,components:`Components`,changes:`Changes`,themes:`Presets`,wcag:`Accessibility`,setup:`Install & export`,cheatsheet:`Reference`};function o(e){let t={};for(let n of Object.keys(e)){let e=td(n);t[e]=(t[e]??0)+1}return t}let s=Yl(),c=L(Qt(Xl())),l=L(Qt([])),u=L(Qt([])),d=L(`home`),p=L(!1),m=L(!1),h=L(null),g=L(null);function _(){let e=typeof document<`u`?parseFloat(getComputedStyle(document.documentElement).fontSize):NaN;return 48*(Number.isFinite(e)&&e>0?e:16)}function v(e){let t=document.activeElement;return e.focus(),{destroy(){if(t&&t.offsetParent!==null){t.focus?.();return}(U(g)?.querySelector(`[aria-current="page"]`)??U(g)?.querySelector(`button`))?.focus?.()}}}function y(e){if(e.key===`Escape`){R(m,!1);return}if(e.key!==`Tab`)return;let t=[...e.currentTarget.querySelectorAll(`a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])`)].filter(e=>e.offsetParent!==null);if(t.length===0)return;let n=t[0],r=t[t.length-1],i=document.activeElement;e.shiftKey&&i===n?(e.preventDefault(),r.focus()):!e.shiftKey&&i===r&&(e.preventDefault(),n.focus())}let b=L(null),x=0,S=L(null),C=null,w=L(null);function T(e,t){R(d,e,!0),t?(x+=1,R(b,{token:t,nonce:x},!0)):R(b,null),R(E,`controls`)}let E=L(`controls`),D=L(`light`),O=L(`fluid`),k=L(`normal`),A=L(`color`),j=new Set([`changes`,`themes`,`setup`,`cheatsheet`]),M=I(()=>j.has(U(d)));wn(()=>{U(M)&&yr(()=>{R(E,`controls`)})});let N=I(()=>Object.keys(U(c)).length),ee=I(()=>o(U(c))),te=I(()=>Object.keys(U(c)).filter(e=>td(e)===U(d))),ne=I(()=>U(te).length),re=I(()=>U(l).length>0),ie=I(()=>U(u).length>0);function ae(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let oe=L(Qt(yr(()=>({...U(c)})))),se=L(`idle`),ce=I(()=>!ae(U(c),U(oe))),le=null;wn(()=>{Zl(U(c))}),wn(()=>{let e=Qs[U(d)];e&&yr(()=>{R(A,e,!0)})});function ue(e){let t=U(c),n=typeof e==`function`?e(t):e;ae(t,n)||(R(l,[...U(l).slice(-49),t],!0),R(u,[],!0),(U(se)===`saved`||U(se)===`error`)&&R(se,`idle`)),R(c,n,!0)}async function de(){if(!U(ce)||U(se)===`saving`)return;let e={...U(c)};R(se,`saving`);try{await eu(U(c)),ae(U(c),e)?(R(oe,e,!0),R(se,`saved`),le&&clearTimeout(le),le=setTimeout(()=>{U(se)===`saved`&&R(se,`idle`),le=null},2e3)):R(se,`idle`)}catch(e){console.warn(`slashed: save failed`,e),R(se,`error`)}}function fe(e,t){ue(n=>({...n,[e]:t}))}function pe(e){ue(t=>{let n={...t};return delete n[e],n})}function me(e){ue(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function he(e){ue({...e})}function ge(){ue({})}function _e(){let e={};for(let t of U(te))e[t]=null;me(e)}function ve(){if(U(l).length===0)return;let e=U(l)[U(l).length-1],t=U(c);R(l,U(l).slice(0,-1),!0),R(u,[t,...U(u)],!0),R(c,e,!0)}function ye(){if(U(u).length===0)return;let e=U(u)[0],t=U(c);R(u,U(u).slice(1),!0),R(l,[...U(l),t],!0),R(c,e,!0)}function be(e){R(S,e,!0),C&&clearTimeout(C),C=setTimeout(()=>{R(S,null),C=null},6e3)}function xe(e){if(!U(w))return;let{overrides:t,report:n}=U(w);ue(e===`replace`?{...t}:e=>({...e,...t})),be(`${e===`replace`?`Replaced`:`Merged`} · ${cy(n)}`),R(w,null)}function Se(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(!n){be(`Nothing imported — the selected file is empty.`);return}let{overrides:r,report:a}=sy(n,t.name,i);if(a.malformed||Object.keys(r).length===0){be(cy(a));return}R(w,{overrides:r,report:a,filename:t.name},!0)},n.onerror=()=>{be(`Import failed — the selected file could not be read.`)},n.readAsText(t)},e.click()}function Ce(){let e=yl(U(c),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}ra(()=>{let e=e=>{if(e.key===`Escape`&&U(m)){e.preventDefault(),R(m,!1);return}(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key===`z`&&(e.preventDefault(),ve()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&e.key===`z`||e.key===`y`)&&(e.preventDefault(),ye()),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&e.key.toLowerCase()===`s`&&(e.preventDefault(),de()),(e.ctrlKey||e.metaKey)&&!e.repeat&&e.key.toLowerCase()===`k`&&(e.preventDefault(),R(p,!U(p)))};window.addEventListener(`keydown`,e);let t;return U(h)&&typeof ResizeObserver<`u`&&(t=new ResizeObserver(e=>{(e[0]?.contentRect.width??0)>=_()&&U(m)&&R(m,!1)}),t.observe(U(h))),()=>{window.removeEventListener(`keydown`,e),t?.disconnect(),le&&clearTimeout(le),C&&clearTimeout(C)}});var we=Ny(),Te=z(we);cu(Te,{get overrides(){return U(c)},get overridesCount(){return U(N)},get canUndo(){return U(re)},get canRedo(){return U(ie)},get hasPendingChanges(){return U(ce)},get saveState(){return U(se)},onUndo:ve,onRedo:ye,onResetAll:ge,onImport:Se,onExport:Ce,onSave:de,onOpenSearch:()=>{R(p,!0)}});var Ee=V(Te,2),De=e=>{var t=Sy(),n=z(t),r=z(n,!0);F(n);var i=V(n,2);F(t),H(()=>q(r,U(S))),W(`click`,i,()=>{R(S,null)}),K(e,t)};J(Ee,e=>{U(S)&&e(De)});var P=V(Ee,2),Oe=e=>{var t=Cy(),r=z(t);n(r,()=>`controls`,()=>Do,()=>`Controls`);var i=V(r,2);n(i,()=>`preview`,()=>Pa,()=>`Preview`),F(t),K(e,t)};J(P,e=>{U(M)||e(Oe)});var ke=V(P,2),Ae=z(ke);pu(z(Ae),{get activeId(){return U(d)},onSelect:e=>{T(e)},get overridesByDomain(){return U(ee)}}),F(Ae),Zi(Ae,e=>R(g,e),()=>U(g));var je=V(Ae,2),Ne=z(je),Pe=z(Ne),Fe=z(Pe),Ie=z(Fe),Le=z(Ie,!0);F(Ie),va(V(Ie,2),{class:`w-3 h-3 text-slate-400 shrink-0`}),F(Fe);var Re=V(Fe,2),ze=z(Re,!0);F(Re),F(Pe);var Be=V(Pe,2),Ue=e=>{var t=wy(),n=z(t);ho(n,{class:`w-3 h-3`});var r=V(n);F(t),H(()=>{Q(t,`title`,`Reset ${U(ne)} override${U(ne)===1?``:`s`} in ${a[U(d)]??U(d)}`),q(r,` Reset ${U(ne)??``}`)}),W(`click`,t,_e),K(e,t)};J(Be,e=>{U(ne)>0&&e(Ue)}),F(Ne);var We=V(Ne,2),Ge=z(We);{let e=I(()=>U(b)?.token??null),t=I(()=>U(b)?.nonce??0);ry(Ge,{get domain(){return U(d)},get tokens(){return r},get overrides(){return U(c)},get focusToken(){return U(e)},get focusNonce(){return U(t)},onSet:fe,onReset:pe,onBulkChange:me,onApplyTheme:he,onSelectDomain:e=>{T(e)},onResetAll:ge})}F(We),F(je);var Ke=V(je,2),qe=e=>{var t=Ty();Ju(z(t),{get overrides(){return U(c)},get previewTheme(){return U(D)},get previewWidth(){return U(O)},get previewMotion(){return U(k)},get previewTemplate(){return U(A)},onThemeChange:e=>{R(D,e,!0)},onWidthChange:e=>{R(O,e,!0)},onMotionChange:e=>{R(k,e,!0)},onTemplateChange:e=>{R(A,e,!0)}}),F(t),H(()=>X(t,1,`flex-1 flex-col min-h-0 min-w-0 ${U(E)===`controls`?`hidden @3xl:flex`:`flex`}`)),K(e,t)};J(Ke,e=>{U(M)||e(qe)}),F(ke);var Je=V(ke,2);{let e=I(()=>a[U(d)]??U(d));gu(Je,{get overridesCount(){return U(N)},get domain(){return U(e)}})}var Ye=V(Je,2),Xe=e=>{var t=Ey(),n=z(t);pu(z(n),{expanded:!0,get activeId(){return U(d)},onSelect:e=>{R(d,e,!0),R(m,!1),R(E,`controls`)},get overridesByDomain(){return U(ee)}}),F(n);var r=V(n,2);F(t),mi(t,e=>v?.(e)),W(`keydown`,t,y),W(`click`,r,()=>{R(m,!1)}),K(e,t)};J(Ye,e=>{U(m)&&e(Xe)});var Ze=V(Ye,2),Qe=e=>{let t=I(()=>U(w).report);var n=My(),r=z(n),i=z(r),a=V(z(i),2),o=z(a,!0);F(a),F(i);var s=V(i,2),c=z(s),l=V(z(c)),u=z(l,!0);F(l),F(c);var d=V(c,2),f=e=>{var n=Dy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).renamed)),K(e,n)};J(d,e=>{U(t).renamed>0&&e(f)});var p=V(d,2),m=e=>{var n=Oy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).removed)),K(e,n)};J(p,e=>{U(t).removed>0&&e(m)});var h=V(p,2),g=e=>{var n=ky(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).unknown)),K(e,n)};J(h,e=>{U(t).unknown>0&&e(g)});var _=V(h,2),v=e=>{var n=Ay(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).invalid.length)),K(e,n)};J(_,e=>{U(t).invalid.length>0&&e(v)});var y=V(_,2),b=e=>{var n=jy(),r=V(z(n)),i=z(r,!0);F(r),F(n),H(()=>q(i,U(t).collisions)),K(e,n)};J(y,e=>{U(t).collisions>0&&e(b)});var x=V(y,2),S=V(z(x));Me(2),F(x),F(s);var C=V(s,2),T=z(C),E=V(T,2),D=V(E,2);F(C),F(r),F(n),H(()=>{q(o,U(w).filename),q(u,U(t).accepted),q(S,` keeps your current ${U(N)??``} override${U(N)===1?``:`s`} and adds these on top. `)}),W(`keydown`,n,e=>{e.key===`Escape`&&R(w,null)}),W(`click`,T,()=>{R(w,null)}),W(`click`,E,()=>xe(`replace`)),W(`click`,D,()=>xe(`merge`)),K(e,n)};J(Ze,e=>{U(w)&&e(Qe)});var $e=V(Ze,2),et=e=>{yy(e,{get tokens(){return r},get overrides(){return U(c)},onNavigate:(e,t)=>{T(e,t)},onClose:()=>{R(p,!1)}})};J($e,e=>{U(p)&&e(et)}),F(we),Zi(we,e=>R(h,e),()=>U(h)),H(()=>{X(we,1,`${s?`w-full h-full`:`w-screen h-screen`} @container flex flex-col overflow-hidden bg-slate-50 dark:bg-[#0a0a0f] text-slate-800 dark:text-slate-200 font-sans`),X(je,1,`min-w-0 bg-slate-50 dark:bg-[#0c0c15] border-r border-black/8 dark:border-white/8 flex-col min-h-0 ${U(M)?`flex-1 flex`:`flex-1 @3xl:flex-none @3xl:w-[360px] ${U(E)===`preview`?`hidden @3xl:flex`:`flex`}`}`),q(Le,a[U(d)]??U(d)),q(ze,a[U(d)]??U(d))}),W(`click`,Fe,()=>{R(m,!0)}),K(e,we),He()}Rr([`click`,`keydown`]);function Fy(){let e=window.slashedApp,t=typeof e?.cssUrl==`string`?e.cssUrl.trim():``;return t===``?void 0:t}function Iy(e){try{return new URL(e,window.location.href).origin===window.location.origin}catch{return!1}}function Ly(e){sc(e),Yr(Py,{target:e})}var Ry=document.getElementById(`app`),zy=document.getElementById(`slashed-admin-app`);if(Ry)Ry.innerHTML=``,Ly(Ry);else if(zy){let e=Fy();if(zy.innerHTML=``,typeof zy.attachShadow==`function`&&e&&Iy(e)){let t=document.createElement(`link`);t.rel=`stylesheet`,t.href=e;let n=!1,r,i=()=>{if(n)return;n=!0,clearTimeout(r);let e=zy.attachShadow({mode:`open`});e.appendChild(t);let i=document.createElement(`div`);i.style.width=`100%`,i.style.height=`100%`,e.appendChild(i),Ly(i)},a=()=>{n||(n=!0,clearTimeout(r),t.remove(),Ly(zy))};r=setTimeout(a,5e3),t.addEventListener(`load`,i),t.addEventListener(`error`,a),document.head.appendChild(t)}else Ly(zy)}var By=G(`<button aria-label="Open SLASHED token editor" class="fixed right-0 z-[99998] pointer-events-auto bg-indigo-600 hover:bg-indigo-500 text-white shadow-xl flex flex-col items-center justify-center gap-1 px-1.5 py-3 rounded-l-xl transition-colors cursor-pointer" style="top: calc(var(--wp-admin--admin-bar--height, 32px) + 16px);"><span class="text-sm font-black leading-none select-none">/</span> <!></button>`),Vy=G(`<span class="shrink-0 text-[9px] bg-indigo-500/20 border border-indigo-500/30 text-indigo-300 font-bold px-1.5 py-0.5 rounded-full font-mono leading-none"> </span>`),Hy=G(`<div class="absolute inset-0 z-[100] flex items-center justify-center bg-black/60 backdrop-blur-sm" role="dialog" aria-modal="true" aria-labelledby="reset-confirm-title" tabindex="-1"><div class="bg-[#1a1a2e] border border-white/10 rounded-xl p-5 mx-4 shadow-2xl w-full max-w-[320px]"><h3 id="reset-confirm-title" class="text-white font-bold text-sm mb-2">Reset all overrides?</h3> <p class="text-slate-400 text-xs mb-4"> </p> <div class="flex gap-2 justify-end"><button class="px-3 py-1.5 text-xs rounded-lg bg-white/8 text-slate-300 hover:bg-white/12 transition-colors cursor-pointer">Cancel</button> <button class="px-3 py-1.5 text-xs rounded-lg bg-rose-600 hover:bg-rose-500 text-white font-bold transition-colors cursor-pointer">Reset all</button></div></div></div>`),Uy=G(`<!> <div><div class="h-10 bg-[#0d0d14] border-b border-white/8 flex items-center px-2 gap-1.5 shrink-0"><div class="w-6 h-6 bg-indigo-600 rounded-lg flex items-center justify-center text-white font-black text-sm leading-none shrink-0 shadow-lg shadow-indigo-600/30 select-none">/</div> <span class="text-[10px] font-bold text-white tracking-tight shrink-0">SLASHED</span> <span class="text-[9px] text-slate-500 font-mono uppercase tracking-widest truncate min-w-0"> </span> <!> <div class="flex-1 min-w-0"></div> <button><!></button> <button title="Undo (Ctrl+Z)" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Redo (Ctrl+Shift+Z)" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-3.5 bg-white/10 mx-0.5 shrink-0"></div> <button title="Import CSS / JSON" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button> <button title="Export CSS" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <button title="Reset all overrides" class="p-1 rounded text-rose-400 hover:text-rose-300 hover:bg-rose-500/10 disabled:opacity-25 disabled:pointer-events-none transition-all cursor-pointer shrink-0"><!></button> <div class="w-px h-3.5 bg-white/10 mx-0.5 shrink-0"></div> <button title="Collapse panel" class="p-1 rounded text-slate-400 hover:text-white hover:bg-white/8 transition-all cursor-pointer shrink-0"><!></button></div> <div class="@container flex flex-1 min-h-0"><!> <div class="flex-1 bg-[#0c0c15] flex flex-col min-h-0"><div class="h-9 flex items-center px-4 border-b border-white/6 shrink-0"><span class="text-[11px] font-bold text-slate-300 uppercase tracking-widest flex-1"> </span></div> <div class="flex-1 min-h-0 flex flex-col overflow-hidden"><!></div></div></div> <!> <!></div>`,1);function Wy(e,t){Ve(t,!0);let n=ds.tokens??ds,r=`slashed-overlay/open`,i=`slashed-overlay/domain`,a={home:`Home`,colors:`Colors`,typography:`Typography`,spacing:`Spacing`,layout:`Layout`,borders:`Shape`,depth:`Depth`,motion:`Motion`,macros:`Macros`,misc:`System`,components:`Components`,changes:`Changes`,themes:`Presets`,wcag:`Accessibility`,setup:`Install & export`,cheatsheet:`Reference`};function o(e){let t={};for(let n of Object.keys(e)){let e=td(n);t[e]=(t[e]??0)+1}return t}function s(e,t){try{let n=localStorage.getItem(e);return n===null?t:n!==`false`}catch{return t}}function c(e,t){try{return localStorage.getItem(e)??t}catch{return t}}let l={shadows:`depth`,effects:`depth`};function u(e){return l[e]??e}let d=L(Qt(s(r,!0))),f=L(Qt(typeof window<`u`&&window.matchMedia(`(max-width: 768px)`).matches)),p=L(Qt(Xl())),m=L(Qt([])),h=L(Qt([])),g=L(Qt(u(c(i,`home`)))),_=L(!1),v=L(!1),y=L(null),b=L(null);wn(()=>{U(v)&&gr().then(()=>U(y)?.focus())});let x=I(()=>Object.keys(U(p)).length),S=I(()=>o(U(p))),C=I(()=>U(m).length>0),w=I(()=>U(h).length>0);function T(e,t){let n=Object.keys(e);return n.length===Object.keys(t).length&&n.every(n=>e[n]===t[n])}let E=L(Qt(yr(()=>({...U(p)})))),D=L(`idle`),O=I(()=>!T(U(p),U(E))),k=null;function A(){let e=document.getElementById(`slashed-frontend-overlay`);if(!e)return;let t=`var(--wp-admin--admin-bar--height, 32px)`;e.style.position=`fixed`,e.style.right=`0`,e.style.zIndex=`99998`,e.style.pointerEvents=`auto`,U(d)?(e.style.top=t,e.style.width=U(f)?`100vw`:`420px`,e.style.height=`calc(100vh - ${t})`):(e.style.top=`calc(${t} + 16px)`,e.style.width=`40px`,e.style.height=`64px`)}wn(()=>{let e=U(p),t=requestAnimationFrame(()=>{Zl(e),Du(document)});return()=>cancelAnimationFrame(t)}),wn(()=>{!U(f)&&U(d)?document.documentElement.classList.add(`sf-panel-active`):document.documentElement.classList.remove(`sf-panel-active`)}),wn(()=>{A()}),wn(()=>{try{localStorage.setItem(r,String(U(d)))}catch{}}),wn(()=>{try{localStorage.setItem(i,U(g))}catch{}});function j(){R(d,!U(d))}function M(e){let t=U(p),n=typeof e==`function`?e(t):e;T(t,n)||(R(m,[...U(m).slice(-49),t],!0),R(h,[],!0),(U(D)===`saved`||U(D)===`error`)&&R(D,`idle`)),R(p,n,!0)}async function N(){if(!U(O)||U(D)===`saving`)return;let e={...U(p)};R(D,`saving`);try{await eu(U(p)),T(U(p),e)?(R(E,e,!0),R(D,`saved`),k&&clearTimeout(k),k=setTimeout(()=>{U(D)===`saved`&&R(D,`idle`),k=null},2e3)):R(D,`idle`)}catch(e){console.warn(`slashed: save failed`,e),R(D,`error`)}}function ee(e,t){M(n=>({...n,[e]:t}))}function te(e){M(t=>{let n={...t};return delete n[e],n})}function ne(e){M(t=>{let n={...t};for(let[t,r]of Object.entries(e))r===null?delete n[t]:n[t]=r;return n})}function re(e){M({...e})}function ie(){R(v,!0)}function ae(){R(v,!1),M({})}function oe(){R(v,!1)}function se(){if(!U(m).length)return;let e=U(m)[U(m).length-1];R(h,[U(p),...U(h)],!0),R(m,U(m).slice(0,-1),!0),R(p,e,!0)}function ce(){if(!U(h).length)return;let e=U(h)[0];R(m,[...U(m),U(p)],!0),R(h,U(h).slice(1),!0),R(p,e,!0)}function le(){let e=yl(U(p),{mode:`layer`,banner:!0}),t=new Blob([e],{type:`text/css`}),n=URL.createObjectURL(t),r=document.createElement(`a`);r.href=n,r.download=`slashed-overrides.css`,r.click(),URL.revokeObjectURL(n)}function ue(){let e=document.createElement(`input`);e.type=`file`,e.accept=`.css,.json`,e.onchange=e=>{let t=e.target.files?.[0];if(!t)return;let n=new FileReader;n.onload=e=>{let n=e.target?.result;if(n)if(t.name.endsWith(`.json`))try{let e=JSON.parse(n);typeof e==`object`&&e&&!Array.isArray(e)&&M(Object.fromEntries(Object.entries(e).filter(([e,t])=>typeof t==`string`&&/^--sf-[\w-]+$/.test(e))))}catch{}else{let e={},t=/(--sf-[\w-]+)\s*:\s*([^;]+);/g,r;for(;(r=t.exec(n))!==null;)e[r[1].trim()]=r[2].trim();Object.keys(e).length&&M(t=>({...t,...e}))}},n.readAsText(t)},e.click()}ra(()=>{let e=document.createElement(`style`);e.id=`sf-panel-push`,e.textContent=[`html { transition: padding-right 200ms ease-in-out; }`,`html.sf-panel-active { padding-right: 420px !important; overflow-x: clip; }`].join(`
+`),document.head.appendChild(e);let t=window.matchMedia(`(max-width: 768px)`),n=e=>{R(f,e.matches,!0)};t.addEventListener(`change`,n);let r=e=>{let t=e.key.toLowerCase();U(d)&&((e.ctrlKey||e.metaKey)&&!e.shiftKey&&t===`z`&&(e.preventDefault(),se()),(e.ctrlKey||e.metaKey)&&(e.shiftKey&&t===`z`||t===`y`)&&(e.preventDefault(),ce()),(e.ctrlKey||e.metaKey)&&!e.repeat&&t===`k`&&(e.preventDefault(),R(_,!U(_))),(e.ctrlKey||e.metaKey)&&!e.shiftKey&&t===`s`&&(e.preventDefault(),N()))},i=()=>j();return window.addEventListener(`keydown`,r),document.addEventListener(`slashed:toggle-overlay`,i),()=>{e.remove(),document.documentElement.classList.remove(`sf-panel-active`),t.removeEventListener(`change`,n),window.removeEventListener(`keydown`,r),document.removeEventListener(`slashed:toggle-overlay`,i),k&&clearTimeout(k)}});var de=Uy(),fe=B(de),pe=e=>{var t=By();ba(V(z(t),2),{class:`w-3 h-3 opacity-70 rotate-180`}),F(t),W(`click`,t,j),K(e,t)};J(fe,e=>{U(d)||e(pe)});var me=V(fe,2);let he,ge;var _e=z(me),ve=V(z(_e),4),ye=z(ve,!0);F(ve);var be=V(ve,2),xe=e=>{var t=Vy(),n=z(t,!0);F(t),H(()=>q(n,U(x))),K(e,t)};J(be,e=>{U(x)>0&&e(xe)});var Se=V(be,4),Ce=z(Se),we=e=>{Xa(e,{class:`w-3 h-3 animate-spin`})},Te=e=>{ga(e,{class:`w-3 h-3`})},Ee=e=>{Uo(e,{class:`w-3 h-3`})},De=e=>{yo(e,{class:`w-3 h-3`})};J(Ce,e=>{U(D)===`saving`?e(we):U(D)===`saved`?e(Te,1):U(D)===`error`?e(Ee,2):e(De,-1)}),F(Se);var P=V(Se,2);qo(z(P),{class:`w-3 h-3`}),F(P);var Oe=V(P,2);uo(z(Oe),{class:`w-3 h-3`}),F(Oe);var ke=V(Oe,4);Ia(z(ke),{class:`w-3 h-3`}),F(ke);var Ae=V(ke,2);Aa(z(Ae),{class:`w-3 h-3`}),F(Ae);var je=V(Ae,2);Vo(z(je),{class:`w-3 h-3`}),F(je);var Me=V(je,4);ba(z(Me),{class:`w-3 h-3`}),F(Me),F(_e);var Ne=V(_e,2),Pe=z(Ne);pu(Pe,{get activeId(){return U(g)},onSelect:e=>{R(g,e,!0)},get overridesByDomain(){return U(S)}});var Fe=V(Pe,2),Ie=z(Fe),Le=z(Ie),Re=z(Le,!0);F(Le),F(Ie);var ze=V(Ie,2);ry(z(ze),{get domain(){return U(g)},get tokens(){return n},get overrides(){return U(p)},onSet:ee,onReset:te,onBulkChange:ne,onApplyTheme:re,onSelectDomain:e=>{R(g,e,!0)},onResetAll:ie}),F(ze),F(Fe),F(Ne);var Be=V(Ne,2),Ue=e=>{yy(e,{get tokens(){return n},get overrides(){return U(p)},onNavigate:e=>{R(g,e,!0)},onClose:()=>{R(_,!1)}})};J(Be,e=>{U(_)&&e(Ue)});var We=V(Be,2),Ge=e=>{var t=Hy(),n=z(t),r=V(z(n),2),i=z(r);F(r);var a=V(r,2),o=z(a);Zi(o,e=>R(y,e),()=>U(y));var s=V(o,2);Zi(s,e=>R(b,e),()=>U(b)),F(a),F(n),F(t),H(()=>q(i,`This will clear all ${U(x)??``} customisation${U(x)===1?``:`s`}.
+          You can still undo this before saving.`)),W(`keydown`,t,e=>{e.key===`Escape`&&(e.stopPropagation(),oe()),e.key===`Tab`&&(e.preventDefault(),document.activeElement===U(y)?U(b)?.focus():U(y)?.focus())}),W(`click`,o,oe),W(`click`,s,ae),K(e,t)};J(We,e=>{U(v)&&e(Ge)}),F(me),H(e=>{he=X(me,1,`dark fixed right-0 z-[99998] pointer-events-auto flex flex-col bg-[#0a0a0f] text-slate-200 font-sans shadow-2xl shadow-black/60 border-l border-white/8 transition-transform duration-200 ease-in-out`,null,he,{"translate-x-full":!U(d),"translate-x-0":U(d),"pointer-events-none":!U(d)}),ge=Z(me,`top: var(--wp-admin--admin-bar--height, 32px); width: ${U(f)?`100vw`:`420px`}; height: calc(100vh - var(--wp-admin--admin-bar--height, 32px));`,ge,{visibility:U(d)?void 0:`hidden`}),Q(me,`aria-hidden`,!U(d)),me.inert=!U(d)||void 0,q(ye,a[U(g)]??U(g)),Se.disabled=!U(O)||U(D)===`saving`,Q(Se,`title`,U(D)===`error`?`Save failed — click to retry`:U(O)?`Save changes (Ctrl+S)`:`No unsaved changes`),Q(Se,`aria-label`,U(D)===`saving`?`Saving changes`:U(D)===`error`?`Save failed`:U(O)?`Save changes`:`No unsaved changes`),X(Se,1,e),P.disabled=!U(C),Oe.disabled=!U(w),Ae.disabled=U(x)===0,je.disabled=U(x)===0,q(Re,a[U(g)]??U(g))},[()=>vi([`p-1 rounded transition-colors cursor-pointer shrink-0 disabled:pointer-events-none`,U(D)===`error`?`text-red-400`:U(D)===`saved`?`text-emerald-300`:U(O)?`text-emerald-400 hover:text-emerald-300 hover:bg-emerald-500/10`:`text-slate-500 opacity-40`].join(` `))]),W(`click`,Se,N),W(`click`,P,se),W(`click`,Oe,ce),W(`click`,ke,ue),W(`click`,Ae,le),W(`click`,je,ie),W(`click`,Me,j),K(e,de),He()}Rr([`click`,`keydown`]);function Gy(){return window.slashedApp?.cssUrl}function Ky(e){try{return new URL(e,location.href).origin===location.origin}catch{return!1}}function qy(){let e=document.getElementById(`slashed-frontend-overlay`);if(!e||e.shadowRoot)return;uc(`dark`);let t=e.attachShadow({mode:`open`}),n=document.createElement(`div`);t.appendChild(n);let r=!1,i=()=>{r||(Yr(Wy,{target:n}),r=!0,e.setAttribute(`data-slashed-ready`,``))},a=Gy();if(a&&Ky(a)){let e=document.createElement(`link`);e.rel=`stylesheet`,e.href=a;let n=setTimeout(i,5e3),r=()=>{clearTimeout(n),i()};e.addEventListener(`load`,r),e.addEventListener(`error`,r),t.appendChild(e)}else i()}document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,qy):qy();
 //# sourceMappingURL=app.js.map
\ No newline at end of file
diff --git a/SLASHED-for-WP/dist/slashed.full.css b/SLASHED-for-WP/dist/slashed.full.css
index 2ddadce..9d711a3 100644
--- a/SLASHED-for-WP/dist/slashed.full.css
+++ b/SLASHED-for-WP/dist/slashed.full.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.35 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.full.flat.css b/SLASHED-for-WP/dist/slashed.full.flat.css
index 0e9cebf..9e75b88 100644
--- a/SLASHED-for-WP/dist/slashed.full.flat.css
+++ b/SLASHED-for-WP/dist/slashed.full.flat.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.35 — slashed.full.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.full.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.full.flat.min.css b/SLASHED-for-WP/dist/slashed.full.flat.min.css
index ba2a86d..d6257b5 100644
--- a/SLASHED-for-WP/dist/slashed.full.flat.min.css
+++ b/SLASHED-for-WP/dist/slashed.full.flat.min.css
@@ -1,4 +1,4 @@
 
-/*! SLASHED v0.7.35 — slashed.full.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.full.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
 @property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none;--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-scroll-offset-gap,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-color-caret)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}.sf-invisible{visibility:hidden}.sf-visible{visibility:visible}.sf-h1,.sf-h2,.sf-h3,.sf-h4,.sf-h5,.sf-h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));font-weight:var(--sf-font-weight-heading);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word}.sf-h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}.sf-h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}.sf-h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}.sf-h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}.sf-h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}.sf-h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}.sf-text-2xs{font-size:var(--sf-text-2xs);line-height:var(--sf-text-2xs-line-height);font-weight:var(--sf-text-2xs-font-weight);letter-spacing:var(--sf-text-2xs-letter-spacing);max-inline-size:var(--sf-text-2xs-max-width)}.sf-text-xs{font-size:var(--sf-text-xs);line-height:var(--sf-text-xs-line-height);font-weight:var(--sf-text-xs-font-weight);letter-spacing:var(--sf-text-xs-letter-spacing);max-inline-size:var(--sf-text-xs-max-width)}.sf-text-s{font-size:var(--sf-text-s);line-height:var(--sf-text-s-line-height);font-weight:var(--sf-text-s-font-weight);letter-spacing:var(--sf-text-s-letter-spacing);max-inline-size:var(--sf-text-s-max-width)}.sf-text-m{font-size:var(--sf-text-m);line-height:var(--sf-text-m-line-height);font-weight:var(--sf-text-m-font-weight);letter-spacing:var(--sf-text-m-letter-spacing);max-inline-size:var(--sf-text-m-max-width)}.sf-text-l{font-size:var(--sf-text-l);line-height:var(--sf-text-l-line-height);font-weight:var(--sf-text-l-font-weight);letter-spacing:var(--sf-text-l-letter-spacing);max-inline-size:var(--sf-text-l-max-width)}.sf-text-xl{font-size:var(--sf-text-xl);line-height:var(--sf-text-xl-line-height);font-weight:var(--sf-text-xl-font-weight);letter-spacing:var(--sf-text-xl-letter-spacing);max-inline-size:var(--sf-text-xl-max-width)}.sf-text-2xl{font-size:var(--sf-text-2xl);line-height:var(--sf-text-2xl-line-height);font-weight:var(--sf-text-2xl-font-weight);letter-spacing:var(--sf-text-2xl-letter-spacing);max-inline-size:var(--sf-text-2xl-max-width)}.sf-text-3xl{font-size:var(--sf-text-3xl);line-height:var(--sf-text-3xl-line-height);font-weight:var(--sf-text-3xl-font-weight);letter-spacing:var(--sf-text-3xl-letter-spacing);max-inline-size:var(--sf-text-3xl-max-width)}.sf-text-4xl{font-size:var(--sf-text-4xl);line-height:var(--sf-text-4xl-line-height);font-weight:var(--sf-text-4xl-font-weight);letter-spacing:var(--sf-text-4xl-letter-spacing);max-inline-size:var(--sf-text-4xl-max-width)}.sf-hover-grow,.sf-hover-shrink,.sf-hover-float,.sf-hover-sink,.sf-hover-slide-start,.sf-hover-slide-end{transition-property:scale,translate;transition-duration:var(--sf-duration-normal);transition-timing-function:var(--sf-ease-out)}.sf-hover-grow:hover{scale:var(--sf-hover-grow-scale,1.05)}.sf-hover-shrink:hover{scale:var(--sf-hover-shrink-scale,.95)}.sf-hover-float:hover{translate:0 calc(-1 * var(--sf-hover-lift,.25em))}.sf-hover-sink:hover{translate:0 var(--sf-hover-lift,.25em)}.sf-hover-slide-start:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-hover-slide-end:hover,:where([dir=rtl]) .sf-hover-slide-start:hover{translate:var(--sf-hover-slide,.5em) 0}:where([dir=rtl]) .sf-hover-slide-end:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-list-none{padding-inline-start:0;list-style:none}.sf-marker--primary{--sf-marker-color:var(--sf-color-primary)}.sf-marker--secondary{--sf-marker-color:var(--sf-color-secondary)}.sf-marker--tertiary{--sf-marker-color:var(--sf-color-tertiary)}.sf-marker--action{--sf-marker-color:var(--sf-color-action)}.sf-marker--primary :not(.sf-prose *)::marker,.sf-marker--primary:not(.sf-prose *)::marker,.sf-marker--secondary :not(.sf-prose *)::marker,.sf-marker--secondary:not(.sf-prose *)::marker,.sf-marker--tertiary :not(.sf-prose *)::marker,.sf-marker--tertiary:not(.sf-prose *)::marker,.sf-marker--action :not(.sf-prose *)::marker,.sf-marker--action:not(.sf-prose *)::marker{color:var(--sf-marker-color)}.sf-selection--alt{--sf-color-selection-bg:var(--sf-color-selection-bg--alt);--sf-color-selection-text:var(--sf-color-selection-text--alt)}.sf-sticky{z-index:var(--sf-z-sticky);position:sticky;inset-block-start:var(--sf-sticky-offset,0)}.sf-sticky--s{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-s))}.sf-sticky--m{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-m))}.sf-sticky--l{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-l))}.sf-width-full{inline-size:100%;max-inline-size:none}.sf-width-auto{inline-size:auto}.sf-width-fit{inline-size:fit-content}.sf-width-min{inline-size:min-content}.sf-width-max{inline-size:max-content}.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-hidden-if-empty:empty{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: "<color>"; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}@media print{@page{size:a4 portrait;margin:2cm}body{font-size:11pt}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}}
 /*# sourceMappingURL=slashed.full.flat.min.css.map */
diff --git a/SLASHED-for-WP/dist/slashed.full.min.css b/SLASHED-for-WP/dist/slashed.full.min.css
index cb4fc19..307e58b 100644
--- a/SLASHED-for-WP/dist/slashed.full.min.css
+++ b/SLASHED-for-WP/dist/slashed.full.min.css
@@ -1,4 +1,4 @@
 @layer slashed.tokens,slashed.reset,slashed.base,slashed.forms,slashed.components,slashed.layout,slashed.macros,slashed.utilities,slashed.states,slashed.themes,slashed.motion,slashed.accessibility,slashed.print,slashed.legacy,slashed.overrides;
-/*! SLASHED v0.7.35 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.full.css | MIT License | github.com/codeslash-dev/SLASHED */
 @layer slashed.tokens{@property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none;--sf-card-padding:var(--sf-space-l);--sf-card-gap:var(--sf-space-m);--sf-card-radius:var(--sf-radius-m);--sf-card-radius-outer:calc(var(--sf-card-radius) + var(--sf-card-padding));--sf-card-bg:var(--sf-color-surface);--sf-card-border-width:var(--sf-border-width-1);--sf-card-border-color:var(--sf-color-border);--sf-card-shadow:var(--sf-shadow-s);--sf-card-shadow--elevated:var(--sf-shadow-l);--sf-card-shadow--hover:var(--sf-shadow-l);--sf-card-media-ratio:var(--sf-ratio-video);--sf-card-media-radius:var(--sf-card-radius,var(--sf-radius-m));--sf-card-avatar-size:2.5rem;--sf-card-heading-size:var(--sf-text-xl);--sf-field-radius:var(--sf-radius-m);--sf-field-padding-block:var(--sf-space-xs);--sf-field-padding-inline:var(--sf-space-s);--sf-btn-radius:var(--sf-radius-m);--sf-btn-gap:var(--sf-space-2xs);--sf-btn-font-weight:var(--sf-font-weight-interactive);--sf-btn-border-width:var(--sf-border-width-1);--sf-btn-font-scale:1;--sf-btn-font-size:initial;--sf-btn-padding-block:initial;--sf-btn-padding-inline:initial;--sf-btn-min-height:initial;--sf-btn-xs-font-size:initial;--sf-btn-s-font-size:initial;--sf-btn-m-font-size:initial;--sf-btn-l-font-size:initial;--sf-btn-xl-font-size:initial;--sf-btn-xs-padding-block:initial;--sf-btn-s-padding-block:initial;--sf-btn-m-padding-block:initial;--sf-btn-l-padding-block:initial;--sf-btn-xl-padding-block:initial;--sf-btn-xs-padding-inline:initial;--sf-btn-s-padding-inline:initial;--sf-btn-m-padding-inline:initial;--sf-btn-l-padding-inline:initial;--sf-btn-xl-padding-inline:initial;--sf-btn-xs-min-height:initial;--sf-btn-s-min-height:initial;--sf-btn-m-min-height:initial;--sf-btn-l-min-height:initial;--sf-btn-xl-min-height:initial}}@layer slashed.reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-scroll-offset-gap,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}}@layer slashed.base{html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-color-caret)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}}@layer slashed.themes{@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}}@layer slashed.layout{.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}}@layer slashed.macros{.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}}@layer slashed.states{.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-hidden-if-empty:empty{display:none}}@layer slashed.motion{@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: "<color>"; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}}@layer slashed.accessibility{:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}}@layer slashed.print{@media print{@page{size:a4 portrait;margin:2cm}body{font-size:11pt}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}}}@layer slashed.forms{input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}}@layer slashed.components{.sf-btn{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted);--sf-btn-font-size--size:var(--sf-btn-m-font-size,var(--sf-text-m));--sf-btn-padding-block--size:var(--sf-btn-m-padding-block,var(--sf-space-xs));--sf-btn-padding-inline--size:var(--sf-btn-m-padding-inline,var(--sf-space-m));--sf-btn-min-height--size:var(--sf-btn-m-min-height,var(--sf-size-m));justify-content:center;align-items:center;gap:var(--sf-btn-gap,var(--sf-space-2xs));padding-block:var(--sf-btn-padding-block,var(--sf-btn-padding-block--size));padding-inline:var(--sf-btn-padding-inline,var(--sf-btn-padding-inline--size));min-block-size:var(--sf-btn-min-height,var(--sf-btn-min-height--size));font-family:inherit;font-size:calc(var(--sf-btn-font-size,var(--sf-btn-font-size--size)) * var(--sf-btn-font-scale,1));font-weight:var(--sf-btn-font-weight,var(--sf-font-weight-interactive));line-height:var(--sf-leading-tight);white-space:nowrap;border:var(--sf-btn-border-width,var(--sf-border-width-1)) solid var(--sf-btn-color);border-radius:var(--sf-btn-radius);cursor:pointer;user-select:none;appearance:none;transition:var(--sf-transition-form-field);background:var(--sf-btn-color);color:var(--sf-btn-on-color);text-decoration:none;display:inline-flex}.sf-btn:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color--hover);border-color:var(--sf-btn-color--hover)}.sf-btn--primary{--sf-btn-color:var(--sf-color-primary);--sf-btn-color--hover:var(--sf-color-primary--hover);--sf-btn-on-color:var(--sf-color-text--on-primary);--sf-btn-soft-bg:var(--sf-color-primary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-primary-muted)}.sf-btn--secondary{--sf-btn-color:var(--sf-color-secondary);--sf-btn-color--hover:var(--sf-color-secondary--hover);--sf-btn-on-color:var(--sf-color-text--on-secondary);--sf-btn-soft-bg:var(--sf-color-secondary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-secondary-muted)}.sf-btn--tertiary{--sf-btn-color:var(--sf-color-tertiary);--sf-btn-color--hover:var(--sf-color-tertiary--hover);--sf-btn-on-color:var(--sf-color-text--on-tertiary);--sf-btn-soft-bg:var(--sf-color-tertiary-subtle);--sf-btn-soft-bg--hover:var(--sf-color-tertiary-muted)}.sf-btn--action{--sf-btn-color:var(--sf-color-action);--sf-btn-color--hover:var(--sf-color-action--hover);--sf-btn-on-color:var(--sf-color-text--on-action);--sf-btn-soft-bg:var(--sf-color-action-subtle);--sf-btn-soft-bg--hover:var(--sf-color-action-muted)}.sf-btn--base{--sf-btn-color:var(--sf-color-base);--sf-btn-color--hover:var(--sf-color-base--hover);--sf-btn-on-color:var(--sf-color-text--on-base);--sf-btn-soft-bg:var(--sf-color-base-subtle);--sf-btn-soft-bg--hover:var(--sf-color-base-muted)}.sf-btn--neutral{--sf-btn-color:var(--sf-color-neutral);--sf-btn-color--hover:var(--sf-color-neutral--hover);--sf-btn-on-color:var(--sf-color-text--on-neutral);--sf-btn-soft-bg:var(--sf-color-neutral-subtle);--sf-btn-soft-bg--hover:var(--sf-color-neutral-muted)}.sf-btn--success{--sf-btn-color:var(--sf-color-success);--sf-btn-color--hover:var(--sf-color-success-strong);--sf-btn-on-color:var(--sf-color-text--on-success);--sf-btn-soft-bg:var(--sf-color-success-subtle);--sf-btn-soft-bg--hover:var(--sf-color-success-muted)}.sf-btn--warning{--sf-btn-color:var(--sf-color-warning);--sf-btn-color--hover:var(--sf-color-warning-strong);--sf-btn-on-color:var(--sf-color-text--on-warning);--sf-btn-soft-bg:var(--sf-color-warning-subtle);--sf-btn-soft-bg--hover:var(--sf-color-warning-muted)}.sf-btn--info{--sf-btn-color:var(--sf-color-info);--sf-btn-color--hover:var(--sf-color-info-strong);--sf-btn-on-color:var(--sf-color-text--on-info);--sf-btn-soft-bg:var(--sf-color-info-subtle);--sf-btn-soft-bg--hover:var(--sf-color-info-muted)}.sf-btn--danger{--sf-btn-color:var(--sf-color-danger);--sf-btn-color--hover:var(--sf-color-danger-strong);--sf-btn-on-color:var(--sf-color-text--on-danger);--sf-btn-soft-bg:var(--sf-color-danger-subtle);--sf-btn-soft-bg--hover:var(--sf-color-danger-muted)}.sf-btn--soft{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}@supports (color:oklch(from red l c h)){.sf-btn--soft{background:var(--sf-btn-soft-bg);color:var(--sf-btn-color);border-color:#0000}.sf-btn--soft:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-soft-bg--hover);border-color:#0000}}.sf-btn--outline{color:var(--sf-btn-color);border-color:var(--sf-btn-color);background:0 0}.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-color);color:var(--sf-btn-on-color);border-color:var(--sf-btn-color)}.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--primary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-primary)}.sf-btn--secondary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-secondary)}.sf-btn--tertiary.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-tertiary)}.sf-btn--action.sf-btn--gradient{--sf-btn-gradient:var(--sf-gradient-action)}.sf-btn--base.sf-btn--gradient,.sf-btn--neutral.sf-btn--gradient,.sf-btn--success.sf-btn--gradient,.sf-btn--warning.sf-btn--gradient,.sf-btn--info.sf-btn--gradient,.sf-btn--danger.sf-btn--gradient{--sf-btn-gradient:var(--sf-btn-color)}@supports (color:oklch(from red l c h)){.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft){background:var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient:not(.sf-btn--outline,.sf-btn--soft):hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:linear-gradient(oklch(var(--sf-is-dark) 0 0 / .12), oklch(var(--sf-is-dark) 0 0 / .12)), var(--sf-btn-gradient);border-color:#0000}.sf-btn--gradient.sf-btn--outline{color:var(--sf-btn-color);background:0 0;border-color:#0000;position:relative}.sf-btn--gradient.sf-btn--outline:before{content:"";border-radius:inherit;padding:var(--sf-btn-border-width,var(--sf-border-width-1));background:var(--sf-btn-gradient);pointer-events:none;position:absolute;inset:0;mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.sf-btn--gradient.sf-btn--outline:hover:not(:disabled,.sf-is-disabled,.sf-is-loading){background:var(--sf-btn-gradient);color:var(--sf-btn-on-color);border-color:#0000}}.sf-btn--xs{--sf-btn-padding-block--size:var(--sf-btn-xs-padding-block,.125rem);--sf-btn-padding-inline--size:var(--sf-btn-xs-padding-inline,var(--sf-space-xs));--sf-btn-font-size--size:var(--sf-btn-xs-font-size,var(--sf-text-xs));--sf-btn-min-height--size:var(--sf-btn-xs-min-height,var(--sf-size-xs))}.sf-btn--s{--sf-btn-padding-block--size:var(--sf-btn-s-padding-block,var(--sf-space-2xs));--sf-btn-padding-inline--size:var(--sf-btn-s-padding-inline,var(--sf-space-s));--sf-btn-font-size--size:var(--sf-btn-s-font-size,var(--sf-text-s));--sf-btn-min-height--size:var(--sf-btn-s-min-height,var(--sf-size-s))}.sf-btn--l{--sf-btn-padding-block--size:var(--sf-btn-l-padding-block,var(--sf-space-s));--sf-btn-padding-inline--size:var(--sf-btn-l-padding-inline,var(--sf-space-l));--sf-btn-font-size--size:var(--sf-btn-l-font-size,var(--sf-text-l));--sf-btn-min-height--size:var(--sf-btn-l-min-height,var(--sf-size-l))}.sf-btn--xl{--sf-btn-padding-block--size:var(--sf-btn-xl-padding-block,var(--sf-space-m));--sf-btn-padding-inline--size:var(--sf-btn-xl-padding-inline,var(--sf-space-xl));--sf-btn-font-size--size:var(--sf-btn-xl-font-size,var(--sf-text-xl));--sf-btn-min-height--size:var(--sf-btn-xl-min-height,var(--sf-size-xl))}.sf-btn:disabled,.sf-btn.sf-is-disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed;pointer-events:none}.sf-btn.sf-is-loading{cursor:wait;position:relative}.sf-btn.sf-is-loading>*{visibility:hidden}.sf-btn.sf-is-loading:after{content:"";border:2px solid;border-radius:var(--sf-radius-full);border-block-start-color:#0000;block-size:1em;inline-size:1em;margin:auto;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.sf-btn.sf-is-loading:after{animation:sf-spin var(--sf-duration-slower) linear infinite}}.sf-btn--block{inline-size:100%}@container (width<=20rem){.sf-btn--block-cq{inline-size:100%}}.sf-card{padding:var(--sf-card-padding,var(--sf-space-l));background:var(--sf-card-bg,var(--sf-color-surface));border:var(--sf-card-border-width,var(--sf-border-width-1)) solid var(--sf-card-border-color,var(--sf-color-border));border-radius:var(--sf-card-radius-outer,calc(var(--sf-radius-m) + var(--sf-space-l)));box-shadow:var(--sf-card-shadow,var(--sf-shadow-s));display:block}@supports (color:oklch(from red l c h)){@container style(--sf-surface-active:1){.sf-card{--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text:var(--sf-color-heading);--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-card-border-color:var(--sf-color-border);color:var(--sf-body-color,var(--sf-color-text))}}}.sf-card__header,.sf-card__body,.sf-card__footer{display:block}.sf-card__header{border-block-end:var(--sf-border-subtle);margin-block-end:var(--sf-card-gap,var(--sf-space-m));padding-block-end:var(--sf-card-gap,var(--sf-space-m))}.sf-card__footer{border-block-start:var(--sf-border-subtle);margin-block-start:var(--sf-card-gap,var(--sf-space-m));padding-block-start:var(--sf-card-gap,var(--sf-space-m))}.sf-card__media{inline-size:100%;aspect-ratio:var(--sf-card-media-ratio,var(--sf-ratio-video));object-fit:var(--sf-object-fit,cover);border-radius:var(--sf-card-media-radius);margin-block-end:var(--sf-card-gap,var(--sf-space-m));display:block;overflow:clip}.sf-card__avatar{inline-size:var(--sf-card-avatar-size,2.5rem);block-size:var(--sf-card-avatar-size,2.5rem);aspect-ratio:1;object-fit:cover;border-radius:var(--sf-radius-full);flex-shrink:0}.sf-card__title{font-size:var(--sf-card-heading-size,var(--sf-text-xl));color:var(--sf-color-heading)}.sf-card--bordered{box-shadow:none}.sf-card--elevated{box-shadow:var(--sf-card-shadow--elevated,var(--sf-shadow-l));border-color:#0000}.sf-card--interactive{cursor:pointer;transition:var(--sf-transition-shadow)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{box-shadow:var(--sf-card-shadow--hover,var(--sf-shadow-l))}@media (prefers-reduced-motion:no-preference){.sf-card--interactive{transition:var(--sf-transition-shadow), var(--sf-transition-transform)}.sf-card--interactive:hover,.sf-card--interactive:focus-within{transform:translateY(calc(-1 * var(--sf-space-2xs)))}}}@layer slashed.utilities{.sf-invisible{visibility:hidden}.sf-visible{visibility:visible}.sf-h1,.sf-h2,.sf-h3,.sf-h4,.sf-h5,.sf-h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));font-weight:var(--sf-font-weight-heading);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word}.sf-h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}.sf-h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}.sf-h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}.sf-h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}.sf-h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}.sf-h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}.sf-text-2xs{font-size:var(--sf-text-2xs);line-height:var(--sf-text-2xs-line-height);font-weight:var(--sf-text-2xs-font-weight);letter-spacing:var(--sf-text-2xs-letter-spacing);max-inline-size:var(--sf-text-2xs-max-width)}.sf-text-xs{font-size:var(--sf-text-xs);line-height:var(--sf-text-xs-line-height);font-weight:var(--sf-text-xs-font-weight);letter-spacing:var(--sf-text-xs-letter-spacing);max-inline-size:var(--sf-text-xs-max-width)}.sf-text-s{font-size:var(--sf-text-s);line-height:var(--sf-text-s-line-height);font-weight:var(--sf-text-s-font-weight);letter-spacing:var(--sf-text-s-letter-spacing);max-inline-size:var(--sf-text-s-max-width)}.sf-text-m{font-size:var(--sf-text-m);line-height:var(--sf-text-m-line-height);font-weight:var(--sf-text-m-font-weight);letter-spacing:var(--sf-text-m-letter-spacing);max-inline-size:var(--sf-text-m-max-width)}.sf-text-l{font-size:var(--sf-text-l);line-height:var(--sf-text-l-line-height);font-weight:var(--sf-text-l-font-weight);letter-spacing:var(--sf-text-l-letter-spacing);max-inline-size:var(--sf-text-l-max-width)}.sf-text-xl{font-size:var(--sf-text-xl);line-height:var(--sf-text-xl-line-height);font-weight:var(--sf-text-xl-font-weight);letter-spacing:var(--sf-text-xl-letter-spacing);max-inline-size:var(--sf-text-xl-max-width)}.sf-text-2xl{font-size:var(--sf-text-2xl);line-height:var(--sf-text-2xl-line-height);font-weight:var(--sf-text-2xl-font-weight);letter-spacing:var(--sf-text-2xl-letter-spacing);max-inline-size:var(--sf-text-2xl-max-width)}.sf-text-3xl{font-size:var(--sf-text-3xl);line-height:var(--sf-text-3xl-line-height);font-weight:var(--sf-text-3xl-font-weight);letter-spacing:var(--sf-text-3xl-letter-spacing);max-inline-size:var(--sf-text-3xl-max-width)}.sf-text-4xl{font-size:var(--sf-text-4xl);line-height:var(--sf-text-4xl-line-height);font-weight:var(--sf-text-4xl-font-weight);letter-spacing:var(--sf-text-4xl-letter-spacing);max-inline-size:var(--sf-text-4xl-max-width)}.sf-hover-grow,.sf-hover-shrink,.sf-hover-float,.sf-hover-sink,.sf-hover-slide-start,.sf-hover-slide-end{transition-property:scale,translate;transition-duration:var(--sf-duration-normal);transition-timing-function:var(--sf-ease-out)}.sf-hover-grow:hover{scale:var(--sf-hover-grow-scale,1.05)}.sf-hover-shrink:hover{scale:var(--sf-hover-shrink-scale,.95)}.sf-hover-float:hover{translate:0 calc(-1 * var(--sf-hover-lift,.25em))}.sf-hover-sink:hover{translate:0 var(--sf-hover-lift,.25em)}.sf-hover-slide-start:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-hover-slide-end:hover,:where([dir=rtl]) .sf-hover-slide-start:hover{translate:var(--sf-hover-slide,.5em) 0}:where([dir=rtl]) .sf-hover-slide-end:hover{translate:calc(-1 * var(--sf-hover-slide,.5em)) 0}.sf-list-none{padding-inline-start:0;list-style:none}.sf-marker--primary{--sf-marker-color:var(--sf-color-primary)}.sf-marker--secondary{--sf-marker-color:var(--sf-color-secondary)}.sf-marker--tertiary{--sf-marker-color:var(--sf-color-tertiary)}.sf-marker--action{--sf-marker-color:var(--sf-color-action)}.sf-marker--primary :not(.sf-prose *)::marker,.sf-marker--primary:not(.sf-prose *)::marker,.sf-marker--secondary :not(.sf-prose *)::marker,.sf-marker--secondary:not(.sf-prose *)::marker,.sf-marker--tertiary :not(.sf-prose *)::marker,.sf-marker--tertiary:not(.sf-prose *)::marker,.sf-marker--action :not(.sf-prose *)::marker,.sf-marker--action:not(.sf-prose *)::marker{color:var(--sf-marker-color)}.sf-selection--alt{--sf-color-selection-bg:var(--sf-color-selection-bg--alt);--sf-color-selection-text:var(--sf-color-selection-text--alt)}.sf-sticky{z-index:var(--sf-z-sticky);position:sticky;inset-block-start:var(--sf-sticky-offset,0)}.sf-sticky--s{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-s))}.sf-sticky--m{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-m))}.sf-sticky--l{inset-block-start:calc(var(--sf-sticky-offset,0) + var(--sf-space-l))}.sf-width-full{inline-size:100%;max-inline-size:none}.sf-width-auto{inline-size:auto}.sf-width-fit{inline-size:fit-content}.sf-width-min{inline-size:min-content}.sf-width-max{inline-size:max-content}}
 /*# sourceMappingURL=slashed.full.min.css.map */
diff --git a/SLASHED-for-WP/dist/slashed.optimal.css b/SLASHED-for-WP/dist/slashed.optimal.css
index c01be5e..aea5469 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.35 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.optimal.flat.css b/SLASHED-for-WP/dist/slashed.optimal.flat.css
index 17f04a0..a633481 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.flat.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.flat.css
@@ -1,4 +1,4 @@
-/*! SLASHED v0.7.35 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
 
 /* ─── core/layers.css ─── */
 /* SLASHED — core/layers.css
diff --git a/SLASHED-for-WP/dist/slashed.optimal.flat.min.css b/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
index 482a970..3a55469 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.flat.min.css
@@ -1,4 +1,4 @@
 
-/*! SLASHED v0.7.35 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.optimal.flat.css (flat) | MIT License | github.com/codeslash-dev/SLASHED */
 @property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-scroll-offset-gap,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-color-caret)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-hidden-if-empty:empty{display:none}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: "<color>"; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}@media print{@page{size:a4 portrait;margin:2cm}body{font-size:11pt}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}}
 /*# sourceMappingURL=slashed.optimal.flat.min.css.map */
diff --git a/SLASHED-for-WP/dist/slashed.optimal.min.css b/SLASHED-for-WP/dist/slashed.optimal.min.css
index d5b33ac..382c9a3 100644
--- a/SLASHED-for-WP/dist/slashed.optimal.min.css
+++ b/SLASHED-for-WP/dist/slashed.optimal.min.css
@@ -1,4 +1,4 @@
 @layer slashed.tokens,slashed.reset,slashed.base,slashed.forms,slashed.components,slashed.layout,slashed.macros,slashed.utilities,slashed.states,slashed.themes,slashed.motion,slashed.accessibility,slashed.print,slashed.legacy,slashed.overrides;
-/*! SLASHED v0.7.35 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
+/*! SLASHED v0.7.36 — slashed.optimal.css | MIT License | github.com/codeslash-dev/SLASHED */
 @layer slashed.tokens{@property --sf-color-primary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary-source-light{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral-source-light{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base-source-light{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success-source-light{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning-source-light{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger-source-light{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary-source-light:oklch(47% .27 264);--sf-color-secondary-source-light:oklch(22% .04 264);--sf-color-tertiary-source-light:oklch(42% .22 295);--sf-color-action-source-light:oklch(50% .22 235);--sf-color-neutral-source-light:oklch(52% .025 260);--sf-color-base-source-light:oklch(96% .006 250);--sf-color-success-source-light:oklch(50% .16 145);--sf-color-warning-source-light:oklch(75% .17 80);--sf-color-info-source-light:oklch(48% .18 235);--sf-color-danger-source-light:oklch(48% .22 12)}@property --sf-color-primary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71.5% .243 264)}@property --sf-color-secondary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(84% .036 264)}@property --sf-color-tertiary-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(74% .198 295)}@property --sf-color-action-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .198 235)}@property --sf-color-neutral-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(69% .0225 260)}@property --sf-color-base-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(22% .003 250)}@property --sf-color-success-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(70% .144 145)}@property --sf-color-warning-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(65% .153 80)}@property --sf-color-info-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .162 235)}@property --sf-color-danger-source-dark{syntax:"<color>";inherits:true;initial-value:oklch(71% .198 12)}@property --sf-color-primary{syntax:"<color>";inherits:true;initial-value:oklch(47% .27 264)}@property --sf-color-secondary{syntax:"<color>";inherits:true;initial-value:oklch(22% .04 264)}@property --sf-color-tertiary{syntax:"<color>";inherits:true;initial-value:oklch(42% .22 295)}@property --sf-color-action{syntax:"<color>";inherits:true;initial-value:oklch(50% .22 235)}@property --sf-color-neutral{syntax:"<color>";inherits:true;initial-value:oklch(52% .025 260)}@property --sf-color-base{syntax:"<color>";inherits:true;initial-value:oklch(96% .006 250)}@property --sf-color-success{syntax:"<color>";inherits:true;initial-value:oklch(50% .16 145)}@property --sf-color-warning{syntax:"<color>";inherits:true;initial-value:oklch(75% .17 80)}@property --sf-color-info{syntax:"<color>";inherits:true;initial-value:oklch(48% .18 235)}@property --sf-color-danger{syntax:"<color>";inherits:true;initial-value:oklch(48% .22 12)}:root{--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light)}@property --sf-is-dark{syntax:"<integer>";inherits:true;initial-value:0}@property --sf-fluid-min-vw{syntax:"<number>";inherits:true;initial-value:22.5}@property --sf-fluid-max-vw{syntax:"<number>";inherits:true;initial-value:90}@property --sf-text-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-text-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-text-base-max{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-text-display-base-min{syntax:"<number>";inherits:true;initial-value:2.4}@property --sf-text-display-base-max{syntax:"<number>";inherits:true;initial-value:3}@property --sf-space-ratio-min{syntax:"<number>";inherits:true;initial-value:1.25}@property --sf-space-ratio-max{syntax:"<number>";inherits:true;initial-value:1.333}@property --sf-space-base-min{syntax:"<number>";inherits:true;initial-value:1}@property --sf-space-base-max{syntax:"<number>";inherits:true;initial-value:2}@property --sf-fluid-width{syntax:"*";inherits:true}@property --sf-shadow-none{syntax:"*";inherits:true}@property --sf-shadow-xs{syntax:"*";inherits:true}@property --sf-shadow-s{syntax:"*";inherits:true}@property --sf-shadow-m{syntax:"*";inherits:true}@property --sf-shadow-l{syntax:"*";inherits:true}@property --sf-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-2xl{syntax:"*";inherits:true}@property --sf-shadow-inner{syntax:"*";inherits:true}@property --sf-text-shadow-none{syntax:"*";inherits:true}@property --sf-text-shadow-xs{syntax:"*";inherits:true}@property --sf-text-shadow-s{syntax:"*";inherits:true}@property --sf-text-shadow-m{syntax:"*";inherits:true}@property --sf-text-shadow-l{syntax:"*";inherits:true}@property --sf-text-shadow-xl{syntax:"*";inherits:true}@property --sf-drop-shadow-xs{syntax:"*";inherits:true}@property --sf-drop-shadow-s{syntax:"*";inherits:true}@property --sf-drop-shadow-m{syntax:"*";inherits:true}@property --sf-drop-shadow-l{syntax:"*";inherits:true}@property --sf-drop-shadow-xl{syntax:"*";inherits:true}@property --sf-shadow-glow{syntax:"*";inherits:true}:root{--sf-fluid-min-vw:22.5;--sf-fluid-max-vw:90;--sf-fluid-width:100vw;--sf-text-ratio-min:1.25;--sf-text-ratio-max:1.333;--sf-text-base-min:1;--sf-text-base-max:1.25;--sf-text-display-base-min:2.4;--sf-text-display-base-max:3;--sf-space-ratio-min:1.25;--sf-space-ratio-max:1.333;--sf-space-base-min:1;--sf-space-base-max:2;--sf-color-scheme:light dark;--sf-lumlocker:.65;--sf-lumlocker-dark:clamp(.5, calc(1.18 - var(--sf-lumlocker)), .92);--sf-color-surface:var(--sf-color-base);--sf-color-text--on-base:var(--sf-color-text);--sf-color-text--on-primary:oklch(95% 0 0);--sf-color-text--on-secondary:oklch(95% 0 0);--sf-color-text--on-tertiary:oklch(95% 0 0);--sf-color-text--on-action:oklch(95% 0 0);--sf-color-text--on-neutral:oklch(95% 0 0);--sf-color-text--on-success:oklch(95% 0 0);--sf-color-text--on-warning:oklch(10% 0 0);--sf-color-text--on-info:oklch(95% 0 0);--sf-color-text--on-danger:oklch(95% 0 0);--sf-color-text--on-inverse:oklch(95% 0 0);--sf-color-code-text:oklch(10% 0 0);--sf-color-border--focus:var(--sf-color-action);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-link-underline-offset:.15em;--sf-link-underline-thickness:auto;--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-code-bg:var(--sf-color-inset);--sf-color-selection-text:inherit;--sf-color-mark-text:inherit;--sf-color-dim:oklch(0% 0 0/.5);--sf-color-white:oklch(100% 0 0);--sf-color-black:oklch(0% 0 0);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-scrollbar-track:transparent;--sf-shadow-strength:calc(.08 + var(--sf-is-dark) * .17);--sf-shadow-lightness:.15;--sf-shadow-glow-color:var(--sf-color-primary);--sf-opacity-disabled:.45;--sf-focus-ring-color:var(--sf-color-action);--sf-focus-ring-shadow:0 0 0 var(--sf-focus-ring-offset) var(--sf-color-bg,var(--sf-color-base-source-light,#fff)), 0 0 0 calc(var(--sf-focus-ring-offset) + var(--sf-focus-ring-width)) var(--sf-focus-ring-color);--sf-color-caret:var(--sf-color-action)}@supports (color:light-dark(white, black)) and (color:oklch(from red l c h)){:root{--sf-color-primary:light-dark(var(--sf-color-primary-source-light),var(--sf-color-primary-source-dark,oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-secondary:light-dark(var(--sf-color-secondary-source-light),var(--sf-color-secondary-source-dark,oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-tertiary:light-dark(var(--sf-color-tertiary-source-light),var(--sf-color-tertiary-source-dark,oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-action:light-dark(var(--sf-color-action-source-light),var(--sf-color-action-source-dark,oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-neutral:light-dark(var(--sf-color-neutral-source-light),var(--sf-color-neutral-source-dark,oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-base:light-dark(var(--sf-color-base-source-light),var(--sf-color-base-source-dark,oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h)));--sf-color-success:light-dark(var(--sf-color-success-source-light),var(--sf-color-success-source-dark,oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-warning:light-dark(var(--sf-color-warning-source-light),var(--sf-color-warning-source-dark,oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-info:light-dark(var(--sf-color-info-source-light),var(--sf-color-info-source-dark,oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-danger:light-dark(var(--sf-color-danger-source-light),var(--sf-color-danger-source-dark,oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)));--sf-color-text:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-text--muted:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.35, calc(l - var(--sf-contrast-bias)), .62) c h),oklch(from var(--sf-color-neutral) clamp(.48, calc(l + var(--sf-contrast-bias)), .74) c h));--sf-color-text--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h),oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h));--sf-color-text--placeholder:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h),oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h));--sf-color-text--disabled:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h));--sf-color-text--inverse:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h),oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h));--sf-color-heading:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h),oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h));--sf-color-border:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h),oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h));--sf-color-border--subtle:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h),oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h));--sf-color-border--strong:light-dark(oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h),oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h));--sf-color-link:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h),oklch(from var(--sf-color-action) clamp(.68, l, 1) c h));--sf-color-link--hover:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h));--sf-color-link--active:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h),oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h));--sf-color-link--visited:light-dark(oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60)),oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60)));--sf-color-selection-bg:light-dark(oklch(from var(--sf-color-action-source-light) l c h / .28),oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55));--sf-color-selection-bg--alt:light-dark(oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55),oklch(from var(--sf-color-action-source-light) l c h / .28));--sf-color-selection-text--alt:inherit;--sf-color-success-strong:light-dark(oklch(from var(--sf-color-success-source-light) calc(l - .15) c h),oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h));--sf-color-warning-strong:light-dark(oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h),oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h));--sf-color-info-strong:light-dark(oklch(from var(--sf-color-info-source-light) calc(l - .1) c h),oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h));--sf-color-danger-strong:light-dark(oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h),oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h))}}@supports (color:oklch(from red l c h)){:root{--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-border--disabled:oklch(from var(--sf-color-border--subtle) l 0 h / .5);--sf-color-border--translucent:oklch(from var(--sf-color-neutral) l c h / .15);--sf-color-link--underline:oklch(from var(--sf-color-action) l c h / .3);--sf-color-bg--hover:oklch(from var(--sf-color-neutral) l c h / .08);--sf-color-bg--active:oklch(from var(--sf-color-neutral) l c h / .12);--sf-color-bg--selected:oklch(from var(--sf-color-action) l c h / .1);--sf-color-bg--focus:oklch(from var(--sf-color-action) l c h / .06);--sf-color-mark-bg:oklch(from var(--sf-color-warning) l c h / .25);--sf-color-success-subtle:oklch(from var(--sf-color-success) l c h / .12);--sf-color-success-muted:oklch(from var(--sf-color-success) l c h / .3);--sf-color-success-tint:oklch(from var(--sf-color-success) l c h / .05);--sf-color-warning-subtle:oklch(from var(--sf-color-warning) l c h / .12);--sf-color-warning-muted:oklch(from var(--sf-color-warning) l c h / .3);--sf-color-warning-tint:oklch(from var(--sf-color-warning) l c h / .05);--sf-color-info-subtle:oklch(from var(--sf-color-info) l c h / .12);--sf-color-info-muted:oklch(from var(--sf-color-info) l c h / .3);--sf-color-info-tint:oklch(from var(--sf-color-info) l c h / .05);--sf-color-danger-subtle:oklch(from var(--sf-color-danger) l c h / .12);--sf-color-danger-muted:oklch(from var(--sf-color-danger) l c h / .3);--sf-color-danger-tint:oklch(from var(--sf-color-danger) l c h / .05);--sf-gradient-primary:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) calc(l - .08) c h));--sf-gradient-secondary:linear-gradient(in oklch 135deg, var(--sf-color-secondary), oklch(from var(--sf-color-secondary) calc(l - .08) c h));--sf-gradient-tertiary:linear-gradient(in oklch 135deg, var(--sf-color-tertiary), oklch(from var(--sf-color-tertiary) calc(l - .08) c h));--sf-gradient-action:linear-gradient(in oklch 135deg, var(--sf-color-action), oklch(from var(--sf-color-action) calc(l - .08) c h));--sf-gradient-brand:linear-gradient(in oklch 135deg, var(--sf-color-primary), oklch(from var(--sf-color-primary) l c calc(h + 30)));--sf-gradient-surface:linear-gradient(in oklab 180deg, var(--sf-color-surface), var(--sf-color-bg));--sf-gradient-fade--r:linear-gradient(in oklch to right, transparent, var(--sf-color-bg));--sf-gradient-fade--l:linear-gradient(in oklch to left, transparent, var(--sf-color-bg));--sf-gradient-fade--t:linear-gradient(in oklch to top, transparent, var(--sf-color-bg));--sf-gradient-fade--b:linear-gradient(in oklch to bottom, transparent, var(--sf-color-bg));--sf-shadow-glow:0 0 15px 2px oklch(from var(--sf-shadow-glow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7))}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:root{--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}@supports (color:oklch(from red l c h)){:root{--sf-palette-tint-l:.97;--sf-palette-shade-l:.1;--sf-color-primary-50:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-primary-100:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-primary-200:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-primary-300:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-primary-400:oklch(from var(--sf-color-primary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-primary-500:var(--sf-color-primary);--sf-color-primary-600:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-primary-700:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-primary-800:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-primary-900:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-primary-950:oklch(from var(--sf-color-primary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-primary-a5:oklch(from var(--sf-color-primary) l c h / .05);--sf-color-primary-a10:oklch(from var(--sf-color-primary) l c h / .1);--sf-color-primary-a30:oklch(from var(--sf-color-primary) l c h / .3);--sf-color-primary-a50:oklch(from var(--sf-color-primary) l c h / .5);--sf-color-primary-a80:oklch(from var(--sf-color-primary) l c h / .8);--sf-color-primary-superlight:var(--sf-color-primary-50);--sf-color-primary-xlight:var(--sf-color-primary-200);--sf-color-primary-lighter:var(--sf-color-primary-400);--sf-color-primary-darker:var(--sf-color-primary-600);--sf-color-primary-xdark:var(--sf-color-primary-800);--sf-color-primary-superdark:var(--sf-color-primary-950);--sf-color-primary--hover:var(--sf-color-primary-darker);--sf-color-primary--active:var(--sf-color-primary-xdark);--sf-color-primary-subtle:var(--sf-color-primary-a10);--sf-color-primary-muted:var(--sf-color-primary-a30);--sf-color-primary-tint:var(--sf-color-primary-a5);--sf-color-secondary-50:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-secondary-100:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-secondary-200:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-secondary-300:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-secondary-400:oklch(from var(--sf-color-secondary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-secondary-500:var(--sf-color-secondary);--sf-color-secondary-600:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-secondary-700:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-secondary-800:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-secondary-900:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-secondary-950:oklch(from var(--sf-color-secondary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-secondary-a5:oklch(from var(--sf-color-secondary) l c h / .05);--sf-color-secondary-a10:oklch(from var(--sf-color-secondary) l c h / .1);--sf-color-secondary-a30:oklch(from var(--sf-color-secondary) l c h / .3);--sf-color-secondary-a50:oklch(from var(--sf-color-secondary) l c h / .5);--sf-color-secondary-a80:oklch(from var(--sf-color-secondary) l c h / .8);--sf-color-secondary-superlight:var(--sf-color-secondary-50);--sf-color-secondary-xlight:var(--sf-color-secondary-200);--sf-color-secondary-lighter:var(--sf-color-secondary-400);--sf-color-secondary-darker:var(--sf-color-secondary-600);--sf-color-secondary-xdark:var(--sf-color-secondary-800);--sf-color-secondary-superdark:var(--sf-color-secondary-950);--sf-color-secondary--hover:var(--sf-color-secondary-darker);--sf-color-secondary--active:var(--sf-color-secondary-xdark);--sf-color-secondary-subtle:var(--sf-color-secondary-a10);--sf-color-secondary-muted:var(--sf-color-secondary-a30);--sf-color-secondary-tint:var(--sf-color-secondary-a5);--sf-color-tertiary-50:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-tertiary-100:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-tertiary-200:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-tertiary-300:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-tertiary-400:oklch(from var(--sf-color-tertiary) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-tertiary-500:var(--sf-color-tertiary);--sf-color-tertiary-600:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-tertiary-700:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-tertiary-800:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-tertiary-900:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-tertiary-950:oklch(from var(--sf-color-tertiary) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-tertiary-a5:oklch(from var(--sf-color-tertiary) l c h / .05);--sf-color-tertiary-a10:oklch(from var(--sf-color-tertiary) l c h / .1);--sf-color-tertiary-a30:oklch(from var(--sf-color-tertiary) l c h / .3);--sf-color-tertiary-a50:oklch(from var(--sf-color-tertiary) l c h / .5);--sf-color-tertiary-a80:oklch(from var(--sf-color-tertiary) l c h / .8);--sf-color-tertiary-superlight:var(--sf-color-tertiary-50);--sf-color-tertiary-xlight:var(--sf-color-tertiary-200);--sf-color-tertiary-lighter:var(--sf-color-tertiary-400);--sf-color-tertiary-darker:var(--sf-color-tertiary-600);--sf-color-tertiary-xdark:var(--sf-color-tertiary-800);--sf-color-tertiary-superdark:var(--sf-color-tertiary-950);--sf-color-tertiary--hover:var(--sf-color-tertiary-darker);--sf-color-tertiary--active:var(--sf-color-tertiary-xdark);--sf-color-tertiary-subtle:var(--sf-color-tertiary-a10);--sf-color-tertiary-muted:var(--sf-color-tertiary-a30);--sf-color-tertiary-tint:var(--sf-color-tertiary-a5);--sf-color-action-50:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-action-100:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-action-200:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-action-300:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-action-400:oklch(from var(--sf-color-action) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-action-500:var(--sf-color-action);--sf-color-action-600:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-action-700:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-action-800:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-action-900:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-action-950:oklch(from var(--sf-color-action) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-action-a5:oklch(from var(--sf-color-action) l c h / .05);--sf-color-action-a10:oklch(from var(--sf-color-action) l c h / .1);--sf-color-action-a30:oklch(from var(--sf-color-action) l c h / .3);--sf-color-action-a50:oklch(from var(--sf-color-action) l c h / .5);--sf-color-action-a80:oklch(from var(--sf-color-action) l c h / .8);--sf-color-action-superlight:var(--sf-color-action-50);--sf-color-action-xlight:var(--sf-color-action-200);--sf-color-action-lighter:var(--sf-color-action-400);--sf-color-action-darker:var(--sf-color-action-600);--sf-color-action-xdark:var(--sf-color-action-800);--sf-color-action-superdark:var(--sf-color-action-950);--sf-color-action--hover:var(--sf-color-action-darker);--sf-color-action--active:var(--sf-color-action-xdark);--sf-color-action-subtle:var(--sf-color-action-a10);--sf-color-action-muted:var(--sf-color-action-a30);--sf-color-action-tint:var(--sf-color-action-a5);--sf-color-neutral-50:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .95)) calc(c * .2) h);--sf-color-neutral-100:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .88)) calc(c * .3) h);--sf-color-neutral-200:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .72)) calc(c * .5) h);--sf-color-neutral-300:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .52)) calc(c * .72) h);--sf-color-neutral-400:oklch(from var(--sf-color-neutral) max(l, calc(l + (var(--sf-palette-tint-l) - l) * .3)) calc(c * .88) h);--sf-color-neutral-500:var(--sf-color-neutral);--sf-color-neutral-600:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .16)) calc(c * .96) h);--sf-color-neutral-700:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .36)) calc(c * .88) h);--sf-color-neutral-800:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .58)) calc(c * .72) h);--sf-color-neutral-900:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .78)) calc(c * .52) h);--sf-color-neutral-950:oklch(from var(--sf-color-neutral) min(l, calc(l + (var(--sf-palette-shade-l) - l) * .9)) calc(c * .38) h);--sf-color-neutral-a5:oklch(from var(--sf-color-neutral) l c h / .05);--sf-color-neutral-a10:oklch(from var(--sf-color-neutral) l c h / .1);--sf-color-neutral-a30:oklch(from var(--sf-color-neutral) l c h / .3);--sf-color-neutral-a50:oklch(from var(--sf-color-neutral) l c h / .5);--sf-color-neutral-a80:oklch(from var(--sf-color-neutral) l c h / .8);--sf-color-neutral-superlight:var(--sf-color-neutral-50);--sf-color-neutral-xlight:var(--sf-color-neutral-200);--sf-color-neutral-lighter:var(--sf-color-neutral-400);--sf-color-neutral-darker:var(--sf-color-neutral-600);--sf-color-neutral-xdark:var(--sf-color-neutral-800);--sf-color-neutral-superdark:var(--sf-color-neutral-950);--sf-color-neutral--hover:var(--sf-color-neutral-darker);--sf-color-neutral--active:var(--sf-color-neutral-xdark);--sf-color-neutral-subtle:var(--sf-color-neutral-a10);--sf-color-neutral-muted:var(--sf-color-neutral-a30);--sf-color-neutral-tint:var(--sf-color-neutral-a5);--sf-color-base-50:oklch(from var(--sf-color-base) .97 c h);--sf-color-base-100:oklch(from var(--sf-color-base) .94 c h);--sf-color-base-200:oklch(from var(--sf-color-base) .88 c h);--sf-color-base-300:oklch(from var(--sf-color-base) .78 c h);--sf-color-base-400:oklch(from var(--sf-color-base) .65 c h);--sf-color-base-500:oklch(from var(--sf-color-base) .5 c h);--sf-color-base-600:oklch(from var(--sf-color-base) .37 c h);--sf-color-base-700:oklch(from var(--sf-color-base) .27 c h);--sf-color-base-800:oklch(from var(--sf-color-base) .17 c h);--sf-color-base-900:oklch(from var(--sf-color-base) .11 c h);--sf-color-base-950:oklch(from var(--sf-color-base) .06 c h);--sf-color-base-a5:oklch(from var(--sf-color-base) l c h / .05);--sf-color-base-a10:oklch(from var(--sf-color-base) l c h / .1);--sf-color-base-a30:oklch(from var(--sf-color-base) l c h / .3);--sf-color-base-a50:oklch(from var(--sf-color-base) l c h / .5);--sf-color-base-a80:oklch(from var(--sf-color-base) l c h / .8);--sf-color-base--hover:oklch(from var(--sf-color-base) clamp(.01, calc(l - .04 + var(--sf-is-dark) * .08), .99) c h);--sf-color-base--active:oklch(from var(--sf-color-base) clamp(.01, calc(l - .08 + var(--sf-is-dark) * .16), .99) c h);--sf-color-base-subtle:var(--sf-color-base-a10);--sf-color-base-muted:var(--sf-color-base-a30);--sf-color-base-tint:var(--sf-color-base-a5)}}:root{--sf-space-scale:1;--sf-text-scale:1;--sf-text-display-scale:1;--sf-radius-scale:1;--sf-motion-scale:1;--sf-section-scale:1;--sf-font-body:system-ui, -apple-system, sans-serif;--sf-font-heading:var(--sf-font-body);--sf-font-display:var(--sf-font-heading);--sf-font-mono:ui-monospace, monospace;--sf-font-features:normal;--sf-font-variation:normal;--sf-optical-sizing:auto;--sf-font-weight-light:300;--sf-font-weight-normal:400;--sf-font-weight-medium:500;--sf-font-weight-semibold:600;--sf-font-weight-bold:700;--sf-font-weight-body:var(--sf-font-weight-normal);--sf-font-weight-heading:var(--sf-font-weight-semibold);--sf-font-weight-display:var(--sf-font-weight-bold);--sf-font-weight-interactive:var(--sf-font-weight-semibold);--sf-font-weight-strong:var(--sf-font-weight-bold);--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-leading-tight:1.1;--sf-leading-snug:1.3;--sf-leading-normal:1.5;--sf-leading-relaxed:1.625;--sf-leading-taper:0;--sf-display-s-line-height:var(--sf-leading-tight);--sf-display-m-line-height:1.05;--sf-display-l-line-height:1;--sf-tracking-tight:-.025em;--sf-tracking-normal:0;--sf-tracking-wide:.025em;--sf-tracking-wider:.05em;--sf-tracking-widest:.1em;--sf-font-numeric:tabular-nums;--sf-text-2xs-line-height:var(--sf-leading-relaxed);--sf-text-2xs-font-weight:var(--sf-font-weight-body);--sf-text-2xs-letter-spacing:var(--sf-tracking-normal);--sf-text-2xs-max-width:55ch;--sf-text-xs-line-height:calc(var(--sf-leading-relaxed) - 1 * var(--sf-leading-taper));--sf-text-xs-font-weight:var(--sf-font-weight-body);--sf-text-xs-letter-spacing:var(--sf-tracking-normal);--sf-text-xs-max-width:60ch;--sf-text-s-line-height:calc(var(--sf-leading-relaxed) - 2 * var(--sf-leading-taper));--sf-text-s-font-weight:var(--sf-font-weight-body);--sf-text-s-letter-spacing:var(--sf-tracking-normal);--sf-text-s-max-width:65ch;--sf-text-m-line-height:calc(var(--sf-leading-normal) - 3 * var(--sf-leading-taper));--sf-text-m-font-weight:var(--sf-font-weight-body);--sf-text-m-letter-spacing:var(--sf-tracking-normal);--sf-text-m-max-width:65ch;--sf-text-l-line-height:calc(var(--sf-leading-normal) - 4 * var(--sf-leading-taper));--sf-text-l-font-weight:var(--sf-font-weight-body);--sf-text-l-letter-spacing:var(--sf-tracking-normal);--sf-text-l-max-width:none;--sf-text-xl-line-height:calc(var(--sf-leading-snug) - 5 * var(--sf-leading-taper));--sf-text-xl-font-weight:var(--sf-font-weight-body);--sf-text-xl-letter-spacing:var(--sf-tracking-normal);--sf-text-xl-max-width:none;--sf-text-2xl-line-height:calc(var(--sf-leading-snug) - 6 * var(--sf-leading-taper));--sf-text-2xl-font-weight:var(--sf-font-weight-heading);--sf-text-2xl-letter-spacing:var(--sf-tracking-normal);--sf-text-2xl-max-width:none;--sf-text-3xl-line-height:calc(var(--sf-leading-tight) - 7 * var(--sf-leading-taper));--sf-text-3xl-font-weight:var(--sf-font-weight-heading);--sf-text-3xl-letter-spacing:var(--sf-tracking-tight);--sf-text-3xl-max-width:none;--sf-text-4xl-line-height:calc(var(--sf-leading-tight) - 8 * var(--sf-leading-taper));--sf-text-4xl-font-weight:var(--sf-font-weight-heading);--sf-text-4xl-letter-spacing:var(--sf-tracking-tight);--sf-text-4xl-max-width:none;--sf-icon-xs:.875em;--sf-icon-s:1em;--sf-icon-m:1.5em;--sf-icon-l:2em;--sf-icon-xl:3em;--sf-icon-2xl:4em;--sf-space-none:0;--sf-space-px:1px;--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale));--sf-size-xs:1.5rem;--sf-size-s:2rem;--sf-size-m:2.5rem;--sf-size-l:3rem;--sf-size-xl:3.5rem;--sf-container-narrow:38rem;--sf-container-prose:65ch;--sf-container-default:75rem;--sf-container-wide:90rem;--sf-container-full:100%;--sf-ratio-square:1;--sf-ratio-video:16 / 9;--sf-ratio-cinema:21 / 9;--sf-ratio-4-3:4 / 3;--sf-ratio-3-2:3 / 2;--sf-ratio-portrait:3 / 4;--sf-ratio-golden:1.618 / 1;--sf-border-scale:1;--sf-border-width-hairline:.5px;--sf-border-width-1:calc(1px * var(--sf-border-scale,1));--sf-border-width-2:calc(2px * var(--sf-border-scale,1));--sf-border-width-3:calc(3px * var(--sf-border-scale,1));--sf-border-width-4:calc(4px * var(--sf-border-scale,1));--sf-border-style:solid;--sf-border:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border);--sf-border-subtle:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--subtle);--sf-border-strong:var(--sf-border-width-1) var(--sf-border-style) var(--sf-color-border--strong);--sf-divider-width:var(--sf-border-width-1);--sf-divider-style:solid;--sf-divider-color:var(--sf-color-border);--sf-divider-gap:var(--sf-space-m);--sf-radius-none:0;--sf-radius-2xs:calc(1px * var(--sf-radius-scale));--sf-radius-xs:calc(2px * var(--sf-radius-scale));--sf-radius-s:calc(4px * var(--sf-radius-scale));--sf-radius-m:calc(8px * var(--sf-radius-scale));--sf-radius-l:calc(12px * var(--sf-radius-scale));--sf-radius-xl:calc(16px * var(--sf-radius-scale));--sf-radius-2xl:calc(24px * var(--sf-radius-scale));--sf-radius-3xl:calc(32px * var(--sf-radius-scale));--sf-radius-4xl:calc(48px * var(--sf-radius-scale));--sf-radius-full:9999px;--sf-radius-pill:var(--sf-radius-full);--sf-radius-outer:calc(var(--sf-radius-m) + var(--sf-component-pad));--sf-media-radius:0;--sf-blur:12px;--sf-opacity-muted:.5;--sf-duration-none:0s;--sf-duration-instant:calc(.1s * var(--sf-motion-scale));--sf-duration-fast:calc(.15s * var(--sf-motion-scale));--sf-duration-normal:calc(.25s * var(--sf-motion-scale));--sf-duration-slow:calc(.4s * var(--sf-motion-scale));--sf-duration-slower:calc(.6s * var(--sf-motion-scale));--sf-theme-transition-duration:calc(.3s * var(--sf-motion-scale));--sf-ease-linear:linear;--sf-ease-out:cubic-bezier(.25, 0, .15, 1);--sf-ease-in:cubic-bezier(.5, 0, .75, .25);--sf-ease-in-out:cubic-bezier(.4, 0, .2, 1);--sf-ease-spring:linear(0, .5, 1.1, .95, 1.02, 1);--sf-ease-elastic:linear(0, .3, 1.2, .9, 1.05, 1);--sf-ease-bounce:linear(0, .35 18%, 1 32%, .86 42%, 1.02 56%, .98 72%, 1);--sf-ease-overshoot:linear(0, .6 30%, 1.08 55%, .98 75%, 1);--sf-animation-fade-in:sf-fade-in var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-fade-out:sf-fade-out var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-in-up:sf-slide-in-up var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-down:sf-slide-in-down var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-left:sf-slide-in-left var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-slide-in-right:sf-slide-in-right var(--sf-duration-normal) var(--sf-ease-out) both;--sf-animation-scale-up:sf-scale-up var(--sf-duration-normal) var(--sf-ease-overshoot) both;--sf-animation-scale-down:sf-scale-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-up:sf-slide-out-up var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-down:sf-slide-out-down var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-left:sf-slide-out-left var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-slide-out-right:sf-slide-out-right var(--sf-duration-normal) var(--sf-ease-in) both;--sf-animation-color-pulse:sf-color-pulse var(--sf-duration-slow) var(--sf-ease-in-out) infinite;--sf-animation-ping:sf-ping var(--sf-duration-slow) var(--sf-ease-out) infinite;--sf-animation-blink:sf-blink calc(1s * var(--sf-motion-scale)) steps(1, end) infinite;--sf-animation-float:sf-float calc(3s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-animation-spin:sf-spin var(--sf-duration-slower) linear infinite;--sf-animation-shimmer:sf-shimmer calc(1.5s * var(--sf-motion-scale)) var(--sf-ease-in-out) infinite;--sf-stagger-step:75ms;--sf-hover-grow-scale:1.05;--sf-hover-shrink-scale:.95;--sf-hover-lift:.25em;--sf-hover-slide:.5em;--sf-scroll-timeline-range-start:entry 0%;--sf-scroll-timeline-range-end:cover 30%;--sf-scroll-timeline-range-exit-start:cover 70%;--sf-scroll-timeline-range-exit-end:exit 100%;--sf-mask-scrim-start:var(--sf-space-l);--sf-mask-scrim-end:var(--sf-space-l);--sf-z-below:-1;--sf-z-base:0;--sf-z-raised:1;--sf-z-sticky:1000;--sf-z-fixed:1010;--sf-z-dropdown:1020;--sf-z-overlay:1030;--sf-z-modal:1040;--sf-z-toast:1050;--sf-z-tooltip:1060;--sf-header-height-mobile:3.5rem;--sf-header-height-desktop:5rem;--sf-header-height:clamp(var(--sf-header-height-mobile), calc((var(--sf-header-height-desktop) - var(--sf-header-height-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-header-height-mobile)), var(--sf-header-height-desktop));--sf-sticky-offset-mobile:var(--sf-header-height-mobile);--sf-sticky-offset-desktop:var(--sf-header-height-desktop);--sf-sticky-offset:clamp(var(--sf-sticky-offset-mobile), calc((var(--sf-sticky-offset-desktop) - var(--sf-sticky-offset-mobile)) / ((var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * 1rem) * (100vw - var(--sf-fluid-min-vw) * 1rem) + var(--sf-sticky-offset-mobile)), var(--sf-sticky-offset-desktop));--sf-scroll-offset-gap:var(--sf-space-m);--sf-focus-ring-width:2px;--sf-focus-ring-offset:2px;--sf-focus-ring-style:solid;--sf-touch-target:2.75rem;--sf-contrast-bias:0;--sf-contrast-threshold:.6;--sf-safe-top:env(safe-area-inset-top,0px);--sf-safe-bottom:env(safe-area-inset-bottom,0px);--sf-safe-left:env(safe-area-inset-left,0px);--sf-safe-right:env(safe-area-inset-right,0px);--sf-object-fit:cover;--sf-object-position:50% 50%}@supports (color:oklch(from red l c h)){:root{--sf-shadow-color:oklch(from var(--sf-color-neutral) var(--sf-shadow-lightness) c h);--sf-shadow-none:none;--sf-shadow-xs:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7));--sf-shadow-s:0 1px 2px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 2px 6px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, var(--sf-shadow-strength), .7));--sf-shadow-m:0 1px 3px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-l:0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 8px 24px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)), 0 16px 48px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-shadow-xl:0 2px 8px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .5), .7)), 0 12px 36px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3.5), .7)), 0 24px 72px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-shadow-2xl:0 4px 12px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * .6), .7)), 0 20px 60px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 4), .7)), 0 40px 100px -8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 5), .7));--sf-shadow-inner:inset 0 2px 4px 0 oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-none:none;--sf-text-shadow-xs:0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7));--sf-text-shadow-s:0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7));--sf-text-shadow-m:0 2px 4px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7));--sf-text-shadow-l:0 4px 8px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7));--sf-text-shadow-xl:0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7));--sf-drop-shadow-xs:drop-shadow(0 .5px 1px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1), .7)));--sf-drop-shadow-s:drop-shadow(0 1px 2px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 1.5), .7)));--sf-drop-shadow-m:drop-shadow(0 4px 6px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2), .7)));--sf-drop-shadow-l:drop-shadow(0 8px 16px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 2.5), .7)));--sf-drop-shadow-xl:drop-shadow(0 16px 32px oklch(from var(--sf-shadow-color) l c h / clamp(0, calc(var(--sf-shadow-strength) * 3), .7)))}}:root{--sf-body-font-size:var(--sf-text-m);--sf-body-line-height:var(--sf-leading-normal);--sf-body-font-weight:var(--sf-font-weight-body);--sf-body-font-family:var(--sf-font-body);--sf-body-color:var(--sf-color-text);--sf-body-text-wrap:pretty;--sf-body-strong-weight:var(--sf-font-weight-strong);--sf-body-em-style:italic;--sf-code-font-size:.875em;--sf-heading-font-family:var(--sf-font-heading);--sf-heading-color:var(--sf-color-heading);--sf-heading-text-wrap:balance;--sf-h1-size:var(--sf-text-4xl);--sf-h1-line-height:var(--sf-leading-tight);--sf-h1-font-weight:var(--sf-font-weight-heading);--sf-h1-letter-spacing:var(--sf-tracking-tight);--sf-h2-size:var(--sf-text-3xl);--sf-h2-line-height:var(--sf-leading-tight);--sf-h2-font-weight:var(--sf-font-weight-heading);--sf-h2-letter-spacing:var(--sf-tracking-tight);--sf-h3-size:var(--sf-text-2xl);--sf-h3-line-height:var(--sf-leading-snug);--sf-h3-font-weight:var(--sf-font-weight-heading);--sf-h3-letter-spacing:var(--sf-tracking-normal);--sf-h4-size:var(--sf-text-xl);--sf-h4-line-height:var(--sf-leading-snug);--sf-h4-font-weight:var(--sf-font-weight-heading);--sf-h4-letter-spacing:var(--sf-tracking-normal);--sf-h5-size:var(--sf-text-l);--sf-h5-line-height:var(--sf-leading-normal);--sf-h5-font-weight:var(--sf-font-weight-heading);--sf-h5-letter-spacing:var(--sf-tracking-normal);--sf-h6-size:var(--sf-text-m);--sf-h6-line-height:var(--sf-leading-normal);--sf-h6-font-weight:var(--sf-font-weight-heading);--sf-h6-letter-spacing:var(--sf-tracking-wide);--sf-h1-max-width:none;--sf-h2-max-width:none;--sf-h3-max-width:none;--sf-h4-max-width:none;--sf-h5-max-width:none;--sf-h6-max-width:none;--sf-gap:var(--sf-space-m);--sf-content-gap:var(--sf-space-s);--sf-gutter:var(--sf-space-l);--sf-component-pad:var(--sf-space-m);--sf-field-block:var(--sf-space-xs);--sf-field-required-marker:" *";--sf-link-external-marker:" ↗";--sf-link-external-label:"opens in a new window or external site";--sf-section-pad:var(--sf-section-pad--m);--sf-section-pad--xs:calc(var(--sf-space-xl) * var(--sf-section-scale));--sf-section-pad--s:calc(var(--sf-space-2xl) * var(--sf-section-scale));--sf-section-pad--m:calc(var(--sf-space-3xl) * var(--sf-section-scale));--sf-section-pad--l:calc(var(--sf-space-4xl) * var(--sf-section-scale));--sf-section-pad--xl:calc(var(--sf-space-4xl) * 1.5 * var(--sf-section-scale));--sf-section-pad--2xl:calc(var(--sf-space-4xl) * 2 * var(--sf-section-scale));--sf-transition-colors:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-form-field:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), text-decoration-color var(--sf-duration-normal) var(--sf-ease-out), fill var(--sf-duration-normal) var(--sf-ease-out), stroke var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-transform:transform var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-opacity:opacity var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-shadow:box-shadow var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-fast:color var(--sf-duration-fast) var(--sf-ease-out), background-color var(--sf-duration-fast) var(--sf-ease-out), border-color var(--sf-duration-fast) var(--sf-ease-out), box-shadow var(--sf-duration-fast) var(--sf-ease-out), opacity var(--sf-duration-fast) var(--sf-ease-out), transform var(--sf-duration-fast) var(--sf-ease-out), filter var(--sf-duration-fast) var(--sf-ease-out);--sf-transition-slow:color var(--sf-duration-slow) var(--sf-ease-in-out), background-color var(--sf-duration-slow) var(--sf-ease-in-out), border-color var(--sf-duration-slow) var(--sf-ease-in-out), box-shadow var(--sf-duration-slow) var(--sf-ease-in-out), opacity var(--sf-duration-slow) var(--sf-ease-in-out), transform var(--sf-duration-slow) var(--sf-ease-in-out), filter var(--sf-duration-slow) var(--sf-ease-in-out);--sf-transition-enter:color var(--sf-duration-normal) var(--sf-ease-out), background-color var(--sf-duration-normal) var(--sf-ease-out), border-color var(--sf-duration-normal) var(--sf-ease-out), box-shadow var(--sf-duration-normal) var(--sf-ease-out), opacity var(--sf-duration-normal) var(--sf-ease-out), transform var(--sf-duration-normal) var(--sf-ease-out), filter var(--sf-duration-normal) var(--sf-ease-out);--sf-transition-exit:color var(--sf-duration-fast) var(--sf-ease-in), background-color var(--sf-duration-fast) var(--sf-ease-in), border-color var(--sf-duration-fast) var(--sf-ease-in), box-shadow var(--sf-duration-fast) var(--sf-ease-in), opacity var(--sf-duration-fast) var(--sf-ease-in), transform var(--sf-duration-fast) var(--sf-ease-in), filter var(--sf-duration-fast) var(--sf-ease-in);--sf-transition-overlay:overlay var(--sf-duration-normal) allow-discrete, display var(--sf-duration-normal) allow-discrete;--sf-stack-gap:var(--sf-content-gap);--sf-box-padding:var(--sf-space-m);--sf-box-border-width:0;--sf-box-border-color:var(--sf-color-border);--sf-center-max:var(--sf-container-default);--sf-center-gutter:var(--sf-gutter);--sf-cluster-gap:var(--sf-gap);--sf-cluster-align:center;--sf-cluster-justify:flex-start;--sf-sidebar-gap:var(--sf-gap);--sf-sidebar-min-width:50%;--sf-sidebar-width:18rem;--sf-switcher-threshold:30rem;--sf-switcher-gap:var(--sf-gap);--sf-grid-min:16rem;--sf-grid-gap:var(--sf-gap);--sf-grid-min-xs:10rem;--sf-grid-min-s:13rem;--sf-grid-min-m:16rem;--sf-grid-min-l:20rem;--sf-grid-min-xl:24rem;--sf-grid-min-2xl:28rem;--sf-equal-min-col:16rem;--sf-equal-gap:var(--sf-gap);--sf-equal-rule-width:0;--sf-equal-rule-style:solid;--sf-equal-rule-color:var(--sf-color-border);--sf-cover-min-height:100dvh;--sf-cover-padding:var(--sf-section-pad);--sf-frame-ratio:16 / 9;--sf-bg-layer-inset:0px;--sf-bg-layer-fit:cover;--sf-bg-layer-position:50% 50%;--sf-bg-layer-radius:0;--sf-bg-layer-z:-2;--sf-icon-box-pad:.5em;--sf-icon-box-radius:var(--sf-radius-s);--sf-icon-box-bg:var(--sf-color-inset);--sf-icon-box-border:var(--sf-border-width-1) solid var(--sf-color-border);--sf-reel-item-width:max-content;--sf-reel-gap:var(--sf-gap);--sf-reel-height:auto;--sf-imposter-margin:var(--sf-space-m);--sf-bento-cols-default:4;--sf-bento-row-default:10rem;--sf-bento-row-compact:6rem;--sf-bento-row-tall:16rem;--sf-bento-gap:var(--sf-gap);--sf-breakout-width:var(--sf-container-wide);--sf-content-width:var(--sf-container-default);--sf-prose-paragraph:var(--sf-content-gap);--sf-alternate-gap:var(--sf-content-gap);--sf-alternate-inner-gap:var(--sf-gap);--sf-flow-space:var(--sf-content-gap);--sf-line-clamp:3;--sf-marker-color:var(--sf-color-primary);--sf-prose-heading-gap:var(--sf-space-s);--sf-prose-list-gap:var(--sf-space-xs);--sf-prose-block-margin:var(--sf-space-m);--sf-prose-media-margin:var(--sf-space-m);--sf-prose-media-radius:var(--sf-radius-m);--sf-prose-figure-margin:var(--sf-space-l);--sf-prose-marker-color:var(--sf-marker-color);--sf-prose-figcaption-size:var(--sf-text-s);--sf-prose-blockquote-padding:var(--sf-space-m);--sf-prose-blockquote-border:var(--sf-border-width-2) solid var(--sf-color-border--subtle);--sf-prose-hr-margin:var(--sf-space-l);--sf-prose-nested-list-gap:var(--sf-space-2xs);--sf-prose-table-pad:var(--sf-space-xs);--sf-surface-color:var(--sf-color-base);--sf-scroll-shadow-size:2rem;--sf-content-intrinsic-size:500px;--sf-scrim-color:oklch(0% 0 0/.55);--sf-scrim-direction:to top;--sf-scrim-gradient:linear-gradient(var(--sf-scrim-direction), var(--sf-scrim-color), transparent);--sf-scrim-text-shadow:0 1px 3px oklch(0% 0 0/.6);--sf-surface-bg-color:transparent;--sf-surface-bg-image:none;--sf-surface-bg-overlay:none;--sf-surface-bg-size:cover;--sf-surface-bg-position:center;--sf-surface-bg-repeat:no-repeat;--sf-surface-bg-attachment:scroll;--sf-surface-bg-animation:none}}@layer slashed.reset{*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;color-scheme:var(--sf-color-scheme,light dark);hanging-punctuation:first last;scroll-padding-block-start:calc(var(--sf-header-height,5rem) + var(--sf-scroll-offset-gap,1rem))}@supports (interpolate-size:allow-keywords){html{interpolate-size:allow-keywords}}body{min-height:100dvh;min-inline-size:320px}button{text-transform:none}search{display:block}summary{cursor:pointer}table{border-collapse:collapse}[hidden]{display:none!important}dialog,[popover]{color:inherit;color-scheme:inherit;background:canvas;border:none;padding:0}fieldset{min-width:0}[inert]{cursor:default}}@layer slashed.base{html{scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track)}body{font-family:var(--sf-body-font-family,var(--sf-font-body));font-size:var(--sf-body-font-size,var(--sf-text-m));line-height:var(--sf-body-line-height,var(--sf-leading-normal));font-weight:var(--sf-body-font-weight,var(--sf-font-weight-body));color:var(--sf-body-color,var(--sf-color-text));background-color:var(--sf-color-bg,#fff);margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--sf-heading-font-family,var(--sf-font-heading));line-height:var(--sf-leading-tight);color:var(--sf-heading-color,var(--sf-color-heading));text-wrap:var(--sf-heading-text-wrap);overflow-wrap:break-word;text-rendering:optimizelegibility;margin:0}h1{font-size:var(--sf-h1-size);line-height:var(--sf-h1-line-height);font-weight:var(--sf-h1-font-weight);letter-spacing:var(--sf-h1-letter-spacing);max-inline-size:var(--sf-h1-max-width)}h2{font-size:var(--sf-h2-size);line-height:var(--sf-h2-line-height);font-weight:var(--sf-h2-font-weight);letter-spacing:var(--sf-h2-letter-spacing);max-inline-size:var(--sf-h2-max-width)}h3{font-size:var(--sf-h3-size);line-height:var(--sf-h3-line-height);font-weight:var(--sf-h3-font-weight);letter-spacing:var(--sf-h3-letter-spacing);max-inline-size:var(--sf-h3-max-width)}h4{font-size:var(--sf-h4-size);line-height:var(--sf-h4-line-height);font-weight:var(--sf-h4-font-weight);letter-spacing:var(--sf-h4-letter-spacing);max-inline-size:var(--sf-h4-max-width)}h5{font-size:var(--sf-h5-size);line-height:var(--sf-h5-line-height);font-weight:var(--sf-h5-font-weight);letter-spacing:var(--sf-h5-letter-spacing);max-inline-size:var(--sf-h5-max-width)}h6{font-size:var(--sf-h6-size);line-height:var(--sf-h6-line-height);font-weight:var(--sf-h6-font-weight);letter-spacing:var(--sf-h6-letter-spacing);max-inline-size:var(--sf-h6-max-width)}p{text-wrap:var(--sf-body-text-wrap);overflow-wrap:break-word;margin:0}b,strong{font-weight:var(--sf-body-strong-weight)}em{font-style:var(--sf-body-em-style)}small{font-size:var(--sf-text-s,.875em)}mark{background-color:var(--sf-color-mark-bg,Mark);color:var(--sf-color-mark-text,MarkText);border-radius:var(--sf-radius-xs);padding-inline:.2em}abbr[title]{cursor:help;text-decoration:underline dotted}kbd,samp{font-family:var(--sf-font-mono);font-size:inherit}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sup{top:-.5em}sub{bottom:-.25em}a:link{color:var(--sf-color-link);text-decoration-color:var(--sf-color-link--underline);text-underline-offset:var(--sf-link-underline-offset);text-decoration-thickness:var(--sf-link-underline-thickness);text-underline-position:from-font;transition:color var(--sf-duration-fast) var(--sf-ease-out), text-decoration-color var(--sf-duration-fast) var(--sf-ease-out)}a:hover{color:var(--sf-color-link--hover);text-decoration-color:currentColor}a:visited{color:var(--sf-color-link--visited)}a:active{color:var(--sf-color-link--active)}a:not([class]){text-decoration-skip-ink:auto}a,code{overflow-wrap:break-word}code{font-family:var(--sf-font-mono);font-size:var(--sf-code-font-size);border-radius:var(--sf-radius-xs);background-color:var(--sf-color-code-bg);color:var(--sf-color-code-text,inherit);padding:.125em .3em}pre{font-family:var(--sf-font-mono);font-size:var(--sf-text-s);padding:var(--sf-space-m);border-radius:var(--sf-radius-m);background:var(--sf-color-code-block-bg,var(--sf-color-code-bg));color:var(--sf-color-code-block-text,inherit);overflow-inline:auto;tab-size:2;hyphens:none;overflow-x:auto}pre code{color:inherit;font-size:inherit;background:0 0;border-radius:0;padding:0}img,picture,video,canvas{block-size:auto;max-inline-size:100%;display:block}:where(img,figure){border-radius:var(--sf-media-radius)}img,video{object-fit:var(--sf-object-fit);object-position:var(--sf-object-position)}iframe,embed,object{border:none;block-size:auto;max-inline-size:100%;display:block}hr{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}::selection{background:var(--sf-color-selection-bg);color:var(--sf-color-selection-text);text-shadow:none}th,caption{text-align:start}input,textarea{caret-color:var(--sf-color-caret)}input,progress{accent-color:var(--sf-color-action)}::backdrop{background-color:var(--sf-color-dim)}button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;color-scheme:inherit;line-height:inherit}button{cursor:pointer}a,button,input,select,textarea,summary{touch-action:manipulation}textarea{resize:vertical}optgroup{font:inherit}::placeholder{opacity:1;color:var(--sf-color-text--placeholder,currentcolor)}blockquote{border-inline-start:var(--sf-border-width-3) var(--sf-border-style) var(--sf-color-border);padding-inline-start:var(--sf-space-m)}dt{font-weight:var(--sf-font-weight-heading)}dd{margin-inline-start:var(--sf-space-m)}table{text-align:start}th{font-weight:var(--sf-font-weight-heading)}td,th{padding:var(--sf-space-2xs) var(--sf-space-xs);border-block-end:var(--sf-border-width-hairline) var(--sf-border-style) var(--sf-color-border--subtle)}}@layer slashed.themes{@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--sf-is-dark:1}}:is([data-theme=light],.sf-theme-light){color-scheme:light;--sf-is-dark:0}:is([data-theme=dark],.sf-theme-dark){color-scheme:dark;--sf-is-dark:1}:where([data-theme]:not(:root,html),.sf-theme-light:not(:root,html),.sf-theme-dark:not(:root,html)){background-color:var(--sf-color-bg);color:var(--sf-color-text);--sf-card-bg:var(--sf-color-surface);--sf-card-border-color:var(--sf-color-border);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text)}@supports (color:oklch(from red l c h)){:root[data-lumlocker]{--sf-color-primary:light-dark(oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-secondary:light-dark(oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-tertiary:light-dark(oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h));--sf-color-action:light-dark(oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h),oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h))}:root[data-lumlocker] :is([data-theme=dark],.sf-theme-dark){--sf-color-primary:oklch(from var(--sf-color-primary-source-dark,var(--sf-color-primary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-dark,var(--sf-color-secondary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-dark,var(--sf-color-tertiary-source-light)) var(--sf-lumlocker-dark) c h);--sf-color-action:oklch(from var(--sf-color-action-source-dark,var(--sf-color-action-source-light)) var(--sf-lumlocker-dark) c h)}:root[data-lumlocker] :is([data-theme=light],.sf-theme-light){--sf-color-primary:oklch(from var(--sf-color-primary-source-light) var(--sf-lumlocker) c h);--sf-color-secondary:oklch(from var(--sf-color-secondary-source-light) var(--sf-lumlocker) c h);--sf-color-tertiary:oklch(from var(--sf-color-tertiary-source-light) var(--sf-lumlocker) c h);--sf-color-action:oklch(from var(--sf-color-action-source-light) var(--sf-lumlocker) c h)}:root{--sf-color-primary-source-dark:oklch(from var(--sf-color-primary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-secondary-source-dark:oklch(from var(--sf-color-secondary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-tertiary-source-dark:oklch(from var(--sf-color-tertiary-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-action-source-dark:oklch(from var(--sf-color-action-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-neutral-source-dark:oklch(from var(--sf-color-neutral-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-base-source-dark:oklch(from var(--sf-color-base-source-light) clamp(.16, calc(1.18 - l), .24) calc(c * .5) h);--sf-color-success-source-dark:oklch(from var(--sf-color-success-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-warning-source-dark:oklch(from var(--sf-color-warning-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-info-source-dark:oklch(from var(--sf-color-info-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h);--sf-color-danger-source-dark:oklch(from var(--sf-color-danger-source-light) clamp(.65, calc(.95 - l * .5), .88) calc(c * .9) h)}:is([data-theme=dark],.sf-theme-dark){--sf-color-primary:var(--sf-color-primary-source-dark);--sf-color-secondary:var(--sf-color-secondary-source-dark);--sf-color-tertiary:var(--sf-color-tertiary-source-dark);--sf-color-action:var(--sf-color-action-source-dark);--sf-color-neutral:var(--sf-color-neutral-source-dark);--sf-color-base:var(--sf-color-base-source-dark);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-dark);--sf-color-warning:var(--sf-color-warning-source-dark);--sf-color-info:var(--sf-color-info-source-dark);--sf-color-danger:var(--sf-color-danger-source-dark);--sf-color-text:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral) clamp(.55, calc(l + .1 + var(--sf-contrast-bias)), .9) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral) clamp(.35, calc(l - .1), .65) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .2), .55) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral) clamp(.05, calc(l - .4), .35) c h);--sf-color-heading:oklch(from var(--sf-color-neutral) clamp(.7, calc(l + .25 + var(--sf-contrast-bias)), 1) c h);--sf-color-border:oklch(from var(--sf-color-neutral) clamp(.25, calc(l - .3), .55) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral) clamp(.2, calc(l - .38), .45) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral) clamp(.38, calc(l - .1), .65) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(.68, l, 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, max(l + .1, .68), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, max(l + .15, .74), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(.68, l, 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-dark) clamp(.62, calc(.93 - l * .4), .78) c h / .55);--sf-color-success-strong:oklch(from var(--sf-color-success) clamp(.7, calc(l + .15), 1) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning) clamp(.7, calc(l + .05), 1) c h);--sf-color-info-strong:oklch(from var(--sf-color-info) clamp(.7, calc(l + .15), 1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger) clamp(.7, calc(l + .15), 1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}:is([data-theme=light],.sf-theme-light){--sf-color-primary:var(--sf-color-primary-source-light);--sf-color-secondary:var(--sf-color-secondary-source-light);--sf-color-tertiary:var(--sf-color-tertiary-source-light);--sf-color-action:var(--sf-color-action-source-light);--sf-color-neutral:var(--sf-color-neutral-source-light);--sf-color-base:var(--sf-color-base-source-light);--sf-color-surface:var(--sf-color-base);--sf-color-bg:oklch(from var(--sf-color-base) calc(l + .02) c h);--sf-color-inset:oklch(from var(--sf-color-base) calc(l - .02) c h);--sf-color-raised:oklch(from var(--sf-color-base) calc(l + .04) c h);--sf-color-overlay:oklch(from var(--sf-color-base) l c h / .9);--sf-color-inverse:oklch(from var(--sf-color-base) calc(1 - l) c h);--sf-color-success:var(--sf-color-success-source-light);--sf-color-warning:var(--sf-color-warning-source-light);--sf-color-info:var(--sf-color-info-source-light);--sf-color-danger:var(--sf-color-danger-source-light);--sf-color-text:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-text--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.15, calc(l - .25 - var(--sf-contrast-bias)), .45) c h);--sf-color-text--placeholder:oklch(from var(--sf-color-neutral-source-light) clamp(.45, calc(l + .15), .75) c h);--sf-color-text--disabled:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .25), .82) c h);--sf-color-text--inverse:oklch(from var(--sf-color-neutral-source-light) clamp(.85, calc(l + .4), .98) c h);--sf-color-heading:oklch(from var(--sf-color-neutral-source-light) clamp(.05, calc(l - .4 - var(--sf-contrast-bias)), .35) c h);--sf-color-border:oklch(from var(--sf-color-neutral-source-light) clamp(.7, calc(l + .35), .95) .005 h);--sf-color-border--subtle:oklch(from var(--sf-color-neutral-source-light) clamp(.75, calc(l + .4), .97) .005 h);--sf-color-border--strong:oklch(from var(--sf-color-neutral-source-light) clamp(.55, calc(l + .1), .85) .02 h);--sf-color-link:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c h);--sf-color-link--hover:oklch(from var(--sf-color-action) clamp(0, min(l - .15, .4), 1) c h);--sf-color-link--active:oklch(from var(--sf-color-action) clamp(0, min(l - .21, .34), 1) c h);--sf-color-link--visited:oklch(from var(--sf-color-action) clamp(0, min(l - .07, .48), 1) c calc(h + 60));--sf-color-selection-bg:oklch(from var(--sf-color-action-source-light) l c h / .28);--sf-color-success-strong:oklch(from var(--sf-color-success-source-light) calc(l - .15) c h);--sf-color-warning-strong:oklch(from var(--sf-color-warning-source-light) calc(l - .25) c h);--sf-color-info-strong:oklch(from var(--sf-color-info-source-light) calc(l - .1) c h);--sf-color-danger-strong:oklch(from var(--sf-color-danger-source-light) calc(l - .1) c h);--sf-color-code-bg:var(--sf-color-inset);--sf-color-bg--disabled:var(--sf-color-inset);--sf-color-link--disabled:var(--sf-color-text--disabled);--sf-scrollbar-thumb:var(--sf-color-neutral);--sf-color-code-text:var(--sf-color-text)}}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is([data-theme=dark],.sf-theme-dark),:is([data-theme=light],.sf-theme-light){--sf-color-text--on-primary:oklch(from var(--sf-color-primary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-secondary:oklch(from var(--sf-color-secondary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-tertiary:oklch(from var(--sf-color-tertiary) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-action:oklch(from var(--sf-color-action) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-neutral:oklch(from var(--sf-color-neutral) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-success:oklch(from var(--sf-color-success) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-warning:oklch(from var(--sf-color-warning) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-info:oklch(from var(--sf-color-info) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-danger:oklch(from var(--sf-color-danger) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-text--on-inverse:oklch(from var(--sf-color-inverse) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0);--sf-color-code-text:oklch(from var(--sf-color-code-bg) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0)}}.sf-theme-transition{transition:--sf-color-primary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-secondary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-tertiary var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-action var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-neutral var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-base var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-success var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-warning var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-info var(--sf-theme-transition-duration) var(--sf-ease-out), --sf-color-danger var(--sf-theme-transition-duration) var(--sf-ease-out)}@media (prefers-reduced-motion:reduce){.sf-theme-transition{transition:none}}}@layer slashed.layout{.sf-section{padding-block:var(--sf-section-pad)}.sf-section--xs{--sf-section-pad:var(--sf-section-pad--xs)}.sf-section--s{--sf-section-pad:var(--sf-section-pad--s)}.sf-section--m{--sf-section-pad:var(--sf-section-pad--m)}.sf-section--l{--sf-section-pad:var(--sf-section-pad--l)}.sf-section--xl{--sf-section-pad:var(--sf-section-pad--xl)}.sf-section--2xl{--sf-section-pad:var(--sf-section-pad--2xl)}.sf-section--guttered{padding-inline:var(--sf-gutter)}.sf-section--guttered .sf-container,.sf-section--guttered:has(>.sf-content-grid):not(:has(>:not(.sf-content-grid))){padding-inline:0}.sf-section-group>.sf-section+.sf-section{padding-block-start:0}.sf-header--xs{padding-block:var(--sf-space-xs)}.sf-header--s{padding-block:var(--sf-space-s)}.sf-header--m{padding-block:var(--sf-space-m)}.sf-header--l{padding-block:var(--sf-space-l)}.sf-header--xl{padding-block:var(--sf-space-xl)}.sf-section--collapse:has(+.sf-section--collapse){padding-block-end:calc(var(--sf-section-pad) / 2)}.sf-section--collapse+.sf-section--collapse{padding-block-start:calc(var(--sf-section-pad) / 2)}.sf-divider{border:none;border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:100%;margin-block:var(--sf-divider-gap)}.sf-divider--vertical{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color);inline-size:auto;margin-block:0;margin-inline:var(--sf-divider-gap);align-self:stretch}.sf-divider--soft{--sf-divider-color:var(--sf-color-border--subtle)}.sf-divider--strong{--sf-divider-color:var(--sf-color-border--strong)}.sf-divider--dashed{--sf-divider-style:dashed}.sf-divider--dotted{--sf-divider-style:dotted}.sf-divider--gradient{block-size:var(--sf-divider-width);background:linear-gradient(to right, transparent, var(--sf-divider-color), transparent);border:none}.sf-divide>*+*{border-block-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-divide--vertical>*+*{border-block-start:none;border-inline-start:var(--sf-divider-width) var(--sf-divider-style) var(--sf-divider-color)}.sf-container{width:100%;max-width:var(--sf-container-default);padding-inline:var(--sf-gutter);margin-inline:auto;container:sf-layout/inline-size}.sf-container--narrow{max-width:var(--sf-container-narrow)}.sf-container--prose{max-width:var(--sf-container-prose)}.sf-container--wide{max-width:var(--sf-container-wide)}.sf-container--full{max-width:var(--sf-container-full)}.sf-cq{container-type:inline-size}.sf-overlay{position:absolute;inset:0}.sf-fluid-cq{container-type:inline-size}.sf-fluid-cq>*{--sf-fluid-width:100cqi;--sf-text-2xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -3) * 1rem)) * var(--sf-text-scale));--sf-text-xs:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -2) * 1rem)) * var(--sf-text-scale));--sf-text-s:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), -1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), -1) * 1rem)) * var(--sf-text-scale));--sf-text-m:calc(clamp(calc(var(--sf-text-base-min) * 1rem), calc((var(--sf-text-base-max) - var(--sf-text-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * 1rem), calc(var(--sf-text-base-max) * 1rem)) * var(--sf-text-scale));--sf-text-l:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-scale));--sf-text-xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-scale));--sf-text-2xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 3) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 3) * 1rem)) * var(--sf-text-scale));--sf-text-3xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 4) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 4) * 1rem)) * var(--sf-text-scale));--sf-text-4xl:calc(clamp(calc(var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc((var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) - var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-base-min) * pow(var(--sf-text-ratio-min), 5) * 1rem), calc(var(--sf-text-base-max) * pow(var(--sf-text-ratio-max), 5) * 1rem)) * var(--sf-text-scale));--sf-text-display-s:calc(clamp(calc(var(--sf-text-display-base-min) * 1rem), calc((var(--sf-text-display-base-max) - var(--sf-text-display-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * 1rem), calc(var(--sf-text-display-base-max) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-m:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 1) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 1) * 1rem)) * var(--sf-text-display-scale));--sf-text-display-l:calc(clamp(calc(var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc((var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) - var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-text-display-base-min) * pow(var(--sf-text-ratio-min), 2) * 1rem), calc(var(--sf-text-display-base-max) * pow(var(--sf-text-ratio-max), 2) * 1rem)) * var(--sf-text-display-scale));--sf-space-2xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -3) * 1rem)) * var(--sf-space-scale));--sf-space-xs:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -2) * 1rem)) * var(--sf-space-scale));--sf-space-s:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), -1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), -1) * 1rem)) * var(--sf-space-scale));--sf-space-m:calc(clamp(calc(var(--sf-space-base-min) * 1rem), calc((var(--sf-space-base-max) - var(--sf-space-base-min)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * 1rem), calc(var(--sf-space-base-max) * 1rem)) * var(--sf-space-scale));--sf-space-l:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 1) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 1) * 1rem)) * var(--sf-space-scale));--sf-space-xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 2) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 2) * 1rem)) * var(--sf-space-scale));--sf-space-2xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 3) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 3) * 1rem)) * var(--sf-space-scale));--sf-space-3xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 4) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 4) * 1rem)) * var(--sf-space-scale));--sf-space-4xl:calc(clamp(calc(var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc((var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) - var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5)) / (var(--sf-fluid-max-vw) - var(--sf-fluid-min-vw)) * (var(--sf-fluid-width) - var(--sf-fluid-min-vw) * 1rem) + var(--sf-space-base-min) * pow(var(--sf-space-ratio-min), 5) * 1rem), calc(var(--sf-space-base-max) * pow(var(--sf-space-ratio-max), 5) * 1rem)) * var(--sf-space-scale))}.sf-stack{gap:var(--sf-stack-gap);flex-direction:column;display:flex}.sf-stack--xs{gap:var(--sf-space-xs)}.sf-stack--s{gap:var(--sf-space-s)}.sf-stack--m{gap:var(--sf-space-m)}.sf-stack--l{gap:var(--sf-space-l)}.sf-stack--xl{gap:var(--sf-space-xl)}.sf-stack--2xl{gap:var(--sf-space-2xl)}.sf-stack--center{align-items:center}.sf-stack--end{align-items:flex-end}.sf-stack--stretch{align-items:stretch}.sf-gap{gap:var(--sf-gap)}.sf-gap--xs{gap:var(--sf-space-xs)}.sf-gap--s{gap:var(--sf-space-s)}.sf-gap--m{gap:var(--sf-space-m)}.sf-gap--l{gap:var(--sf-space-l)}.sf-gap--xl{gap:var(--sf-space-xl)}.sf-gap--2xl{gap:var(--sf-space-2xl)}.sf-box{padding:var(--sf-box-padding);outline:var(--sf-box-border-width) solid var(--sf-box-border-color)}.sf-center{box-sizing:content-box;width:auto;max-inline-size:var(--sf-center-max);padding-inline:var(--sf-center-gutter);margin-inline:auto}.sf-center--intrinsic{flex-direction:column;align-items:center;display:flex}.sf-place-center{place-items:center;display:grid}.sf-cluster{gap:var(--sf-cluster-gap);align-items:var(--sf-cluster-align);justify-content:var(--sf-cluster-justify);flex-wrap:wrap;display:flex}.sf-cluster--xs{gap:var(--sf-space-xs)}.sf-cluster--s{gap:var(--sf-space-s)}.sf-cluster--m{gap:var(--sf-space-m)}.sf-cluster--l{gap:var(--sf-space-l)}.sf-cluster--xl{gap:var(--sf-space-xl)}.sf-cluster--2xl{gap:var(--sf-space-2xl)}.sf-cluster--no-wrap{flex-wrap:nowrap}.sf-cluster--center{justify-content:center}.sf-cluster--end{justify-content:flex-end}.sf-cluster--between{justify-content:space-between}.sf-sidebar{gap:var(--sf-sidebar-gap);flex-wrap:wrap;display:flex}.sf-sidebar>:first-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar>:last-child,.sf-sidebar--right>:first-child{min-inline-size:var(--sf-sidebar-min-width);flex-grow:999;flex-basis:0}.sf-sidebar--right>:last-child{flex-basis:var(--sf-sidebar-width);flex-grow:1}.sf-sidebar--narrow{--sf-sidebar-width:12rem}.sf-sidebar--wide{--sf-sidebar-width:26rem}.sf-switcher{gap:var(--sf-switcher-gap);flex-wrap:wrap;display:flex}.sf-switcher>*{flex-grow:1;flex-basis:calc((var(--sf-switcher-threshold) - 100%) * 999)}.sf-switcher--no-wrap{overflow-inline:auto;flex-wrap:nowrap;overflow-x:auto}.sf-switcher--vertical{flex-direction:column}.sf-grid{grid-template-columns:repeat(auto-fill, minmax(min(var(--sf-grid-min), 100%), 1fr));gap:var(--sf-grid-gap);display:grid}.sf-grid--fit{grid-template-columns:repeat(auto-fit, minmax(min(var(--sf-grid-min), 100%), 1fr))}.sf-grid--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-grid--dense{grid-auto-flow:dense}.sf-grid-flex{gap:var(--sf-grid-gap);flex-wrap:wrap;display:flex}.sf-grid-flex>*{flex:1 1 min(var(--sf-grid-min), 100%)}.sf-grid-flex--center{justify-content:center}.sf-grid-flex--center>*{flex-grow:0;flex-basis:min(var(--sf-grid-min), 100%)}.sf-grid-flex--xs{--sf-grid-min:var(--sf-grid-min-xs)}.sf-grid-flex--s{--sf-grid-min:var(--sf-grid-min-s)}.sf-grid-flex--m{--sf-grid-min:var(--sf-grid-min-m)}.sf-grid-flex--l{--sf-grid-min:var(--sf-grid-min-l)}.sf-grid-flex--xl{--sf-grid-min:var(--sf-grid-min-xl)}.sf-grid-flex--2xl{--sf-grid-min:var(--sf-grid-min-2xl)}.sf-icon{inline-size:var(--sf-icon-size,var(--sf-icon-m));block-size:var(--sf-icon-size,var(--sf-icon-m));vertical-align:text-bottom;fill:currentColor;flex-shrink:0;display:inline-block}.sf-icon--xs{--sf-icon-size:var(--sf-icon-xs)}.sf-icon--s{--sf-icon-size:var(--sf-icon-s)}.sf-icon--m{--sf-icon-size:var(--sf-icon-m)}.sf-icon--l{--sf-icon-size:var(--sf-icon-l)}.sf-icon--xl{--sf-icon-size:var(--sf-icon-xl)}.sf-icon--2xl{--sf-icon-size:var(--sf-icon-2xl)}.sf-icon--boxed{inline-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);block-size:calc(var(--sf-icon-size,var(--sf-icon-m)) + var(--sf-icon-box-pad) * 2);padding:var(--sf-icon-box-pad);border:var(--sf-icon-box-border);border-radius:var(--sf-icon-box-radius);background:var(--sf-icon-box-bg);box-sizing:border-box}.sf-cover{min-height:var(--sf-cover-min-height);padding-block:var(--sf-cover-padding);flex-direction:column;display:flex}.sf-cover>.sf-cover__center{margin-block:auto}.sf-cover--min{min-height:50dvh}.sf-cover--max{min-height:0;max-block-size:100dvh}.sf-cover--padding-s{padding-block:var(--sf-space-xl)}.sf-cover--padding-l{padding-block:var(--sf-space-4xl)}.sf-frame{aspect-ratio:var(--sf-frame-ratio);justify-content:center;align-items:center;display:flex;overflow:hidden}.sf-frame>img,.sf-frame>video{object-fit:cover;block-size:100%;inline-size:100%}.sf-frame--square{aspect-ratio:var(--sf-ratio-square)}.sf-frame--video{aspect-ratio:var(--sf-ratio-video)}.sf-frame--cinema{aspect-ratio:var(--sf-ratio-cinema)}.sf-frame--portrait{aspect-ratio:var(--sf-ratio-portrait)}.sf-frame--4-3{aspect-ratio:var(--sf-ratio-4-3)}.sf-frame--3-2{aspect-ratio:var(--sf-ratio-3-2)}.sf-frame--golden{aspect-ratio:var(--sf-ratio-golden)}:where(:has(>.sf-bg-layer)){isolation:isolate;position:relative}.sf-bg-layer{inset:var(--sf-bg-layer-inset);inline-size:calc(100% - 2 * var(--sf-bg-layer-inset));block-size:calc(100% - 2 * var(--sf-bg-layer-inset));object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);z-index:var(--sf-bg-layer-z);pointer-events:none;position:absolute}.sf-bg-layer>:is(img,video,picture),.sf-bg-layer>picture>img{object-fit:var(--sf-bg-layer-fit);object-position:var(--sf-bg-layer-position);border-radius:var(--sf-bg-layer-radius);pointer-events:none;block-size:100%;inline-size:100%}.sf-reel{block-size:var(--sf-reel-height);gap:var(--sf-reel-gap);overflow-inline:auto;scroll-snap-type:inline mandatory;scroll-padding-inline:var(--sf-reel-gap);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--sf-scrollbar-thumb) var(--sf-scrollbar-track);display:flex;overflow-x:auto}.sf-reel::-webkit-scrollbar{block-size:6px}.sf-reel::-webkit-scrollbar-track{background:var(--sf-scrollbar-track);border-radius:var(--sf-radius-full)}.sf-reel::-webkit-scrollbar-thumb{background:var(--sf-scrollbar-thumb);border-radius:var(--sf-radius-full)}.sf-reel>*{flex:0 0 var(--sf-reel-item-width);scroll-snap-align:start}.sf-imposter{inset-block-start:50%;position:absolute;left:50%;translate:-50% -50%}.sf-imposter--fixed{position:fixed}.sf-imposter--contain{max-inline-size:calc(100% - var(--sf-imposter-margin) * 2);max-block-size:calc(100% - var(--sf-imposter-margin) * 2);overflow:auto}.sf-alternate{gap:var(--sf-alternate-gap);display:grid;container:sf-alternate/inline-size}.sf-alternate>*{gap:var(--sf-alternate-inner-gap);align-items:center;display:grid}@container sf-alternate (width>=48rem){.sf-alternate>*{grid-template-columns:1fr 1fr}.sf-alternate>:nth-child(2n)>:first-child{order:2}.sf-alternate>:nth-child(2n)>:last-child{order:1}}.sf-grid-cols-1,.sf-grid-cols-2,.sf-grid-cols-3,.sf-grid-cols-4,.sf-grid-cols-6{gap:var(--sf-grid-gap);display:grid}@container (width>=30rem){.sf-grid-cols-4{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(3,1fr)}}@container (width>=48rem){.sf-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sf-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sf-grid-cols-4{grid-template-columns:repeat(4,1fr)}.sf-grid-cols-6{grid-template-columns:repeat(6,1fr)}}.sf-grid-cols-1-2,.sf-grid-cols-2-1,.sf-grid-cols-1-3,.sf-grid-cols-3-1{gap:var(--sf-grid-gap);display:grid}@container (width>=48rem){.sf-grid-cols-1-2{grid-template-columns:1fr 2fr}.sf-grid-cols-2-1{grid-template-columns:2fr 1fr}.sf-grid-cols-1-3{grid-template-columns:1fr 3fr}.sf-grid-cols-3-1{grid-template-columns:3fr 1fr}}.sf-equal{column-width:var(--sf-equal-min-col);column-gap:var(--sf-equal-gap);column-rule:var(--sf-equal-rule-width) var(--sf-equal-rule-style) var(--sf-equal-rule-color)}.sf-equal>*{break-inside:avoid}.sf-equal--2{column-count:2}.sf-equal--3{column-count:3}.sf-equal--4{column-count:4}.sf-equal--6{column-count:6}.sf-content-grid{grid-template-columns:[full-start] minmax(var(--sf-gutter), 1fr) [breakout-start] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [content-start] min(var(--sf-content-width), 100% - var(--sf-gutter) * 2) [content-end] minmax(0, calc((var(--sf-breakout-width) - var(--sf-content-width)) / 2)) [breakout-end] minmax(var(--sf-gutter), 1fr) [full-end];display:grid;container:sf-layout/inline-size}.sf-content-grid>*{grid-column:content}.sf-content-grid>.sf-breakout{grid-column:breakout}.sf-content-grid>.sf-full-bleed{grid-column:full}.sf-bento{grid-template-columns:repeat(var(--sf-bento-cols,var(--sf-bento-cols-default)), 1fr);grid-auto-rows:minmax(var(--sf-bento-row,var(--sf-bento-row-default)), auto);grid-auto-flow:dense;gap:var(--sf-bento-gap);display:grid}@container (width<=29.99rem){.sf-bento{grid-template-columns:1fr}}@container (width>=30rem) and (width<=47.99rem){.sf-bento{grid-template-columns:repeat(2,1fr)}}.sf-bento--2{--sf-bento-cols:2}.sf-bento--3{--sf-bento-cols:3}.sf-bento--6{--sf-bento-cols:6}.sf-bento--row-compact{--sf-bento-row:var(--sf-bento-row-compact)}.sf-bento--row-tall{--sf-bento-row:var(--sf-bento-row-tall)}.sf-bento-wide{grid-column:span 2}.sf-bento-full{grid-column:1/-1}.sf-bento-tall{grid-row:span 2}.sf-bento-featured{grid-area:span 2/span 2}@container (width<=29.99rem){.sf-bento-wide,.sf-bento-featured{grid-column:span 1}}.sf-subgrid{grid-template-columns:subgrid;display:grid}.sf-subgrid-rows{grid-template-rows:subgrid;display:grid}}@layer slashed.macros{.sf-prose{max-width:var(--sf-container-prose);overflow-wrap:break-word}.sf-prose>*+*{margin-block-start:var(--sf-prose-paragraph)}.sf-prose :is(h2,h3,h4,h5,h6)+*{margin-block-start:var(--sf-prose-heading-gap)}.sf-prose li+li{margin-block-start:var(--sf-prose-list-gap)}.sf-prose :is(blockquote,pre){margin-block:var(--sf-prose-block-margin)}.sf-prose blockquote{border-inline-start:var(--sf-prose-blockquote-border);padding-inline-start:var(--sf-prose-blockquote-padding);font-style:italic}.sf-prose img{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose :is(ul,ol){padding-inline-start:1.25em}.sf-prose>:is(ul,ol){margin-block-end:0}.sf-prose :is(ul,ol) :is(ul,ol){margin-block-start:var(--sf-prose-nested-list-gap)}.sf-prose ul{list-style:outside}.sf-prose ol{list-style:decimal}.sf-prose ::marker{color:var(--sf-prose-marker-color)}.sf-prose hr{margin-block:var(--sf-prose-hr-margin)}.sf-prose figure{margin-block:var(--sf-prose-figure-margin)}.sf-prose figcaption{font-size:var(--sf-prose-figcaption-size);color:var(--sf-color-text--muted);margin-block-start:var(--sf-prose-list-gap)}.sf-prose table{margin-block:var(--sf-prose-block-margin);overflow-inline:auto;inline-size:100%;max-inline-size:100%;display:block;overflow-x:auto}.sf-prose :is(th,td){padding:var(--sf-prose-table-pad)}.sf-prose video{margin-block:var(--sf-prose-media-margin);border-radius:var(--sf-prose-media-radius)}.sf-prose .sf-not-prose>*+*,.sf-prose .sf-not-prose li+li{margin-block-start:0}.sf-prose .sf-not-prose :is(ul,ol){list-style:revert;padding-inline-start:revert}.sf-prose .sf-not-prose ::marker{color:inherit}.sf-prose .sf-not-prose blockquote{border-inline-start:0;margin-block:0;padding-inline-start:0;font-style:normal}.sf-prose .sf-not-prose hr{margin-block:0}.sf-prose .sf-not-prose img{border-radius:0;margin-block:0}.sf-prose .sf-not-prose figure{margin-block:0}.sf-prose .sf-not-prose figcaption{font-size:inherit;color:inherit;margin-block-start:0}.sf-prose .sf-not-prose table{display:revert;overflow-x:revert;overflow-inline:revert;inline-size:revert;max-inline-size:revert;margin-block:0}.sf-prose .sf-not-prose :is(th,td){padding:revert}.sf-prose .sf-not-prose video{border-radius:0;margin-block:0}.sf-flow>*+*{margin-block-start:var(--sf-flow-space)}.sf-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.sf-line-clamp-2,.sf-line-clamp-3,.sf-line-clamp-N{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.sf-line-clamp-2{-webkit-line-clamp:2}.sf-line-clamp-3{-webkit-line-clamp:3}.sf-line-clamp-N{-webkit-line-clamp:var(--sf-line-clamp)}.sf-equal-height{align-items:stretch;display:flex}.sf-equal-height>*{flex:auto;block-size:auto}.sf-scroll-shadow{overflow-block:auto;-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-scroll-shadow-size), black calc(100% - var(--sf-scroll-shadow-size)), transparent 100%);overflow-y:auto}.sf-scroll-snap{overflow-block:auto;scroll-snap-type:block mandatory;overscroll-behavior-block:contain;overflow-y:auto}.sf-scroll-snap>*{scroll-snap-align:start}.sf-overflow-fade,.sf-overflow-fade--right{-webkit-mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--left{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--top{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black 100%);overflow:hidden}.sf-overflow-fade--bottom{-webkit-mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, black 0, black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--block{-webkit-mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-overflow-fade--inline{-webkit-mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);mask-image:linear-gradient(to right, transparent 0, black var(--sf-mask-scrim-start), black calc(100% - var(--sf-mask-scrim-end)), transparent 100%);overflow:hidden}.sf-no-tap-highlight{-webkit-tap-highlight-color:transparent}.sf-surface{background:var(--sf-surface-color)}.sf-surface--primary{--sf-surface-color:var(--sf-color-primary);background:var(--sf-color-primary);color:var(--sf-color-text--on-primary)}.sf-surface--secondary{--sf-surface-color:var(--sf-color-secondary);background:var(--sf-color-secondary);color:var(--sf-color-text--on-secondary)}.sf-surface--tertiary{--sf-surface-color:var(--sf-color-tertiary);background:var(--sf-color-tertiary);color:var(--sf-color-text--on-tertiary)}.sf-surface--action{--sf-surface-color:var(--sf-color-action);background:var(--sf-color-action);color:var(--sf-color-text--on-action)}.sf-surface--neutral{--sf-surface-color:var(--sf-color-neutral);background:var(--sf-color-neutral);color:var(--sf-color-text--on-neutral)}.sf-surface--inverse{--sf-surface-color:var(--sf-color-inverse);background:var(--sf-color-inverse);color:var(--sf-color-text--on-inverse)}.sf-surface--success{--sf-surface-color:var(--sf-color-success);background:var(--sf-color-success);color:var(--sf-color-text--on-success)}.sf-surface--warning{--sf-surface-color:var(--sf-color-warning);background:var(--sf-color-warning);color:var(--sf-color-text--on-warning)}.sf-surface--info{--sf-surface-color:var(--sf-color-info);background:var(--sf-color-info);color:var(--sf-color-text--on-info)}.sf-surface--danger{--sf-surface-color:var(--sf-color-danger);background:var(--sf-color-danger);color:var(--sf-color-text--on-danger)}@supports (color:oklch(from red l c h)) and (width:calc(1px * sign(1))){:is(.sf-surface,.sf-surface--primary,.sf-surface--secondary,.sf-surface--tertiary,.sf-surface--action,.sf-surface--neutral,.sf-surface--inverse,.sf-surface--success,.sf-surface--warning,.sf-surface--info,.sf-surface--danger){--sf-surface-contrast:oklch(from var(--sf-surface-color) clamp(.1, sign(var(--sf-contrast-threshold) - l) * 999, .95) 0 0 / 1);background:var(--sf-surface-color);color:var(--sf-surface-contrast);--sf-color-text:var(--sf-surface-contrast);--sf-color-heading:var(--sf-surface-contrast);--sf-color-link:oklch(from var(--sf-surface-contrast) l calc(c + .08) h);--sf-color-link--hover:var(--sf-surface-contrast);--sf-color-link--underline:oklch(from var(--sf-surface-contrast) l c h / .5);--sf-color-text--subtle:oklch(from var(--sf-surface-contrast) l c h / .7);--sf-color-text--placeholder:oklch(from var(--sf-surface-contrast) l c h / .45);--sf-color-text--disabled:oklch(from var(--sf-surface-contrast) l c h / .3);--sf-color-border:oklch(from var(--sf-surface-contrast) l c h / .2);--sf-color-border--subtle:oklch(from var(--sf-surface-contrast) l c h / .12);--sf-color-border--strong:oklch(from var(--sf-surface-contrast) l c h / .35);--sf-focus-ring-color:var(--sf-surface-contrast);--sf-color-caret:var(--sf-surface-contrast);--sf-shadow-color:oklch(from var(--sf-surface-color) var(--sf-shadow-lightness) c h);--sf-heading-color:var(--sf-color-heading);--sf-body-color:var(--sf-color-text);--sf-surface-active:1}}.sf-scrim{isolation:isolate;position:relative}.sf-scrim:before{content:"";z-index:0;background:var(--sf-scrim-gradient);pointer-events:none;position:absolute;inset:0}.sf-scrim>:not(img,picture,video,svg,canvas),.sf-scrim__content{z-index:1;position:relative}.sf-scrim--top{--sf-scrim-direction:to bottom}.sf-scrim--bottom{--sf-scrim-direction:to top}.sf-scrim--full{--sf-scrim-gradient:var(--sf-scrim-color)}.sf-surface-bg{background-color:var(--sf-surface-bg-color);background-image:var(--sf-surface-bg-overlay), var(--sf-surface-bg-image);background-size:var(--sf-surface-bg-size);background-position:var(--sf-surface-bg-position);background-repeat:var(--sf-surface-bg-repeat);background-attachment:var(--sf-surface-bg-attachment);animation:var(--sf-surface-bg-animation)}.sf-text-protect{text-shadow:var(--sf-scrim-text-shadow)}.sf-text-gradient{background-image:var(--sf-gradient-primary);color:#0000;background-clip:text}.sf-link-external:after{content:var(--sf-link-external-marker);font-size:.85em;text-decoration:none;display:inline-block}@supports (content:"x" / "y"){.sf-link-external:after{content:var(--sf-link-external-marker) / var(--sf-link-external-label)}}.sf-render-lazy{content-visibility:auto;contain-intrinsic-size:auto var(--sf-content-intrinsic-size,500px)}.sf-tabular-nums{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}.sf-drop-shadow-xs{filter:var(--sf-drop-shadow-xs)}.sf-drop-shadow-s{filter:var(--sf-drop-shadow-s)}.sf-drop-shadow-m{filter:var(--sf-drop-shadow-m)}.sf-drop-shadow-l{filter:var(--sf-drop-shadow-l)}.sf-drop-shadow-xl{filter:var(--sf-drop-shadow-xl)}.sf-link--subtle:link,.sf-link--subtle:visited{text-decoration-line:none}.sf-link--subtle:is(:link,:visited):hover,.sf-link--subtle:is(:link,:visited):focus-visible{text-decoration-line:underline;text-decoration-color:currentColor}.sf-link--reverse:link,.sf-link--reverse:visited{text-decoration-line:underline}.sf-link--reverse:is(:link,:visited):hover,.sf-link--reverse:is(:link,:visited):focus-visible{text-decoration-line:none}}@layer slashed.states{.sf-is-disabled{opacity:var(--sf-opacity-disabled);pointer-events:none;cursor:not-allowed;user-select:none}.sf-is-loading{pointer-events:none;position:relative;color:#0000!important}.sf-is-loading>*{opacity:0!important}.sf-is-loading:after{content:"";border:var(--sf-border-width-2) solid var(--sf-color-border--strong);border-block-start-color:var(--sf-color-action);border-radius:var(--sf-radius-full);block-size:1em;inline-size:1em;animation:var(--sf-animation-spin);margin-block-start:-.5em;margin-inline-start:-.5em;position:absolute;inset-block-start:50%;inset-inline-start:50%}img.sf-is-shimmer,.sf-is-shimmer img{opacity:0!important}.sf-is-shimmer{background:linear-gradient(90deg, var(--sf-color-inset) 25%, var(--sf-color-raised) 50%, var(--sf-color-inset) 75%);animation:var(--sf-animation-shimmer);border-radius:var(--sf-radius-s);pointer-events:none;user-select:none;background-size:200% 100%;color:#0000!important}.sf-is-selected{background-color:var(--sf-color-bg--selected)}.sf-is-highlighted{background-color:var(--sf-color-bg--focus)}.sf-is-valid,.sf-is-success{--sf-field-border-color:var(--sf-color-success);--sf-field-text-color:var(--sf-color-success-strong)}.sf-is-invalid,.sf-is-error{--sf-field-border-color:var(--sf-color-danger);--sf-field-text-color:var(--sf-color-danger-strong)}.sf-is-warning{--sf-field-border-color:var(--sf-color-warning);--sf-field-text-color:var(--sf-color-warning-strong)}.sf-is-info{--sf-field-border-color:var(--sf-color-info);--sf-field-text-color:var(--sf-color-info-strong)}.sf-is-hidden-if-empty:empty{display:none}}@layer slashed.motion{@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}a,button,input,select,textarea,summary{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,scale,translate,filter,backdrop-filter;transition-duration:var(--sf-duration-fast);transition-timing-function:var(--sf-ease-out)}@supports (view-transition-name:none){::view-transition-old(root),::view-transition-new(root){animation-duration:var(--sf-duration-normal);animation-timing-function:var(--sf-ease-out)}}.sf-fade-in{animation:var(--sf-animation-fade-in)}.sf-fade-out{animation:var(--sf-animation-fade-out)}.sf-slide-in-up{animation:var(--sf-animation-slide-in-up)}.sf-slide-in-down{animation:var(--sf-animation-slide-in-down)}.sf-slide-in-left{animation:var(--sf-animation-slide-in-left)}.sf-slide-in-right{animation:var(--sf-animation-slide-in-right)}.sf-scale-up{animation:var(--sf-animation-scale-up)}.sf-scale-down{animation:var(--sf-animation-scale-down)}.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-out);animation-fill-mode:both}@supports (animation-timeline:view()){.sf-entrance--fade,.sf-entrance--fade-up,.sf-entrance--fade-down,.sf-entrance--fade-left,.sf-entrance--fade-right,.sf-entrance--scale-up{animation-fill-mode:forwards;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-start,entry 0%) var(--sf-scroll-timeline-range-end,cover 30%)}}.sf-entrance--fade{animation-name:sf-fade-in}.sf-entrance--fade-up{animation-name:sf-slide-in-up}.sf-entrance--fade-down{animation-name:sf-slide-in-down}.sf-entrance--fade-left{animation-name:sf-slide-in-left}.sf-entrance--fade-right{animation-name:sf-slide-in-right}.sf-entrance--scale-up{animation-name:sf-scale-up}@supports (animation-timeline:view()){.sf-exit--fade,.sf-exit--fade-up,.sf-exit--fade-down,.sf-exit--fade-left,.sf-exit--fade-right,.sf-exit--scale-down{animation-duration:var(--sf-duration-slow);animation-timing-function:var(--sf-ease-in);animation-fill-mode:both;animation-timeline:view();animation-range:var(--sf-scroll-timeline-range-exit-start,cover 70%) var(--sf-scroll-timeline-range-exit-end,exit 100%)}.sf-exit--fade{animation-name:sf-fade-out}.sf-exit--fade-up{animation-name:sf-slide-out-up}.sf-exit--fade-down{animation-name:sf-slide-out-down}.sf-exit--fade-left{animation-name:sf-slide-out-left}.sf-exit--fade-right{animation-name:sf-slide-out-right}.sf-exit--scale-down{animation-name:sf-scale-down}}.sf-stagger>*{animation-delay:calc(var(--sf-stagger-i,0) * var(--sf-stagger-step,75ms) * var(--sf-motion-scale,1))}@supports (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:calc(sibling-index() - 1)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.sf-stagger>*{--sf-stagger-i:8}.sf-stagger>:first-child{--sf-stagger-i:0}.sf-stagger>:nth-child(2){--sf-stagger-i:1}.sf-stagger>:nth-child(3){--sf-stagger-i:2}.sf-stagger>:nth-child(4){--sf-stagger-i:3}.sf-stagger>:nth-child(5){--sf-stagger-i:4}.sf-stagger>:nth-child(6){--sf-stagger-i:5}.sf-stagger>:nth-child(7){--sf-stagger-i:6}.sf-stagger>:nth-child(8){--sf-stagger-i:7}}}@keyframes sf-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sf-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sf-slide-in-up{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-down{0%{opacity:0;translate:0 -1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-left{0%{opacity:0;translate:1rem}to{opacity:1;translate:0}}@keyframes sf-slide-in-right{0%{opacity:0;translate:-1rem}to{opacity:1;translate:0}}@keyframes sf-scale-up{0%{opacity:0;scale:.92}to{opacity:1;scale:1}}@keyframes sf-scale-down{0%{opacity:1;scale:1}to{opacity:0;scale:.92}}@keyframes sf-slide-out-up{0%{opacity:1;translate:0}to{opacity:0;translate:0 -1rem}}@keyframes sf-slide-out-down{0%{opacity:1;translate:0}to{opacity:0;translate:0 1rem}}@keyframes sf-slide-out-left{0%{opacity:1;translate:0}to{opacity:0;translate:-1rem}}@keyframes sf-slide-out-right{0%{opacity:1;translate:0}to{opacity:0;translate:1rem}}@keyframes sf-spin{to{rotate:360deg}}@keyframes sf-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes sf-ping{75%,to{opacity:0;scale:2}}@keyframes sf-blink{0%,50%{opacity:1}50.01%,to{opacity:0}}@keyframes sf-float{0%,to{translate:0}50%{translate:0 -.5rem}}@supports (@property --x { syntax: "<color>"; inherits: false; initial-value: white; }){@keyframes sf-color-pulse{0%{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}50%{--sf-color-primary-source-light:oklch(from var(--sf-color-primary-source-light) clamp(0, calc(l + .25), .9) c h)}to{--sf-color-primary-source-light:var(--sf-color-primary-source-light)}}@media (prefers-reduced-motion:no-preference){.sf-color-pulse{animation:var(--sf-animation-color-pulse)}}}@supports (transition-behavior:allow-discrete){dialog,[popover]{transition:var(--sf-transition-overlay)}}}@layer slashed.accessibility{:focus:not(:focus-visible){outline:none}:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color)!important;outline-offset:var(--sf-focus-ring-offset)!important}.sf-focus-shadow:focus-visible{box-shadow:var(--sf-focus-ring-shadow)!important;outline:none!important}@media (forced-colors:active){.sf-focus-shadow:focus-visible{outline:var(--sf-focus-ring-width) solid!important;outline-offset:var(--sf-focus-ring-offset)!important;box-shadow:none!important}}@media (prefers-reduced-motion:reduce){:root{--sf-duration-instant:.01ms;--sf-duration-fast:.01ms;--sf-duration-normal:.01ms;--sf-duration-slow:.01ms;--sf-duration-slower:.01ms}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.no-motion,.no-motion *,.no-motion :before,.no-motion :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}@media (prefers-contrast:more){:root{--sf-focus-ring-width:3px;--sf-contrast-bias:.06}hr{border-block-start-width:var(--sf-border-width-2)}}@media (prefers-reduced-transparency:reduce){::backdrop{background-color:var(--sf-color-neutral);opacity:1}}@media (prefers-reduced-data:reduce){:root{--sf-shadow-strength:0;--sf-blur:0px}}@media (pointer:coarse){:where(button,input[type=button],input[type=submit],input[type=reset],select,summary,input[type=checkbox],input[type=radio]):not([class]:not([class=""])){min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}}.sf-touch-target{min-block-size:var(--sf-touch-target);min-inline-size:var(--sf-touch-target)}[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:var(--sf-opacity-disabled)}.sr-only,.sr-only-focusable:not(:focus,:focus-within){clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:clip!important}.skip-link{z-index:var(--sf-z-tooltip);padding:var(--sf-space-s) var(--sf-space-m);background:var(--sf-color-bg);color:var(--sf-color-text);border:var(--sf-border-width-1) solid var(--sf-color-border);border-radius:var(--sf-radius-m);transition:inset-block-start var(--sf-duration-fast) var(--sf-ease-out);position:absolute;inset-block-start:-100%;inset-inline-start:var(--sf-space-m)}.skip-link:focus{inset-block-start:var(--sf-space-m)}.sf-focus-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}.sf-clickable-parent{--sf-clickable-overlay-z:1;cursor:pointer;position:relative}.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):after,.sf-clickable-parent [data-overlay-link]:after,.sf-clickable-parent .sf-clickable-parent__overlay:after{content:"";z-index:var(--sf-clickable-overlay-z);pointer-events:auto;position:absolute;inset:0}.sf-clickable-parent :is(button,input,textarea,select,summary,video,audio,[role=button],[data-no-overlay]),.sf-clickable-parent:has([data-overlay-link]) a:where(:any-link):not([data-overlay-link]),.sf-clickable-parent:has(.sf-clickable-parent__overlay) a:where(:any-link):not(.sf-clickable-parent__overlay),.sf-clickable-parent:not(:has([data-overlay-link],.sf-clickable-parent__overlay)) a:where(:any-link):not(:first-of-type){z-index:calc(var(--sf-clickable-overlay-z) + 1);position:relative}.sf-clickable-parent:focus-within{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-focus-ring-color);outline-offset:var(--sf-focus-ring-offset)}@media (forced-colors:active){:root{--sf-focus-ring-color:Highlight}:focus-visible{outline-color:highlight!important}:where(*){box-shadow:none;text-shadow:none}input,select,textarea{border:var(--sf-border-width-1) solid}button,input[type=submit],input[type=reset],input[type=button]{border-color:buttonborder!important}.sf-text-gradient{background-image:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;color:canvastext!important}.sf-is-loading:after{border-color:buttontext!important;border-block-start-color:highlight!important}}}@layer slashed.print{@media print{@page{size:a4 portrait;margin:2cm}body{font-size:11pt}*,:before,:after{box-shadow:none;text-shadow:none}a[href]:not([href^=\#],[href^=javascript\: i],[href^=mailto\: i],[href^=tel\: i],.sf-link-external):after{content:" (" attr(href) ")";word-break:break-all;font-size:90%}abbr[title]:after{content:" (" attr(title) ")"}img,svg,canvas,figure,table,pre,blockquote{break-inside:avoid}thead{display:table-header-group}tr{break-inside:avoid}h1,h2,h3,h4,h5,h6{break-after:avoid}h1{font-size:24pt}h2{font-size:20pt}h3{font-size:16pt}h4{font-size:14pt}h5{font-size:12pt}h6{font-size:11pt}p{orphans:3;widows:3}pre,blockquote{border:var(--sf-border-width-1) solid var(--sf-color-border--strong);padding:var(--sf-space-s)}nav,aside,button,input,select,textarea,audio,video,dialog,[popover],.no-print{display:none!important}details{display:block}details>summary{display:none!important}details>:not(summary){display:block}}}@layer slashed.forms{input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])),select,textarea{appearance:none;inline-size:100%;padding-block:var(--sf-field-padding-block,var(--sf-field-block,var(--sf-space-xs)));padding-inline:var(--sf-field-padding-inline,var(--sf-space-s));font-size:var(--sf-text-m);line-height:var(--sf-leading-normal);color:var(--sf-color-text);background-color:var(--sf-color-surface);border:var(--sf-border-width-1) solid var(--sf-field-border-color,var(--sf-color-border));border-radius:var(--sf-field-radius,var(--sf-radius-m));transition:var(--sf-transition-form-field);display:block}input:where([type=text],[type=email],[type=password],[type=url],[type=tel],[type=number],[type=search],[type=date],[type=datetime-local],[type=month],[type=week],[type=time],:not([type])):focus-visible,select:focus-visible,textarea:focus-visible{border-color:var(--sf-color-border--focus);outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}input:disabled,select:disabled,textarea:disabled{background-color:var(--sf-color-bg--disabled);color:var(--sf-color-text--disabled);opacity:var(--sf-opacity-disabled);cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--sf-color-text--placeholder);opacity:1}input:-webkit-autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}input:autofill{box-shadow:inset 0 0 0 1000px var(--sf-color-surface);-webkit-text-fill-color:var(--sf-color-text);caret-color:var(--sf-color-text);border-color:var(--sf-field-border-color,var(--sf-color-border))}.sf-live-validate input:user-invalid,.sf-live-validate select:user-invalid,.sf-live-validate textarea:user-invalid{--sf-field-border-color:var(--sf-color-danger)}.sf-live-validate input:user-valid,.sf-live-validate select:user-valid,.sf-live-validate textarea:user-valid{--sf-field-border-color:var(--sf-color-success)}input[type=number]{font-variant-numeric:var(--sf-font-numeric,tabular-nums)}textarea{resize:vertical;min-block-size:6rem}@supports (field-sizing:content){textarea{field-sizing:content}}select{padding-inline-end:calc(var(--sf-space-s) + 1.5em)}select:not([multiple],[size]){background-repeat:no-repeat;background-position:right var(--sf-space-s) center;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='FieldText' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' d='M2.5 4.5L6 8l3.5-3.5'/%3E%3C/svg%3E");background-size:1em}:dir(rtl) select:not([multiple],[size]){background-position:left var(--sf-space-s) center}:where(form,fieldset) button:not([class*=sf-]),:where(form,fieldset) input[type=submit]:not([class*=sf-]),:where(form,fieldset) input[type=reset]:not([class*=sf-]),:where(form,fieldset) input[type=button]:not([class*=sf-]){justify-content:center;align-items:center;gap:var(--sf-space-xs);padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-size:var(--sf-text-m);font-weight:var(--sf-font-weight-heading);line-height:var(--sf-leading-normal);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);text-decoration:none;display:inline-flex}:where(form,fieldset) button:not([class*=sf-]):hover,:where(form,fieldset) input[type=submit]:not([class*=sf-]):hover,:where(form,fieldset) input[type=reset]:not([class*=sf-]):hover,:where(form,fieldset) input[type=button]:not([class*=sf-]):hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}:where(form,fieldset) button:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=submit]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=reset]:not([class*=sf-]):focus-visible,:where(form,fieldset) input[type=button]:not([class*=sf-]):focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}:where(form,fieldset) button:not([class*=sf-]):disabled,:where(form,fieldset) input[type=submit]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=reset]:not([class*=sf-]):disabled,:where(form,fieldset) input[type=button]:not([class*=sf-]):disabled{opacity:var(--sf-opacity-disabled);cursor:not-allowed}input[type=checkbox],input[type=radio]{block-size:1.125em;inline-size:1.125em;accent-color:var(--sf-color-action);cursor:pointer;vertical-align:middle}input[type=file]{cursor:pointer}input[type=file]::file-selector-button{appearance:none;padding-block:var(--sf-space-xs);padding-inline:var(--sf-space-m);font-weight:var(--sf-font-weight-heading);color:var(--sf-color-text--on-action);background-color:var(--sf-color-action);border:var(--sf-border-width-1) solid transparent;border-radius:var(--sf-radius-m);cursor:pointer;transition:var(--sf-transition-colors);margin-inline-end:var(--sf-space-s)}input[type=file]::file-selector-button:hover{background-color:var(--sf-color-action--hover,var(--sf-color-action))}input[type=range]{appearance:none;cursor:pointer;background:0 0;inline-size:100%}input[type=range]::-webkit-slider-runnable-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-moz-range-track{block-size:var(--sf-border-width-3,.25rem);background-color:var(--sf-color-border);border-radius:var(--sf-radius-full)}input[type=range]::-webkit-slider-thumb{appearance:none;block-size:1em;inline-size:1em;background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);margin-block-start:calc((var(--sf-border-width-3,.25rem) - 1em) / 2)}input[type=range]::-moz-range-thumb{background-color:var(--sf-color-action);border-radius:var(--sf-radius-full);border:none;block-size:1em;inline-size:1em}input[type=range]:focus-visible{outline:var(--sf-focus-ring-width) var(--sf-focus-ring-style,solid) var(--sf-color-border--focus);outline-offset:var(--sf-focus-ring-offset)}fieldset{border:var(--sf-border-width-1) solid var(--sf-color-border--subtle);border-radius:var(--sf-radius-m);padding:var(--sf-space-m)}legend{font-weight:var(--sf-font-weight-heading);padding-inline:var(--sf-space-xs)}label{font-weight:var(--sf-font-weight-heading);color:var(--sf-field-text-color,inherit);margin-block-end:var(--sf-space-xs);display:block}label:has(:required):after,label:has(+:required):after,label:has(+* :required):after{content:var(--sf-field-required-marker," *");color:var(--sf-color-danger)}}
 /*# sourceMappingURL=slashed.optimal.min.css.map */
diff --git a/SLASHED-for-WP/integrations/bricks/slashed-bricks.php b/SLASHED-for-WP/integrations/bricks/slashed-bricks.php
index de2c4bb..5b4971a 100644
--- a/SLASHED-for-WP/integrations/bricks/slashed-bricks.php
+++ b/SLASHED-for-WP/integrations/bricks/slashed-bricks.php
@@ -29,7 +29,7 @@
 	define( 'SLASHED_BRICKS_VERSION', '0.6.13' );
 	define( 'SLASHED_BRICKS_PATH', plugin_dir_path( __FILE__ ) );
 	define( 'SLASHED_BRICKS_URL', plugin_dir_url( __FILE__ ) );
-	define( 'SLASHED_BRICKS_CSS_REF', 'v0.7.35' );
+	define( 'SLASHED_BRICKS_CSS_REF', 'v0.7.36' );
 }
 
 /**
diff --git a/SLASHED-for-WP/integrations/gutenberg/slashed-gutenberg.php b/SLASHED-for-WP/integrations/gutenberg/slashed-gutenberg.php
index 999dd7b..7a23404 100644
--- a/SLASHED-for-WP/integrations/gutenberg/slashed-gutenberg.php
+++ b/SLASHED-for-WP/integrations/gutenberg/slashed-gutenberg.php
@@ -29,7 +29,7 @@
 	define( 'SLASHED_GUTENBERG_VERSION', '0.6.13' );
 	define( 'SLASHED_GUTENBERG_PATH', plugin_dir_path( __FILE__ ) );
 	define( 'SLASHED_GUTENBERG_URL', plugin_dir_url( __FILE__ ) );
-	define( 'SLASHED_GUTENBERG_CSS_REF', 'v0.7.35' );
+	define( 'SLASHED_GUTENBERG_CSS_REF', 'v0.7.36' );
 }
 
 define( 'SLASHED_GUTENBERG_ALLOWED_BUNDLES', array( 'optimal', 'full' ) );
diff --git a/SLASHED-for-WP/slashed.php b/SLASHED-for-WP/slashed.php
index 34a983c..a03e33e 100644
--- a/SLASHED-for-WP/slashed.php
+++ b/SLASHED-for-WP/slashed.php
@@ -29,7 +29,7 @@
  * in the admin UI. The framework CSS is bundled with the plugin in dist/ and
  * updated through normal plugin releases — see Slashed_CSS_Loader.
  */
-define( 'SLASHED_CSS_REF', 'v0.7.35' );
+define( 'SLASHED_CSS_REF', 'v0.7.36' );
 
 // ─── Shared infrastructure ────────────────────────────────────────────